:root{color-scheme:light;--paper: #f5efe6;--cream: #efe0cc;--amber: #d88d4b;--cocoa: #624634;--pine: #33443b;--text: #2f241e;--muted: #6d5b4c;--line: rgba(84, 61, 46, .12);--panel: rgba(255, 248, 240, .72);--panel-strong: rgba(255, 251, 245, .86);--shadow: 0 24px 80px rgba(84, 57, 36, .14);font-family:Trebuchet MS,Segoe UI Variable,Candara,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(255,251,243,.94),transparent 42%),linear-gradient(180deg,#fffdf9,#efe0ca)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}.app-shell{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:28px 0 36px;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}.hero-panel,.stage-shell,.control-card{position:relative}.hero-panel{padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#fffbf5e0,#f4e6d3c7),repeating-linear-gradient(135deg,#ffffff14 0,#ffffff14 12px,#00000003 12px,#00000003 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#d88d4b24;color:#8a5220;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.hero-panel h1,.control-heading h2{margin:16px 0 10px;font-family:Georgia,Palatino Linotype,serif;font-weight:600;line-height:1.04;letter-spacing:-.03em}.hero-panel h1{font-size:clamp(2.8rem,5vw,4.5rem)}.lede,.control-heading p,.control-note,.stage-note{color:var(--muted)}.stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.stat-card,.control-card,.stage-overlay{border:1px solid rgba(88,58,35,.1);border-radius:22px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stat-card{padding:14px 16px;box-shadow:inset 0 1px #ffffff6b}.stat-label,.overlay-label{display:block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#4a3524b8}.stat-card strong,.stage-overlay strong{display:block;margin-top:4px;font-size:1.4rem;line-height:1.1}.control-card{padding:18px;background:var(--panel-strong)}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.segmented-control button,.secondary-button{border:0;border-radius:16px;padding:12px 14px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.segmented-control button{background:#66482b14;color:var(--muted)}.segmented-control button.is-active{background:linear-gradient(180deg,#7f5b41,#5f4332);color:#fff7ef;box-shadow:0 14px 32px #59371f33}.slider-field{display:grid;gap:10px}.slider-field span{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.slider-field small{color:#946a4a;font-size:.95rem}.slider-field input{width:100%;accent-color:#a96b37}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.secondary-button{background:linear-gradient(180deg,#fff7edf2,#ead8c4f2);color:var(--cocoa);border:1px solid rgba(102,72,43,.12);box-shadow:inset 0 1px #ffffff85}.segmented-control button:hover,.secondary-button:hover{transform:translateY(-1px)}.stage-panel{display:grid;gap:14px}.stage-shell{overflow:hidden;border-radius:32px;border:1px solid rgba(88,58,35,.12);background:radial-gradient(circle at 12% 8%,rgba(255,251,244,.94),transparent 18%),linear-gradient(180deg,#fffaf5eb,#e9d8c6d1);box-shadow:var(--shadow)}.curtain-canvas{display:block;width:100%;touch-action:none}.curtain-canvas.mode-drag{cursor:grab}.curtain-canvas.mode-cut{cursor:crosshair}.stage-overlay{position:absolute;top:16px;right:16px;display:flex;gap:16px;padding:12px 14px;background:#fffaf4bd}.stage-note{padding:0 4px;margin:0}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.hero-panel{padding:22px}}@media (max-width: 640px){.app-shell{width:min(100% - 18px,1380px);padding-top:12px}.stat-strip,.button-row,.segmented-control{grid-template-columns:1fr}.hero-panel h1{font-size:2.5rem}.stage-overlay{left:12px;right:12px;justify-content:space-between}}