@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-VariableFont_wght.ttf)format("truetype-variations");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf)format("truetype-variations");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-VariableFont_opsz_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Italic-VariableFont_opsz_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--crest-blue:#1a4080;--crest-red:#c1272d;--crest-black:#111;--crest-white:#fff;--blue-900:#0a1628;--blue-800:#0f2240;--blue-700:#153266;--blue-600:#1a4080;--blue-500:#1e56a0;--blue-400:#3a7bd5;--blue-300:#6ba3eb;--blue-200:#a8ccf5;--blue-100:#dceafb;--blue-50:#f0f6fe;--white:#fff;--gray-50:#f8f9fb;--gray-100:#f0f2f5;--gray-200:#e2e5ea;--gray-300:#c8cdd5;--gray-400:#9aa1ad;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--green-500:#10b981;--green-600:#059669;--orange-500:#f97316;--orange-600:#ea580c;--orange-50:#fff7ed;--font-sans:"DM Sans", system-ui, -apple-system, Segoe UI, sans-serif;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--fs-display-1:clamp(2.5rem, 6vw, 4.5rem);--fs-display-2:clamp(1.75rem, 3vw, 2.5rem);--fs-display-3:clamp(1.5rem, 3vw, 2rem);--fs-h1:1.5rem;--fs-h2:1.2rem;--fs-h3:1.05rem;--fs-body:1rem;--fs-body-lg:1.05rem;--fs-small:.9rem;--fs-xs:.8rem;--fs-eyebrow:.75rem;--lh-tight:1.15;--lh-snug:1.3;--lh-base:1.6;--lh-loose:1.85;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-pill:100px;--shadow-sm:0 1px 3px #0a16280f, 0 1px 2px #0a16280a;--shadow-md:0 4px 16px #0a162814, 0 2px 4px #0a16280a;--shadow-lg:0 12px 40px #0a16281f, 0 4px 12px #0a16280f;--shadow-cta:0 2px 8px #1e56a040;--shadow-cta-hover:0 4px 16px #1e56a059;--transition:.3s cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.4, 0, .2, 1);--container:1200px;--gutter:24px;--fg-1:var(--gray-800);--fg-2:var(--gray-600);--fg-3:var(--gray-500);--fg-4:var(--gray-400);--fg-link:var(--blue-600);--fg-on-dark:var(--white);--fg-on-dark-2:var(--blue-200);--fg-on-dark-3:var(--blue-300);--bg-1:var(--white);--bg-2:var(--gray-50);--bg-3:var(--gray-100);--bg-dark:var(--blue-900);--bg-hero:linear-gradient(160deg, var(--blue-700) 0%, var(--blue-800) 40%, var(--blue-900) 100%);--bg-cta:linear-gradient(135deg, var(--blue-600) 0%, var(--blue-800) 100%);--border:1px solid var(--gray-200);--border-hover:1px solid var(--blue-300)}body{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-1);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading-display,h1.display,h2.display,h3.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:var(--lh-tight)}h1{font-size:var(--fs-display-2);font-weight:700;line-height:var(--lh-tight)}h2{font-size:var(--fs-h1);font-weight:700}h3{font-size:var(--fs-h3);font-weight:700}.label-upper,.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-500);font-weight:600}p{line-height:var(--lh-base)}.lead{font-size:var(--fs-body-lg);color:var(--fg-2);line-height:1.75}.meta{font-size:var(--fs-xs);color:var(--fg-4)}a{color:inherit;text-decoration:none}a.link{color:var(--fg-link)}a.link:hover{color:var(--blue-700)}*,:before,:after{box-sizing:border-box}html,body{background:var(--gray-100);height:100%;font-family:var(--font-sans);color:var(--gray-800);margin:0;padding:0}#root,.app{height:100vh;min-height:100vh}.app{flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--gray-200);background:#fff;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;box-shadow:0 1px #00000005}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-left img{object-fit:contain;width:40px;height:40px}.topbar-title{font-family:var(--font-display);color:var(--blue-700);letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1}.topbar-sub{color:var(--gray-500);letter-spacing:.04em;margin-top:4px;font-size:12px;font-weight:500}.body{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--gray-200);background:#fff;flex-shrink:0;width:380px;padding:0 0 24px;overflow-y:auto}.stage{background:var(--gray-100);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.stage-toolbar{border-bottom:1px solid var(--gray-200);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.stage-canvas{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:32px;display:flex;overflow:auto}.tabs{border-bottom:1px solid var(--gray-200);grid-template-columns:1fr 1fr;gap:0;display:grid}.tab{background:var(--gray-50);color:var(--gray-600);cursor:pointer;text-align:center;font-size:13px;font-weight:600;font-family:var(--font-sans);letter-spacing:.02em;border:none;border-bottom:2px solid #0000;padding:14px 12px}.tab:hover{background:var(--blue-50);color:var(--blue-700)}.tab.active{color:var(--blue-700);border-bottom-color:var(--blue-600);background:#fff}.form{flex-direction:column;gap:16px;padding:22px 22px 8px;display:flex}.form-section-title{text-transform:uppercase;letter-spacing:.16em;color:var(--blue-500);margin-top:8px;font-size:11px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.label{color:var(--gray-700);letter-spacing:.02em;font-size:12px;font-weight:600}.input,.select{border:1px solid var(--gray-300);font-size:14px;font-family:var(--font-sans);color:var(--gray-800);background:#fff;border-radius:8px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 3px #3a7bd529}.pillgroup{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--gray-300);cursor:pointer;color:var(--gray-700);letter-spacing:.02em;font-size:12px;font-weight:600;font-family:var(--font-sans);background:#fff;border-radius:999px;padding:8px 14px;transition:all .12s}.pill:hover{border-color:var(--blue-500);color:var(--blue-700)}.pill.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600);box-shadow:0 2px 6px #1a408040}.pill.accent-orange.active{background:#f97316;border-color:#f97316}.btn{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);letter-spacing:.01em;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:transform 80ms,box-shadow .12s,background .12s;display:inline-flex}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:hover:not(:disabled){background:var(--blue-700);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--gray-700);border:1px solid var(--gray-300);background:0 0}.btn-ghost:hover{border-color:var(--gray-400);background:var(--gray-50)}.preview-frame{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.preview-scaler{transform-origin:0 0;will-change:transform}.badge-pending{background:var(--gray-100);color:var(--gray-600);letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.badge-ok{color:#166534;background:#dcfce7}