:root{color-scheme:light;--bg: #f6f0e7;--bg-accent: #e6d3be;--surface: rgba(255, 251, 246, .82);--surface-strong: #fffaf4;--surface-ink: #1f1711;--muted: #695b50;--line: rgba(31, 23, 17, .1);--accent: #bf5b31;--accent-deep: #7c2f12;--accent-soft: #efd7c5;--success: #2f6a52;--shadow: 0 20px 60px rgba(76, 47, 24, .14);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;font-family:Satoshi,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,255,255,.88),transparent 24%),radial-gradient(circle at 80% 18%,rgba(191,91,49,.18),transparent 20%),linear-gradient(160deg,var(--bg) 0%,#fbf7f1 42%,var(--bg-accent) 100%);color:var(--surface-ink)}body{min-height:100vh}body:has(.processing-overlay){overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-shell{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:36px 0 72px}.processing-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#f6f0e7cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.processing-panel{width:min(420px,calc(100vw - 32px));padding:28px 24px;border-radius:28px;background:#fffbf6f0;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);text-align:center}.processing-panel strong{display:block;margin-top:16px;font-size:1.2rem;letter-spacing:-.03em}.processing-panel p{margin:10px 0 0;color:var(--muted);line-height:1.6}.processing-spinner{width:54px;height:54px;margin:0 auto;border-radius:999px;border:4px solid rgba(191,91,49,.16);border-top-color:var(--accent);animation:spin .9s linear infinite}.intro-grid,.step-grid{animation:rise .32s ease-out both}.intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,360px);gap:24px;align-items:end}.intro-grid.single-col{grid-template-columns:minmax(0,1fr)}.intro-grid.single-col .intro-copy h1{max-width:none}.eyebrow,.section-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--accent-deep)}.intro-copy h1{margin:0;max-width:10ch;font-size:clamp(3rem,8vw,5.8rem);line-height:.92;letter-spacing:-.06em}.intro-text{max-width:62ch;margin:18px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.7}.intro-card,.stage-card,.control-card,.results-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}.intro-card,.stage-card,.control-card,.results-card{border-radius:var(--radius-xl)}.intro-card{display:grid;gap:14px;padding:24px}.session-footer{margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}.intro-stat span,.framework-stat span,.file-meta span,.signal-block>span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--muted)}.intro-stat strong,.framework-stat strong,.file-meta strong{display:block;margin-top:6px;font-size:1rem}.step-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,420px);gap:24px;margin-top:28px}.stage-card,.control-card,.results-card{padding:24px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-head h2{margin:0;font-size:1.55rem;letter-spacing:-.03em}.status-chip{border-radius:999px;padding:9px 14px;background:#7c2f121a;color:var(--accent-deep);font-size:.82rem;white-space:nowrap}.status-chip.subtle{background:#1f17110f;color:var(--muted)}.preview-actions{display:flex;align-items:center;gap:10px}.upload-card{width:100%;margin-top:18px;border:1px dashed rgba(124,47,18,.24);border-radius:28px;background:linear-gradient(160deg,#ffffffbf,#efd7c5a8),linear-gradient(135deg,rgba(191,91,49,.08),transparent);padding:14px;min-height:480px;display:grid;place-items:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.upload-card:hover{transform:translateY(-2px);border-color:#7c2f1266;box-shadow:0 18px 40px #4c2f181a}.upload-card.has-image{padding:12px}.upload-empty{max-width:320px;text-align:center;display:grid;gap:10px}.upload-empty strong{font-size:1.5rem;letter-spacing:-.04em}.upload-empty span{color:var(--muted);line-height:1.65}.upload-preview{width:100%;height:min(68vh,620px);object-fit:contain;border-radius:22px;background:#ffffffdb}.file-meta{margin-top:16px;display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.ghost-button,.mode-card,.primary-button{border:0}.primary-link,.ghost-link{text-decoration:none}.ghost-button,.ghost-link{border-radius:999px;background:#ffffffc7;color:var(--surface-ink);padding:12px 16px;border:1px solid var(--line)}.mode-stack{display:grid;gap:12px;margin-top:18px}.mode-card{text-align:left;border-radius:22px;padding:18px;background:#ffffff9e;border:1px solid transparent;display:grid;gap:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mode-card:hover{transform:translateY(-1px)}.mode-card.active{border-color:#7c2f1247;background:linear-gradient(135deg,#bf5b3121,#ffffffeb)}.mode-card strong{font-size:1.02rem}.mode-card span,.control-note p,.framework-summary,.next-step-note,.empty-result p,.error-banner{color:var(--muted);line-height:1.65}.control-note{margin-top:16px;padding:16px 18px;border-radius:20px;background:#1f17110a}.control-note p,.framework-summary,.empty-result p,.error-banner{margin:0}.primary-button{width:100%;margin-top:18px;min-height:52px;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;font-weight:700}.secondary-button{border:1px solid rgba(31,23,17,.12);border-radius:999px;padding:12px 18px;background:#ffffffbd;color:var(--surface-ink);font:inherit;cursor:pointer}.secondary-button:disabled{cursor:not-allowed;opacity:.56}.error-banner{margin-top:14px;color:#9e2216}.results-card{margin-top:24px}.framework-summary{margin-top:18px;max-width:64ch;font-size:1rem}.framework-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.detail-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.framework-stat{padding:18px;border-radius:22px;background:#ffffffa8;border:1px solid rgba(31,23,17,.06)}.detail-card{padding:18px;border-radius:22px;background:#ffffff94;border:1px solid rgba(31,23,17,.06)}.detail-card span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--muted)}.detail-card p,.detail-card ul{margin:12px 0 0;color:var(--surface-ink);line-height:1.6}.detail-card ul{padding-left:18px}.detail-card li+li{margin-top:6px}.palette-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.palette-chip{min-width:148px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(31,23,17,.06)}.palette-chip strong{font-size:.92rem}.palette-swatch{width:18px;height:18px;border-radius:999px;border:1px solid rgba(31,23,17,.12)}.signal-block{margin-top:22px}.signal-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0}.signal-list li{padding:10px 14px;border-radius:999px;background:#bf5b311f;color:var(--accent-deep);font-size:.84rem}.muted-list li{background:#1f17110f;color:var(--muted)}.next-step-note,.empty-result{margin-top:22px;padding:18px;border-radius:22px;background:#2f6a5214}.next-step-actions{margin-top:16px}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;font-weight:700}.primary-link.is-disabled{pointer-events:none;opacity:.5;filter:grayscale(.35)}.next-step-note{color:var(--success)}.empty-result strong{display:block;margin-bottom:8px;font-size:1.04rem}.summary-card,.preview-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:var(--radius-xl);padding:24px}.preview-column{display:grid;gap:24px}.recent-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.qa-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recent-card{padding:14px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(31,23,17,.06);display:grid;gap:12px}.recent-preview{width:100%;height:160px;object-fit:cover;border-radius:16px}.recent-copy strong{display:block;font-size:.98rem}.recent-copy p,.recent-copy span{margin:6px 0 0;color:var(--muted)}.batch-row-list{margin-top:18px;display:grid;grid-template-columns:1fr;gap:12px}.batch-row-card{padding:12px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(31,23,17,.06);display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:14px;align-items:center}.batch-row-preview-wrap{width:100%}.batch-row-preview-stage{position:relative;width:100%;border-radius:14px;overflow:hidden;touch-action:none}.batch-row-preview{width:100%;height:auto;object-fit:contain;border-radius:14px;display:block;background:#ffffffe0}.batch-row-overlay-text{position:absolute;color:#17110d;line-height:1.15;text-shadow:0 1px 8px rgba(255,255,255,.92);pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere}.batch-row-overlay-text.is-draggable{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none}.batch-row-overlay-text.is-draggable:active{cursor:grabbing}.batch-row-placeholder{background:#1f17110f;display:grid;place-items:center;min-height:150px}.batch-row-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.batch-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.row-action-loading{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.inline-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(31,23,17,.22);border-top-color:var(--accent);animation:spin .9s linear infinite}.recent-copy span{display:inline-block;font-size:.86rem}.variant-final-link{margin:8px 0 0;font-size:.82rem;color:#b7bdd0}.variant-final-link a{color:#c9b4ff;word-break:break-all}.row-state-stack{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.state-chip{border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.18)}.state-generation-queued{background:#1f171114;color:#5f544a}.state-generation-generating{background:#bf5b312e;color:#7c2f12}.state-generation-ready{background:#2f6a522e;color:#225540}.state-generation-failed{background:#9e221624;color:#9e2216}.state-review-pending{background:#1f171114;color:#5f544a}.state-review-approved{background:#2f6a5233;color:#225540}.state-review-rejected{background:#9e221624;color:#9e2216}.summary-card{margin-top:24px}.reference-summary-grid{margin-top:18px;display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}.step-three-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-reference-card{padding:12px;border-radius:24px;background:#ffffff9e;border:1px solid rgba(31,23,17,.06)}.summary-reference-image{width:100%;max-height:420px;height:auto;display:block;border-radius:18px;object-fit:contain;background:#ffffffe0}.summary-details{display:grid;gap:14px}.summary-grid{display:grid;grid-template-columns:1fr;gap:14px}.summary-item{padding:14px 18px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(31,23,17,.06);display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:16px;align-items:center}.summary-item span,.field-block span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--muted)}.summary-item strong{line-height:1.5;font-weight:600}.generation-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.step-two-shell .generation-grid{width:min(1520px,calc(100vw - 24px));margin-left:50%;transform:translate(-50%)}.generation-grid.has-editor{grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(280px,360px)}.generation-grid>*{min-width:0}.step-two-shell .generation-grid>.control-card,.step-two-shell .generation-grid>.preview-column>.preview-card,.step-two-shell .generation-grid>.text-editor-column{overflow:auto}.text-editor-column{align-self:start;min-width:0}.preview-column{min-width:0}.text-editor-column .zones-list{max-height:min(74vh,860px);overflow:auto;padding-right:4px}.compact-upload{width:100%;margin-top:18px;border:1px dashed rgba(124,47,18,.24);border-radius:24px;background:linear-gradient(160deg,#ffffffbf,#efd7c5a8);min-height:240px;padding:12px;display:grid;place-items:center}.compact-preview{width:100%;height:100%;max-height:320px;object-fit:contain;border-radius:18px;background:#ffffffdb}.compact-empty{max-width:280px}.field-block{display:grid;gap:10px;margin-top:18px}.field-block textarea{width:100%;resize:vertical;min-height:140px;border-radius:22px;border:1px solid var(--line);background:#ffffffd1;padding:16px;color:var(--surface-ink)}.field-block select,.file-meta input,.file-meta select{border-radius:14px;border:1px solid var(--line);background:#ffffffd1;color:var(--surface-ink);padding:10px 12px}.zones-list{margin-top:18px;display:grid;gap:10px}.zone-editor{display:grid;gap:10px;padding:12px 14px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(31,23,17,.06)}.zone-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.zone-delete{justify-self:start;border:0;background:transparent;padding:0;color:var(--muted);font:inherit;cursor:pointer}.zone-delete:hover{color:var(--surface-ink)}.zone-editor-head span,.zone-editor-head strong{font-size:.9rem}.zone-editor-head span{color:var(--surface-ink)}.zone-editor-head strong{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.zone-editor textarea{width:100%;resize:vertical;min-height:70px;border-radius:14px;border:1px solid rgba(31,23,17,.08);background:#fffc;padding:12px;color:var(--surface-ink)}.generated-stage,.empty-stage{margin-top:18px;min-height:540px;border-radius:28px;background:linear-gradient(165deg,#ffffffc2,#efd7c56b);display:grid;place-items:center;padding:16px}.image-editor{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:22px}.generated-preview{width:100%;height:100%;object-fit:cover;border-radius:22px}.floating-zone{position:absolute;border:0;outline:none;background:transparent;color:#17110d;line-height:1.1;padding:0;text-shadow:0 2px 12px rgba(255,255,255,.85);cursor:move;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden}.floating-zone.zone-headline{letter-spacing:-.04em}.floating-zone.zone-subhead,.floating-zone.zone-body{line-height:1.3}.floating-zone.zone-badge,.floating-zone.zone-cta{font-weight:700}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.empty-stage{text-align:center}.empty-stage strong{display:block;margin-bottom:8px;font-size:1.04rem}.empty-stage p{max-width:42ch;color:var(--muted);line-height:1.65;margin:0}.editor-modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#020308bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:18px}.editor-modal{width:min(1100px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;margin:0}.editor-modal-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;align-items:start}.editor-modal-controls{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.editor-modal-controls .zones-list{margin-top:10px}.editor-modal-stage{margin-top:0;min-height:min(74vh,860px)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.intro-grid,.step-grid,.framework-grid,.detail-grid,.reference-summary-grid,.summary-grid,.generation-grid{grid-template-columns:1fr}.intro-copy h1{max-width:12ch}}@media(max-width:720px){.studio-shell{width:min(100vw - 24px,1180px);padding-top:20px}.step-two-shell .generation-grid{width:100%;margin-left:0;transform:none}.step-two-shell .generation-grid>.control-card,.step-two-shell .generation-grid>.preview-column>.preview-card,.step-two-shell .generation-grid>.text-editor-column{max-height:none;overflow:visible}.intro-copy h1{max-width:none;font-size:clamp(2.6rem,15vw,4rem)}.upload-card{min-height:320px}.upload-preview{height:auto;max-height:420px}.file-meta,.section-head{align-items:flex-start;flex-direction:column}.batch-row-card{grid-template-columns:1fr}.batch-row-preview{height:auto}.batch-row-body{grid-template-columns:1fr}.batch-row-actions{justify-content:flex-start}.editor-modal{width:min(100vw - 18px,1100px);max-height:calc(100vh - 18px)}.editor-modal-layout{grid-template-columns:1fr}.editor-modal-stage{min-height:58vh}}:root{color-scheme:dark;--bg: #040507;--bg-accent: #0a0b10;--surface: #0a0c13;--surface-strong: #0f131d;--surface-ink: #f2f3f8;--muted: #8b90a1;--line: rgba(255, 255, 255, .1);--accent: #8a5bff;--accent-deep: #6d37ef;--accent-soft: rgba(138, 91, 255, .22);--success: #5ac594;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px}html,body{background:radial-gradient(90% 110% at 0% -8%,rgba(138,91,255,.14),transparent 54%),radial-gradient(80% 80% at 100% 0%,rgba(90,197,148,.08),transparent 56%),linear-gradient(180deg,#030409 0% 30%,#020308);color:var(--surface-ink)}.studio-shell{width:min(1180px,calc(100vw - 36px));padding:40px 0 80px}.intro-copy h1{max-width:14ch;font-size:clamp(2.4rem,6vw,4.65rem);line-height:1.08;letter-spacing:-.03em}.intro-text{color:#9ca1b2;font-size:1.01rem}.eyebrow,.section-kicker{color:#9b70ff}.intro-card,.stage-card,.control-card,.results-card,.summary-card,.preview-card{background:linear-gradient(180deg,#0e1119f5,#0a0c12f0);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.section-head h2{font-size:1.28rem}.intro-stat span,.framework-stat span,.file-meta span,.signal-block>span,.summary-item span,.field-block span{color:#74798c}.status-chip{background:#ffffff14;color:#d8deef;border:1px solid rgba(255,255,255,.08)}.status-chip.subtle{background:#8a5bff29;color:#c9b4ff}.upload-card,.compact-upload{background:#07090eb8;border:1px dashed rgba(255,255,255,.14)}.upload-card:hover{border-color:#8a5bff85;box-shadow:0 10px 28px #00000057}.upload-preview,.compact-preview,.generated-preview,.summary-reference-image,.batch-row-preview,.recent-preview{background:#05070c}.upload-empty span,.mode-card span,.control-note p,.framework-summary,.next-step-note,.empty-result p,.error-banner,.recent-copy p,.recent-copy span,.summary-item strong,.empty-stage p{color:#9399aa}.ghost-button,.ghost-link,.secondary-button{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#e7eaf6}.mode-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.mode-card.active{border-color:#8a5bff99;background:#8a5bff1f}.control-note,.next-step-note,.empty-result,.detail-card,.framework-stat,.summary-reference-card,.summary-item,.recent-card,.batch-row-card,.zone-editor{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.signal-list li{background:#8a5bff29;color:#d7c5ff}.muted-list li{background:#ffffff0f;color:#9ea4b5}.primary-button,.primary-link{background:linear-gradient(135deg,#8a5bff,#6d37ef);box-shadow:0 12px 24px #6d37ef52}.primary-button:hover,.primary-link:hover{filter:brightness(1.08)}.next-step-button{background:linear-gradient(135deg,#8a5bff,#6d37ef);color:#f6f2ff;border-color:#8a5bffbf;box-shadow:0 10px 24px #6d37ef57}.next-step-button:hover{filter:brightness(1.1)}.next-step-button:disabled{opacity:.68}.file-meta strong,.framework-stat strong,.detail-card p,.detail-card ul,.recent-copy strong{color:#eff1f8}.palette-chip{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.palette-swatch{border-color:#ffffff52}.batch-row-overlay-text{color:#f2f4fa;text-shadow:0 2px 12px rgba(0,0,0,.68)}.batch-row-placeholder{background:#ffffff0a}.state-generation-queued,.state-review-pending{background:#9ca6bc33;color:#d7deef;border-color:#b6c3e070}.state-generation-generating{background:#8a5bff59;color:#f1e8ff;border-color:#ad88ff99}.state-generation-ready,.state-review-approved{background:#5ac59447;color:#dfe;border-color:#7be8b494}.state-generation-failed,.state-review-rejected{background:#ff6f6f57;color:#ffe5e5;border-color:#ff99999e}.field-block textarea,.zone-editor textarea,.field-block select,.file-meta input,.file-meta select{background:#03050ab8;border:1px solid rgba(255,255,255,.12);color:#eef0f7}.zone-editor-head span{color:#e7eaf6}.zone-editor-head strong,.zone-delete{color:#8f95a8}.zone-delete:hover{color:#f2f4fa}.generated-stage,.empty-stage{background:#06080dc2}.floating-zone{color:#f4f6ff;text-shadow:0 2px 12px rgba(0,0,0,.78)}.empty-stage strong{color:#f0f2f8}.error-banner{color:#ff9090}.processing-overlay{background:#020308b8}.processing-panel{background:#0a0c12f7;border:1px solid rgba(255,255,255,.1)}.processing-spinner{border-color:#8a5bff33;border-top-color:#8a5bff}@media(max-width:720px){.studio-shell{width:min(100vw - 20px,1180px);padding-top:18px}.intro-copy h1{font-size:clamp(2.15rem,13vw,3.2rem);line-height:1.1}.session-footer{grid-template-columns:1fr}}