@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-0:#f1ebdf;--bg-1:#fff9ef;--ink-0:#1d1e1c;--ink-1:#484c45;--ink-soft:#6d7269;--stroke:#b6ab94;--surface:#fff9efd4;--surface-strong:#fff5e2;--accent:#c75100;--accent-soft:#ffedd5;--shadow-lg:0 18px 60px #422e1929;--radius-lg:24px;--radius-md:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink-0);background:radial-gradient(1200px 800px at 8% -20%, #f3dbc6 0%, transparent 50%), radial-gradient(800px 500px at 95% 10%, #ebd7b6 0%, transparent 55%), linear-gradient(180deg, var(--bg-1), var(--bg-0));margin:0;font-family:Space Grotesk,sans-serif}h1,h2,p{margin:0}button,input{font:inherit}.app-shell{width:min(1240px,100% - 2rem);margin:1.2rem auto 2rem}.hero{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2.25rem;position:relative}.hero:after{content:"";border-radius:0 var(--radius-lg) 0 96px;background:linear-gradient(145deg,#efb47f,#efb47f33);width:190px;height:190px;position:absolute;top:-1px;right:-1px}.hero__kicker{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid #d97706;border-radius:999px;padding:.4rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;display:inline-block;position:relative}.hero h1{z-index:1;max-width:820px;margin-top:.95rem;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.07;position:relative}.hero__summary{z-index:1;color:var(--ink-1);max-width:820px;margin-top:.95rem;position:relative}.layout{grid-template-columns:minmax(300px,380px) 1fr;gap:1rem;margin-top:1rem;display:grid}.panel,.scene-panel{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.panel{padding:1.1rem}.panel__top{justify-content:space-between;align-items:center;margin-bottom:.95rem;display:flex}.panel h2,.scene-panel h2{letter-spacing:.01em;font-size:1.07rem}.unit-toggle{border:1px solid var(--stroke);background:#efe4d2;border-radius:999px;padding:.18rem;display:inline-flex}.unit-toggle button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .75rem}.unit-toggle .is-active{color:var(--ink-0);background:#fff8ea;box-shadow:0 2px 7px #33281b1f}.preset-grid{gap:.55rem;margin-bottom:1rem;display:grid}.preset-card{text-align:left;border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--surface-strong);cursor:pointer;padding:.65rem .75rem;transition:transform .22s,box-shadow .22s}.preset-card:hover{transform:translateY(-2px);box-shadow:0 7px 16px #57422124}.preset-card span{font-weight:600;display:block}.preset-card small{color:var(--ink-soft)}.control{margin-bottom:.9rem;display:block}.control__header{justify-content:space-between;margin-bottom:.35rem;font-family:IBM Plex Mono,monospace;font-size:.87rem;display:flex}.control__range{width:100%;accent-color:var(--accent)}.reset-button{cursor:pointer;background:linear-gradient(#ffdcb6,#f8c48f);border:1px solid #aa4600;border-radius:12px;width:100%;margin-top:.2rem;padding:.58rem .72rem}.ai-concept{border:1px solid var(--stroke);background:#fff7ea;border-radius:12px;margin-top:.75rem;padding:.72rem}.ai-concept__title{color:var(--ink-1);margin-bottom:.45rem;font-size:.83rem;font-weight:600}.ai-concept__input{border:1px solid var(--stroke);width:100%;color:var(--ink-0);background:#fffef9;border-radius:10px;margin-bottom:.45rem;padding:.5rem .58rem}.ai-concept__button{cursor:pointer;background:linear-gradient(#fed7aa,#f8b97d);border:1px solid #aa4600;border-radius:10px;width:100%;padding:.52rem .58rem}.ai-concept__button:disabled{opacity:.7;cursor:not-allowed}.ai-concept__status{color:var(--ink-soft);margin-top:.45rem;font-size:.8rem}.ai-concept__error{color:#9f1239;background:#ffe4e6;border:1px solid #fecdd3;border-radius:8px;margin-top:.45rem;padding:.4rem .5rem;font-size:.8rem}.stats{gap:.55rem;margin-top:.9rem;display:grid}.stats__card{border:1px solid var(--stroke);background:#fff7ea;border-radius:12px;padding:.62rem .72rem}.stats__label{color:var(--ink-soft);font-size:.83rem}.stats__value{margin-top:.2rem;font-family:IBM Plex Mono,monospace;font-size:1rem}.scene-panel{flex-direction:column;display:flex;overflow:hidden}.scene-panel__header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:baseline;gap:.8rem;padding:.95rem 1rem;display:flex}.scene-panel__header p{color:var(--ink-soft);font-size:.9rem}.scene-panel__header-meta{align-items:center;gap:.75rem;display:flex}.scene-export-button{color:#5f2400;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffe2bf,#ffc98f);border:1px solid #aa4600;border-radius:999px;padding:.42rem .72rem;font-size:.78rem;font-weight:700}.scene-export-button:hover{filter:brightness(1.03)}.viewer{height:min(66vh,560px)}.measure-tag{letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px #fff6;pointer-events:none;border:2px solid #f59e0b;border-radius:999px;padding:.3rem .62rem;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;box-shadow:0 4px 14px #1414143d}@media (width<=980px){.layout{grid-template-columns:1fr}.hero{padding:1.2rem}.hero:after{width:120px;height:120px}.scene-panel__header{flex-direction:column;align-items:flex-start}.scene-panel__header-meta{justify-content:space-between;width:100%}.viewer{height:55vh;min-height:340px}}