.progress,.studio-shell,.site-footer{--studio-petrol: #285866;--studio-teal: #3d7481;--studio-night: #142c3a;--studio-ivory: #fafdf5;--studio-gold: #9dbf00;--studio-ink: #020817;--studio-muted-light: rgba(250, 253, 245, .66);--studio-line: rgba(250, 253, 245, .16);--studio-line-strong: rgba(250, 253, 245, .32);--studio-radius: 8px;--studio-gap: 16px;color:var(--studio-ivory);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.progress{position:sticky;z-index:50;top:84px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--studio-gap);width:min(calc(100% - 48px),1440px);max-width:none;margin:0 auto;padding:16px 0;background:var(--studio-petrol);box-shadow:0 0 0 100vmax var(--studio-petrol);clip-path:inset(0 -100vmax);backdrop-filter:none}.progress-step,.progress-step:first-child,.progress-step:last-child{display:flex;align-items:center;gap:12px;min-width:0;min-height:54px;padding:13px 16px;color:#fafdf5b3;background:var(--studio-night);border:1px solid transparent;border-radius:var(--studio-radius);box-shadow:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.progress-step:hover:not(:disabled){color:var(--studio-ivory);border-color:var(--studio-line-strong)}.progress-step span{color:var(--studio-gold);font:700 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}.progress-step strong{overflow:hidden;font-size:12px;font-weight:650;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.progress-step.is-active{color:var(--studio-night);background:var(--studio-ivory);border-color:var(--studio-ivory)}.progress-step.is-active span{color:#785f08}.studio-shell{display:grid;grid-template-columns:minmax(0,.76fr) minmax(520px,1.24fr);align-items:start;gap:var(--studio-gap);width:min(calc(100% - 48px),1440px);max-width:none;margin:0 auto;padding:48px 0 144px;background:var(--studio-petrol);box-shadow:0 0 0 100vmax var(--studio-petrol);clip-path:inset(0 -100vmax)}.control-column{display:grid;gap:var(--studio-gap);min-width:0}.studio-section{padding:clamp(24px,2.6vw,38px);color:var(--studio-ivory);background:var(--studio-night);border:1px solid var(--studio-line);border-radius:var(--studio-radius);box-shadow:none;backdrop-filter:none;scroll-margin-top:176px}.section-heading{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:var(--studio-gap);margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--studio-line)}.step-number{display:block;width:auto;height:auto;padding-top:4px;color:var(--studio-gold);border:0;border-radius:0;font:700 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em}.section-kicker{color:var(--studio-gold);font-size:9px;font-weight:750;letter-spacing:.15em}.section-heading h2{margin:5px 0 0;color:var(--studio-ivory);font:600 clamp(26px,2.5vw,38px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}.field-label,.field-group>span,.format-strip span,.mini-title{color:#fafdf5c7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em}.text-input,.field-group input,.field-group textarea,.format-strip select{color:var(--studio-ink);background:var(--studio-ivory);border:1px solid rgba(2,8,23,.2);border-radius:var(--studio-radius);box-shadow:none}.text-input,.field-group input,.format-strip select{min-height:48px;padding:11px 13px}.field-group textarea{padding:12px 13px}.text-input::placeholder,.field-group input::placeholder,.field-group textarea::placeholder{color:#0208177a}.text-input:focus,.field-group input:focus,.field-group textarea:focus,.format-strip select:focus{border-color:var(--studio-gold);box-shadow:0 0 0 3px #e5c96f3d;outline:0}.drop-zone{margin-top:16px;padding:32px 20px;color:var(--studio-ivory);text-align:center;background:var(--studio-petrol);border:1px dashed rgba(250,253,245,.42);border-radius:var(--studio-radius);box-shadow:none}.drop-zone.is-over{background:var(--studio-teal);border-color:var(--studio-gold);transform:none}.drop-icon{width:48px;height:48px;margin-bottom:16px;color:var(--studio-gold);background:var(--studio-night);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.drop-zone h3{color:var(--studio-ivory);font:600 20px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.drop-zone>p{color:var(--studio-muted-light)}.button{min-height:46px;padding:11px 17px;border-radius:var(--studio-radius);box-shadow:none;font-size:12px;font-weight:700;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.42}.button-primary,.button-primary:hover:not(:disabled){color:var(--studio-night);background:var(--studio-gold);border-color:var(--studio-gold);box-shadow:none}.button-secondary{color:var(--studio-night);background:var(--studio-ivory);border-color:var(--studio-ivory)}.button-secondary:hover:not(:disabled){background:#fff}.button-ghost{color:var(--studio-ivory);background:transparent;border-color:#fafdf56b}.button-ghost:hover:not(:disabled){border-color:var(--studio-ivory)}.photo-grid{gap:var(--studio-gap);margin-top:var(--studio-gap)}.photo-thumb{background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.photo-thumb img{border-radius:var(--studio-radius)}.photo-thumb button{color:var(--studio-ivory);background:var(--studio-night);border:1px solid var(--studio-line-strong)}.photo-thumb figcaption{color:var(--studio-ivory);background:#142c3ae0;border-radius:4px}.inline-message{color:var(--studio-muted-light)}.inline-message.is-error,.process-status.is-error{color:#ffe0e3}.consent-box{gap:12px;margin-top:var(--studio-gap);padding:16px;background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.check-row,.customer-approval{color:#fafdf5d6}.check-row input,.customer-approval input{accent-color:var(--studio-gold)}.consent-box>p{color:var(--studio-muted-light)}.style-grid{gap:var(--studio-gap)}.style-card{grid-template-columns:62px minmax(0,1fr) auto;gap:var(--studio-gap);padding:10px;color:var(--studio-ivory);background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius);box-shadow:none}.style-card:hover:not(:disabled){border-color:var(--studio-line-strong)}.style-card.is-selected{background:var(--studio-teal);border-color:var(--studio-gold);box-shadow:inset 0 0 0 1px #e5c96f29}.style-card.is-locked{opacity:.48}.style-swatch{border:1px solid var(--studio-line);border-radius:var(--studio-radius);box-shadow:none}.style-swatch.royal{background:#7f3346}.style-swatch.winter{background:#92b7c2}.style-swatch.express{background:#476f58}.style-card strong{color:var(--studio-ivory);font:650 15px/1.25 Inter,ui-sans-serif,system-ui,sans-serif}.style-card small{color:var(--studio-muted-light)}.selected-mark,.lock-mark,.review-badge{border-radius:4px}.selected-mark{color:var(--studio-night);background:var(--studio-gold)}.lock-mark{color:#fafdf5b3;background:#142c3ab8}.generation-panel{gap:var(--studio-gap);margin-top:24px;padding-top:24px;border-color:var(--studio-line)}.quality-list{color:var(--studio-muted-light)}.quality-list li:before{color:var(--studio-gold)}.process-status,.preflight-card{gap:12px;margin-top:var(--studio-gap);padding:12px 14px;color:#fafdf5b8;background:#28586694;border:1px solid rgba(250,253,245,.1);border-radius:var(--studio-radius)}.process-status.is-error{background:#8427375c;border-color:#ffe0e340}.process-icon,.preflight-icon{width:28px;height:28px;color:var(--studio-gold);background:var(--studio-night);border:1px solid var(--studio-line);border-radius:50%}.process-status strong,.preflight-card strong{color:#fafdf5d6;font-size:11px}.process-status p,.preflight-card p{color:#fafdf585;font-size:10px}.candidate-chooser{margin-top:var(--studio-gap);padding:16px;background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.candidate-heading span,.candidate small{color:var(--studio-muted-light)}.candidate-heading>strong{color:var(--studio-gold)}.candidate-grid{gap:var(--studio-gap)}.candidate{color:var(--studio-ivory);background:var(--studio-night);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.candidate.is-selected{border-color:var(--studio-gold);box-shadow:0 0 0 2px #e5c96f26}.candidate img{border-radius:5px}.candidate strong{color:var(--studio-ivory);font:650 11px/1.25 Inter,ui-sans-serif,system-ui,sans-serif}.form-grid{gap:var(--studio-gap)}.field-group>span em,.field-group small{color:var(--studio-muted-light)}.format-strip{gap:var(--studio-gap);margin-top:24px;padding:16px;background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.format-strip>div,.format-strip>label{padding:0 12px;border-color:var(--studio-line)}.format-strip span{color:#fafdf58a}.format-strip strong{color:var(--studio-ivory);font:650 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}.format-strip small{color:var(--studio-muted-light)}.review-card{padding:18px;color:var(--studio-ivory);background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.review-head{border-color:var(--studio-line)}.review-badge{color:var(--studio-night);background:var(--studio-gold)}.review-head p{color:var(--studio-muted-light)}.review-grid{gap:var(--studio-gap)}.customer-approval{padding:16px;background:var(--studio-petrol);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.customer-approval strong{color:var(--studio-ivory)}.output-actions{gap:var(--studio-gap)}.preview-column{min-width:0}.preview-sticky{position:sticky;top:164px;padding:clamp(24px,2.6vw,38px);color:var(--studio-ivory);background:var(--studio-teal);border:1px solid var(--studio-line);border-radius:var(--studio-radius);box-shadow:none}.preview-header{gap:var(--studio-gap);padding-bottom:16px;border-bottom:1px solid var(--studio-line)}.preview-header__actions{display:grid;flex:0 0 auto;gap:8px;justify-items:end}.preview-reset{padding:0;border:0;color:#fafdf5b8;background:transparent;font:700 10px/1.25 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-decoration:underline;text-decoration-color:#d8b96b85;text-underline-offset:4px;cursor:pointer}.preview-reset:hover,.preview-reset:focus-visible{color:var(--studio-ivory);outline:none;text-decoration-color:var(--studio-gold)}.preview-header p{color:var(--studio-gold);font-size:9px}.preview-header h2{margin-top:5px;color:var(--studio-ivory);font:600 clamp(22px,2.3vw,34px)/1.08 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em}.preview-badge{padding:6px 9px;color:var(--studio-night);background:var(--studio-gold);border:0;border-radius:4px}.view-tabs{gap:4px;margin:16px 0;padding:4px;background:var(--studio-night);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.view-tab{min-height:38px;color:#fafdf59e;border-radius:5px;font-size:10px}.view-tab:hover{color:var(--studio-ivory)}.view-tab.is-active{color:var(--studio-night);background:var(--studio-ivory)}.card-stage{min-height:650px;padding:28px;background:var(--studio-night);border:1px solid var(--studio-line);border-radius:var(--studio-radius)}.card-panel{width:min(100%,450px);border-radius:3px;box-shadow:0 28px 64px #0208176b}.card-panel.is-visible{animation-duration:.34s}.gold-frame{border-color:#fafdf5b8;box-shadow:none}.gold-frame .corner,.ornament{display:none}.front-copy #greetingPreview,.front-copy #signoffPreview{color:var(--studio-ivory);text-shadow:0 2px 10px rgba(2,8,23,.72)}.card-inside,.inside-page,.card-back{color:var(--studio-ink);background:var(--studio-ivory)}.inside-page{border-color:#28586640}.tiny-ornament,.back-emblem{color:var(--studio-petrol);border-color:var(--studio-petrol)}#insidePreviewText,.card-back p,.card-back small{color:var(--studio-petrol)}#insideSignature{color:var(--studio-night)}.preview-meta{margin-top:10px;color:#fafdf580;font-size:8px}.meta-dot{background:var(--studio-gold)}.status-rail{gap:var(--studio-gap);margin-top:14px;padding-top:14px;border-color:var(--studio-line)}.rail-item{grid-template-columns:24px minmax(0,1fr);gap:7px;opacity:.3}.rail-item>span{width:24px;height:24px;color:var(--studio-gold);border-color:#e5c96f73;font:700 9px/1 Inter,ui-sans-serif,system-ui,sans-serif}.rail-item strong{color:#fafdf5b8;font-size:9px}.rail-item small{color:#fafdf566;font-size:7px}.rail-item.is-done,.rail-item.is-active{opacity:.72}.site-footer{padding:24px max(24px,calc((100vw - 1440px)/2));color:#fafdf585;background:var(--studio-night);border-top:1px solid var(--studio-line);font-size:9px}@media(min-width:1101px)and (max-height:950px){.preview-sticky{padding:20px 24px}.card-stage{min-height:500px;padding:20px}.card-panel{width:min(100%,340px)}}@media(max-width:1100px){.studio-shell{grid-template-columns:1fr;padding-top:32px}.preview-column{grid-row:1}.preview-sticky{position:relative;top:auto}.card-stage{min-height:620px}}@media(max-width:760px){.progress{top:68px;gap:8px;width:calc(100% - 32px);padding:10px 0}.progress-step,.progress-step:first-child,.progress-step:last-child{justify-content:center;min-height:46px;padding:10px 7px}.progress-step strong{display:none}.studio-shell{gap:16px;width:calc(100% - 32px);padding:24px 0 96px}.studio-section,.preview-sticky{padding:22px;border-radius:var(--studio-radius)}.section-heading{grid-template-columns:26px minmax(0,1fr);margin-bottom:22px;padding-bottom:18px}.generation-panel{align-items:stretch;flex-direction:column}.form-grid,.review-grid,.format-strip{grid-template-columns:1fr}.format-strip>div,.format-strip>label{padding:7px 0 14px;border-right:0;border-bottom:1px solid var(--studio-line)}.format-strip>:last-child{padding-bottom:0;border-bottom:0}.card-stage{min-height:500px;padding:16px}.card-panel{width:min(100%,350px)}.status-rail{gap:8px}.site-footer{padding-right:16px;padding-left:16px}}@media(max-width:430px){.studio-section,.preview-sticky{padding:18px}.style-card{grid-template-columns:50px minmax(0,1fr)}.style-swatch{width:50px}.selected-mark,.lock-mark{grid-column:2;justify-self:start}.card-stage{min-height:440px}.preview-meta{align-items:flex-start;flex-direction:column}.rail-item p{display:none}}@media(prefers-reduced-motion:reduce){.progress-step,.button,.drop-zone,.card-panel.is-visible{animation:none!important;transition:none!important;transform:none!important}}