:root{--ink:#17202b;--muted:#6d7884;--paper:#f5f3ef;--panel:#fff;--line:#e5e6e4;--accent:#b85e40;--accent-dark:#98452e;--shadow:0 18px 45px rgba(27,34,42,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.topbar{height:72px;background:#151b24;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1620px)/2));gap:18px}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);border-radius:8px;font-family:Georgia,serif;font-size:25px;letter-spacing:0}.brand-light{font-weight:400;color:#aeb8c1}.top-actions{display:flex;align-items:center;gap:12px}.top-actions select{max-width:180px;background:#202935;color:#fff;border:1px solid #59616b;border-radius:8px;padding:9px 10px;font-size:12px}.local-badge{font-size:12px;color:#b5c1c8}.ghost{background:transparent;border:1px solid #59616b;color:white;border-radius:8px;padding:9px 14px;font-size:13px}.ghost:hover{border-color:white}main{max-width:1620px;margin:auto;padding:42px 28px 16px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:20px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--accent);margin:0 0 12px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.1vw,68px);line-height:1.01;font-weight:500;letter-spacing:-.045em;margin:0 0 18px}h1 em{color:var(--accent);font-weight:400}.intro-copy{max-width:610px;font-size:16px;line-height:1.55;color:var(--muted);margin:0}.step-chip{border:1px solid #d8d6d0;border-radius:100px;padding:12px 18px;color:#52606a;background:#faf9f6;font-size:12px;white-space:nowrap;margin-bottom:7px}.step-chip span{font-weight:800;color:var(--accent)}.step-chip i{font-style:normal;padding:0 8px;color:#aeb5b8}.workspace{display:grid;grid-template-columns:minmax(250px,310px) minmax(390px,1fr) minmax(250px,310px);gap:18px;align-items:start}.panel,.stage-panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-section{padding:23px;border-bottom:1px solid var(--line)}.panel-section:last-child{border-bottom:0}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.step-number{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:7px;background:#f5e9e1;color:var(--accent);font-size:11px;font-weight:800}.section-heading h2{font-family:Georgia,serif;font-size:24px;font-weight:500;letter-spacing:-.03em;margin:-3px 0 2px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.field-label{display:block;font-size:12px;font-weight:700;color:#4a5661;margin:17px 0 8px}.field-label span{float:right;color:var(--muted);font-weight:500}.panel input[type=text]{width:100%;height:42px;border:1px solid #dce0e2;border-radius:8px;padding:0 12px;background:#fcfcfb;color:var(--ink);font-size:13px;outline:none}.panel input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b85e401d}.upload-box{border:1.5px dashed #c5cbd0;background:#f9faf9;border-radius:11px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:20px;cursor:pointer;transition:.2s}.upload-box:hover,.upload-inline:hover{border-color:var(--accent);background:#fcf5ef}.upload-box strong{font-size:13px;margin:3px 0}.upload-box small{font-size:11px;color:var(--muted)}.upload-icon{font-size:28px;color:var(--accent);line-height:1}.helper{color:var(--muted);font-size:11px;line-height:1.5;margin:11px 0 0}.scenario-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.scenario-card{display:flex;align-items:center;gap:10px;width:100%;padding:11px;text-align:left;border:1px solid #e3e7e8;background:#fff;border-radius:9px;color:var(--ink)}.scenario-card:hover{border-color:#aeb6bc}.scenario-card.active{border-color:var(--accent);background:#fff7f2;box-shadow:inset 0 0 0 1px #b85e4030}.scenario-card .scenario-symbol{width:35px;height:35px;flex:none;border-radius:7px;background:#ece8df;display:grid;place-items:center;color:var(--accent);font-size:19px}.scenario-name{font-size:13px;font-weight:700;display:block}.scenario-meta{display:block;color:var(--muted);font-size:11px;margin-top:3px}.scenario-card .chevron{margin-left:auto;color:#acb4b8}.primary,.secondary{height:44px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:700}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.secondary{background:#fff;border-color:#d9dee0;color:#31404c}.secondary:hover{background:#f8f7f5;border-color:#aeb8bd}.full{width:100%}.stage-panel{padding:22px 22px 13px}.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.stage-top .eyebrow{margin-bottom:2px}.stage-top h2{font-family:Georgia,serif;font-size:26px;font-weight:500;margin:0}.stage-switch{display:flex;background:#f0f2f1;padding:3px;border-radius:8px}.stage-switch button{border:0;background:transparent;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:700;color:#63717c}.stage-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #00000012}.stage-shell{position:relative;display:grid;place-items:center;background:#e9e7e2;border-radius:12px;min-height:610px;padding:14px}.stage-shell canvas{display:block;width:auto;height:min(68vh,650px);max-width:100%;aspect-ratio:9/16;border-radius:5px;box-shadow:0 12px 35px #0003;touch-action:none;background:#d4d4d4}.stage-hint{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);background:#121820d9;color:#fff;border-radius:30px;padding:8px 13px;font-size:10px;white-space:nowrap;pointer-events:none}.stage-footer{display:flex;justify-content:space-between;color:#8a9399;font-size:11px;margin-top:12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-button{height:65px;background:#faf9f6;border:1px solid #e3e5e4;border-radius:9px;color:#4b5861;font-size:11px;font-weight:700}.tool-button span{display:block;color:var(--accent);font-size:21px;line-height:1.25}.tool-button:hover{background:#fff3eb;border-color:var(--accent)}.upload-inline{display:block;text-align:center;border:1px dashed #cbd0d1;border-radius:8px;margin-top:10px;padding:13px 8px;font-size:11px;font-weight:700;color:#4a5964;cursor:pointer}.divider{border-top:1px solid var(--line);margin:20px 0}.selection-panel h3{font-family:Georgia,serif;font-weight:500;font-size:19px;margin:0}.row-between{display:flex;justify-content:space-between;align-items:center}.text-danger{border:0;background:none;color:#b4453d;font-size:11px;font-weight:700}.selection-panel input[type=range]{width:100%;accent-color:var(--accent)}.selection-panel input[type=color]{width:100%;height:38px;border:1px solid #dde1e2;border-radius:6px;background:white}.export-section .secondary{margin-bottom:9px}.export-section .primary{display:flex;justify-content:center;align-items:center;gap:12px}.export-section .primary span{font-size:20px;font-weight:400}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;color:#9ca4a8;font-size:11px;padding:35px 2px 10px}footer span:first-child{letter-spacing:.15em;font-weight:800;color:#596570}@media(max-width:1180px){.workspace{grid-template-columns:minmax(235px,280px) minmax(360px,1fr)}.right-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.right-panel .panel-section{border-bottom:0}.right-panel .panel-section:first-child{border-right:1px solid var(--line)}}@media(max-width:760px){.topbar{height:60px;padding:0 16px}.brand{font-size:12px}.brand-mark{width:31px;height:31px;font-size:22px}.brand-light,.local-badge{display:none}.top-actions{gap:5px}.top-actions select{max-width:105px;font-size:10px}.ghost{font-size:11px;padding:8px}main{padding:28px 13px}.intro{display:block;margin-bottom:24px}.intro-copy{font-size:14px}.step-chip{display:inline-block;margin-top:19px;font-size:10px;padding:9px 12px}.workspace{display:flex;flex-direction:column;gap:13px}.panel,.stage-panel{width:100%}.left-panel{order:1}.stage-panel{order:2;padding:14px}.right-panel{order:3;display:block}.right-panel .panel-section:first-child{border-right:0;border-bottom:1px solid var(--line)}.panel-section{padding:20px}.stage-shell{min-height:auto;padding:12px}.stage-shell canvas{height:min(67vh,620px)}.stage-top h2{font-size:23px}footer{display:block;line-height:1.5}}@media(max-width:430px){.stage-top{align-items:flex-start}.stage-switch button{padding:7px 9px}.stage-shell canvas{height:min(64vh,560px)}.stage-hint{font-size:9px}}

.mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:-8px 0 22px}.mode-card{min-height:91px;background:white;border:1.5px solid #dfe3e4;border-radius:13px;text-align:left;display:flex;align-items:center;gap:15px;padding:18px 22px;color:var(--ink);box-shadow:var(--shadow)}.mode-card.active{border-color:var(--accent);background:#fff7f1;box-shadow:inset 0 0 0 1px #b85e4033}.mode-card strong{display:block;font-size:17px}.mode-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.mode-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;background:#f5e9e1;border-radius:10px;color:var(--accent);font-size:22px}.field-select{width:100%;height:42px;border:1px solid #dce0e2;border-radius:8px;padding:0 12px;background:#fcfcfb;color:var(--ink);font-size:13px}.photo-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.photo-item{display:flex;gap:10px;align-items:center;background:#faf9f6;border:1px solid #e3e5e4;border-radius:9px;padding:7px}.photo-item img{height:52px;width:42px;object-fit:cover;border-radius:5px}.photo-item .photo-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.photo-controls{display:flex;gap:3px}.photo-controls button{border:1px solid #d8dcde;background:white;border-radius:5px;width:26px;height:26px;color:#53616b;font-size:12px}.photo-controls button:hover{border-color:var(--accent);color:var(--accent)}.photo-controls button:disabled{opacity:.3}.stage-hint{max-width:calc(100% - 36px);text-align:center;white-space:normal}.right-panel .export-section{border-bottom:0}@media(max-width:760px){.mode-choice{grid-template-columns:1fr;gap:9px;margin:0 0 16px}.mode-card{min-height:70px;padding:12px 16px}.mode-card strong{font-size:14px}.mode-icon{width:35px;height:35px;font-size:17px}.topbar .brand-light{display:none}}