:root{--bg:#09090a;--panel:#121214;--line:#2b2b2f;--text:#f1eee8;--muted:#85858c;--orange:#ef6842;--acid:#ddff55;--blue:#79bbff}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}.app{height:100%;display:flex;flex-direction:column}.topbar{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:#101012;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand h1{font-size:.95rem;margin:0}.brand p{font-size:.58rem;margin:4px 0 0;color:#6f6f75;letter-spacing:.16em}.brand-cube{width:29px;height:29px;border:1px solid #555;transform:rotate(30deg) skewX(-28deg) scaleY(.86);box-shadow:inset 0 0 0 8px rgba(239,104,66,.13)}.process{display:flex;align-items:center}.process button{height:30px;border:0;background:transparent;color:#65656b;font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:0 8px}.process button.active{color:var(--orange)}.process i{width:25px;height:1px;background:#333}.actions{justify-self:end;display:flex;gap:7px}.actions button{height:34px;padding:0 13px;font-size:.64rem;font-weight:750;letter-spacing:.07em}.ghost{border:1px solid var(--line);background:#171719;color:#999}.export{border:1px solid var(--text);background:var(--text);color:#111}.export span{margin-left:8px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(400px,1fr) 265px}.panel{background:var(--panel);overflow:auto;padding:19px}.library{border-right:1px solid var(--line)}.field-panel{border-left:1px solid var(--line)}.panel-title{display:flex;gap:9px;align-items:center}.panel-title span{font:700 .58rem ui-monospace,monospace;color:var(--orange)}.panel-title h2{font-size:.69rem;letter-spacing:.14em;margin:0}.panel-title.compact{margin-bottom:14px}.panel-copy{font-size:.67rem;line-height:1.5;color:#6e6e74;margin:9px 0 15px}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shape{height:82px;border:1px solid var(--line);background:#18181a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.shape:hover,.shape.active{border-color:var(--orange);background:#201817}.shape b{font-size:.63rem;color:#999}.shape.active b{color:#fff}.iso{width:33px;height:29px;display:block;position:relative;transform:skewY(-18deg);border:1px solid #888;background:linear-gradient(135deg,#7772,#bbb1)}.iso:after{content:"";position:absolute;left:5px;right:-7px;top:-7px;height:7px;border:1px solid #888;transform:skewY(18deg) skewX(-48deg);transform-origin:left bottom}.lbuilding{clip-path:polygon(0 0,55% 0,55% 52%,100% 52%,100% 100%,0 100%)}.tower{width:22px;height:35px}.slab{height:13px;width:39px}.divider{height:1px;background:var(--line);margin:20px -19px}.value-row{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:#bdbdc1;margin:15px 0 8px}.value-row output{color:var(--orange);font:650 .66rem ui-monospace,monospace}input[type=range]{appearance:none;width:100%;height:3px;background:#39393d;outline:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--orange);border:2px solid #2a1712}.view-options{display:grid;gap:11px}.view-options label{display:flex;align-items:center;gap:9px;font-size:.69rem;color:#aaa;cursor:pointer}.view-options input{display:none}.view-options label span{width:13px;height:13px;border:1px solid #555}.view-options input:checked+span{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 3px #191414}.stage{position:relative;overflow:hidden;background:#080809}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(99,91,85,.13),transparent 50%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;pointer-events:none}.stage-tools{position:absolute;z-index:2;top:14px;left:16px;right:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;pointer-events:none}.stage-tools>*{pointer-events:auto}.tool-switch{display:flex;border:1px solid var(--line);background:#131315;padding:3px}.tool-switch button{height:28px;border:0;background:transparent;color:#6f6f75;font-size:.59rem;font-weight:720;letter-spacing:.06em;padding:0 11px}.tool-switch button.active{background:#2a2726;color:#fff}.stage-hint{text-align:center;font-size:.62rem;color:#65656a}.camera-reset{width:34px;height:34px;border:1px solid var(--line);background:#151517;color:#999}#viewport{display:block;width:100%;height:100%;cursor:crosshair}.viewport-meta{position:absolute;left:17px;bottom:15px;display:flex;gap:15px;font:600 .57rem ui-monospace,monospace;color:#626267;letter-spacing:.07em}.axis{position:absolute;right:25px;bottom:25px;width:56px;height:54px;font:700 .52rem ui-monospace,monospace}.axis i{position:absolute;left:24px;bottom:20px;height:1px;width:23px;transform-origin:left}.axis .x{background:#ef6842;transform:rotate(-20deg)}.axis .y{background:#dfff55;transform:rotate(-90deg)}.axis .z{background:#79bbff;transform:rotate(205deg)}.axis b{position:absolute;font-size:.52rem}.axis b:nth-of-type(1){right:0;bottom:27px;color:#ef6842}.axis b:nth-of-type(2){left:21px;top:0;color:#dfff55}.axis b:nth-of-type(3){left:0;bottom:8px;color:#79bbff}.legend{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:18px;font-size:.52rem;letter-spacing:.08em;color:#59595e}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:2px}.legend .base{background:#888}.legend .field{background:var(--orange)}.field-list{display:grid;gap:6px;margin-top:14px}.field-item{height:45px;border:1px solid var(--line);background:#18181a;display:flex;align-items:center;gap:9px;padding:0 9px;text-align:left}.field-item.active{border-color:var(--orange);background:#211816}.field-core{width:18px;height:18px;border-radius:50%;border:1px solid var(--orange);box-shadow:inset 0 0 0 5px rgba(239,104,66,.2)}.field-copy{flex:1}.field-copy b,.field-copy small{display:block}.field-copy b{font-size:.67rem}.field-copy small{font-size:.56rem;color:#727278;margin-top:2px}.field-delete{border:0;background:transparent;color:#666;font-size:1rem}.add-field{width:100%;height:34px;margin-top:7px;border:1px dashed #404044;background:transparent;color:#999;font-size:.62rem;font-weight:700}.add-field:hover{border-color:var(--orange);color:#fff}.range-ends{display:flex;justify-content:space-between;font-size:.48rem;color:#5b5b60;letter-spacing:.07em;margin-top:7px}.falloff-label{margin-top:18px}.falloffs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.falloffs button{height:46px;border:1px solid var(--line);background:#18181a;color:#777;font-size:1.1rem}.falloffs button.active{border-color:var(--orange);color:#fff;background:#211816}.falloffs small{display:block;font-size:.52rem;margin-top:2px}.coordinate-title{font-size:.51rem;letter-spacing:.12em;color:#6b6b71;margin:21px 0 11px}.coord{height:28px;display:grid;grid-template-columns:15px 1fr 32px;align-items:center;gap:7px}.coord b{font:.7rem ui-monospace,monospace}.coord:nth-of-type(1) b{color:var(--orange)}.coord:nth-of-type(2) b{color:var(--acid)}.coord:nth-of-type(3) b{color:var(--blue)}.coord output{font:.58rem ui-monospace,monospace;color:#aaa;text-align:right}.analysis-card{margin-top:22px;padding:13px;background:#0e0e10;border:1px solid #242427}.analysis-card span{font-size:.49rem;letter-spacing:.09em;color:#68686d}.analysis-card b{display:block;font:650 1rem ui-monospace,monospace;margin-top:5px}.analysis-card div{height:3px;background:#2d2d31;margin-top:10px}.analysis-card i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--acid));transition:.15s}dialog{width:min(510px,calc(100% - 28px));padding:0;border:1px solid #3c3c40;background:#171719;color:var(--text);box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between}.dialog-head span{font-size:.53rem;color:var(--orange);letter-spacing:.13em}.dialog-head h2{font-size:1.17rem;margin:5px 0 0}.dialog-head button{border:0;background:transparent;color:#777;font-size:1.4rem}dialog p{font-size:.72rem;color:#85858a;line-height:1.5}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.export-grid button{height:82px;background:#1c1c1f;border:1px solid var(--line);text-align:left;padding:12px}.export-grid button:hover{border-color:var(--orange)}.export-grid b,.export-grid small{display:block}.export-grid small{color:#777;font-size:.56rem;margin-top:7px}#toast{position:fixed;z-index:9;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;background:#f1eee8;color:#111;padding:9px 13px;font-size:.66rem;transition:.18s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){html,body{overflow:auto}.topbar{grid-template-columns:1fr auto}.process{display:none}.workspace{grid-template-columns:190px minmax(430px,1fr);grid-template-rows:minmax(610px,calc(100vh - 70px)) auto}.field-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.field-panel>.divider{display:none}.analysis-card{margin-top:0}}@media(max-width:650px){.topbar{height:62px;padding:0 11px}.brand p,.ghost{display:none}.workspace{display:flex;flex-direction:column}.stage{height:60vh;min-height:440px;order:-1}.panel{overflow:visible}.library,.field-panel{display:block;border:0;border-top:1px solid var(--line)}.stage-hint{display:none}.shape-grid{grid-template-columns:repeat(4,1fr)}.shape{height:72px}.export-grid{grid-template-columns:1fr}.export-grid button{height:60px}}