.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.design-card{background:var(--surface-elevated,#ffffff);border:1px solid var(--border-subtle,#e5e7eb);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}.design-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateY(-1px)}.design-card__preview{display:block;text-decoration:none}.design-card__thumb{aspect-ratio:210/297;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border-bottom:1px solid var(--border-subtle,#e5e7eb)}.design-card__template-name{font-weight:600;font-size:1.1rem;color:var(--text-primary,#111827)}.design-card__format{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;background:var(--surface-muted,#f3f4f6);color:var(--text-secondary,#6b7280)}.design-card__meta{padding:1rem}.design-card__title{font-size:.95rem;font-weight:600;margin:0 0 .25rem}.design-card__title a{color:var(--text-primary,#111827);text-decoration:none}.design-card__title a:hover{text-decoration:underline}.design-card__subtitle{font-size:.8rem;color:var(--text-secondary,#6b7280);margin:0 0 .75rem}.design-card__actions,.design-card__actions-row{display:flex;gap:.5rem;align-items:center}.editor-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:1024px){.editor-layout{grid-template-columns:1fr}}.editor-layout__form{min-width:0}.editor-layout__preview{position:-webkit-sticky;position:sticky;top:1.5rem}.editor-form{gap:1.5rem}.editor-form,.editor-form__group{display:flex;flex-direction:column}.editor-form__group{border:none;padding:0;margin:0;gap:.5rem}.editor-form__label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text-primary,#111827)}.editor-form__input,.editor-form__select,.editor-form__textarea{padding:.6rem .75rem;border:1px solid var(--border-subtle,#e5e7eb);border-radius:8px;font-size:.9rem;background:var(--surface-elevated,#ffffff);color:var(--text-primary,#111827);transition:border-color .15s ease,box-shadow .15s ease}.editor-form__input:focus,.editor-form__select:focus,.editor-form__textarea:focus{outline:none;border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.editor-form__textarea{resize:vertical;min-height:80px}.editor-form__hint{font-size:.75rem;color:var(--text-secondary,#6b7280);margin:0}.editor-form__error{font-size:.8rem;color:#dc2626;margin:0}.editor-form__error--global{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.editor-form__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.editor-form__empty{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface-muted,#f3f4f6);border-radius:8px}.editor-form__empty p{margin:0;font-size:.85rem;color:var(--text-secondary,#6b7280)}.editor-form__actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border-subtle,#e5e7eb)}.template-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.template-selector__card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;border:2px solid var(--border-subtle,#e5e7eb);border-radius:10px;background:var(--surface-elevated,#ffffff);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.template-selector__card--active,.template-selector__card:hover{border-color:var(--accent,#2563eb)}.template-selector__card--active{box-shadow:0 0 0 3px rgba(37,99,235,.12)}.template-selector__card:disabled{opacity:.5;cursor:not-allowed}.template-selector__name{font-size:.85rem;font-weight:600;color:var(--text-primary,#111827)}.template-selector__category{font-size:.7rem;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.04em}.format-selector{display:flex;gap:.5rem}.format-selector__btn{padding:.5rem 1rem;border:1px solid var(--border-subtle,#e5e7eb);border-radius:8px;background:var(--surface-elevated,#ffffff);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.format-selector__btn--active,.format-selector__btn:hover{border-color:var(--accent,#2563eb)}.format-selector__btn--active{background:var(--accent,#2563eb);color:#fff}.colour-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.colour-grid__item{display:flex;flex-direction:column;gap:.25rem}.colour-grid__label{font-size:.75rem;font-weight:500;color:var(--text-secondary,#6b7280)}.colour-grid__input-row{display:flex;gap:.5rem;align-items:center}.colour-grid__swatch{width:40px;height:40px;padding:0;cursor:pointer;background:none}.colour-grid__hex,.colour-grid__swatch{border:1px solid var(--border-subtle,#e5e7eb);border-radius:8px}.colour-grid__hex{flex:1 1;padding:.5rem .6rem;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.preview-panel{background:var(--surface-muted,#f3f4f6);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.preview-panel__canvas{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);line-height:0}.preview-panel__canvas svg{width:100%;height:auto;display:block}.preview-panel--empty{align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary,#6b7280)}.preview-panel__note{font-size:.75rem;color:var(--text-secondary,#6b7280);text-align:center;margin:0}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.skeleton-grid:after,.skeleton-grid:before{content:"";display:block;height:320px}.skeleton-form,.skeleton-grid:after,.skeleton-grid:before{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:12px}.skeleton-form{height:600px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:manrope;src:url(/_next/static/media/cf1d1523226d8c03-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:manrope Fallback;src:local("Arial");ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.00%;size-adjust:100.14%}.__className_6700ba{font-family:manrope,manrope Fallback}.__variable_6700ba{--font-manrope:"manrope","manrope Fallback"}