.card {
    background: var(--color-surface);
    border-radius: 4px;
    border: 2px solid var(--color-border);
    display: flex;
    flex-direction: column;
    width: 330px;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.previewWrap {
    width: 100%;
    background: #fff;
    overflow: hidden;
    aspect-ratio: 1.414 / 1; /* Landscape A4 ratio */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.preview {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    transform: scale(1.12);
    transform-origin: center;
    clip-path: inset(8% 6% 12% 6%);
}
.title {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    border-top: 1px solid var(--color-border);
}