:root{--ink:#17231e;--paper:#f7f5f0;--sand:#e9e1d4;--line:#d9d4cb;--accent:#b56e3b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.app-shell{max-width:1520px;margin:auto;min-height:100vh}.topbar{height:72px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:15px;letter-spacing:1.5px;font-weight:800}.brand i{font-weight:400;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:white;font-family:Georgia;font-size:19px}.topbar p{font-size:12px;color:#69726c;letter-spacing:.8px}.studio{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.74fr);min-height:calc(100vh - 72px)}.scene-panel{min-height:640px;position:relative;background:#d7d4ce;overflow:hidden}#scene{position:absolute;inset:0}.scene-copy{position:absolute;top:9%;left:7%;color:white;text-shadow:0 1px 16px #18201999;pointer-events:none}.scene-copy span,.eyebrow,.step{font-size:10px;letter-spacing:1.6px;font-weight:bold}.scene-copy h1{font-family:Georgia,serif;font-size:clamp(31px,4vw,58px);font-weight:400;max-width:420px;margin:10px 0}.scene-copy p{font-size:13px}.view-button{position:absolute;bottom:25px;left:7%;border:1px solid #fff9;background:#17231ebf;color:white;border-radius:22px;padding:10px 15px;cursor:pointer}.control-panel{padding:34px 34px 25px;background:var(--paper);display:flex;flex-direction:column}.step{display:flex;justify-content:space-between;color:#6e756d;border-bottom:1px solid var(--line);padding-bottom:16px}.options{overflow:auto;max-height:48vh}.option-group{padding:18px 0;border-bottom:1px solid var(--line)}.option-group h3{margin:0 0 11px;font-size:14px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choice{background:none;border:1px solid var(--line);padding:5px;cursor:pointer;font-size:11px;color:var(--ink);min-width:64px}.choice[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.swatch{height:31px;width:100%;display:block;margin-bottom:5px}.quote{padding:20px 0 15px;margin-top:auto}.quote div{display:flex;justify-content:space-between;align-items:end;gap:10px}.quote span,.quote small{font-size:10px;letter-spacing:1px;color:#6e756d}.quote strong{font-size:24px;white-space:nowrap}.quote small{display:block;margin-top:8px;line-height:1.35;letter-spacing:0}.primary,.secondary{font:inherit;font-weight:bold;cursor:pointer;padding:15px;border-radius:0}.primary{border:0;background:var(--ink);color:#fff}.secondary{margin-top:9px;border:1px solid var(--ink);background:transparent;color:var(--ink);display:flex;justify-content:space-between}.status{font-size:12px;min-height:16px;color:#4e6253;margin:10px 0 0}.status a{color:inherit}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px;cursor:pointer}dialog{border:0;padding:0;max-width:460px;width:calc(100% - 32px);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#17231e99}dialog form{padding:34px;position:relative}dialog h2{font:normal 34px Georgia,serif;margin:8px 0}dialog p{font-size:13px;line-height:1.45}dialog label{display:block;font-size:12px;font-weight:bold;margin:15px 0}dialog input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);font:inherit}dialog .primary{width:100%;margin-top:6px}dialog small{display:block;color:#69726c;font-size:10px;margin-top:15px;line-height:1.4}@media(max-width:800px){.topbar{height:58px;padding:0 20px}.topbar p{display:none}.studio{display:block}.scene-panel{min-height:54vh}.scene-copy{top:7%;left:6%}.scene-copy h1{font-size:35px}.control-panel{padding:24px 20px}.options{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.option-group{padding:14px 0}.quote{margin-top:0}.choice{min-width:58px;font-size:10px}.scene-panel canvas{touch-action:none}}