:root{--bg:#eceae6;--ink:#26241f;--muted:#8a857c;--card:#ffffffdb;--line:#26241f1a;--accent:#2f6fed;--accent-soft:#2f6fed1f;--danger:#d9463b;--radius:12px;--shadow:0 6px 24px #1e1c1814, 0 1px 3px #1e1c180f}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;font:13px/1.4 Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#view{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 10px}button:hover{background:#0000000d}button.active{background:var(--accent-soft);color:var(--accent)}button.danger:hover{color:var(--danger);background:#d9463b14}.box{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow)}:root{--bar-h:48px;--cat-h:124px}.common,.views,.floors,.modes{height:var(--bar-h);align-items:center;gap:2px;padding:4px;display:flex}.vsep{background:var(--line);flex:none;width:1px;height:24px;margin:0 3px}button.icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}button.icon svg,.views svg,.cat-tab svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.modes{flex:none}.modes button{height:40px;color:var(--muted);border-radius:10px;padding:0 16px;font-weight:500}.modes button.active,.modes button.active:hover{background:var(--ink);color:#fff}:root{--col-w:min(920px, calc(100% - 24px));--col-edge:max(12px, calc((100% - 920px) / 2))}.top{width:var(--col-w);z-index:6;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.top>*{pointer-events:auto}.bottom{width:var(--col-w);z-index:5;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.bottom>*,.bottom-row>*{pointer-events:auto}.bottom-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bottom-row .hint{pointer-events:none}.catalog{height:var(--cat-h);z-index:5;flex-direction:column;gap:6px;padding:6px 8px 8px;display:flex}.cat-tabs{scrollbar-width:none;border-bottom:1px solid var(--line);flex:none;gap:2px;padding-bottom:5px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-items::-webkit-scrollbar{display:none}.cat-tab{height:30px;color:var(--muted);border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.cat-tab svg{width:16px;height:16px}.cat-tab span{font-size:12.5px}.cat-tab.active{color:var(--ink);background:#0000000d}.cat-tab.active.using{background:var(--accent-soft);color:var(--accent)}.cat-items{scrollbar-width:none;flex:1;align-items:stretch;gap:8px;display:flex;overflow-x:auto}.cat-item{background:#ffffffb3;border:1.5px solid #0000;border-radius:10px;flex:none;width:92px;padding:2px}.cat-item:hover{border-color:var(--line);background:#fff}.cat-item.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.cat-item img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.common,.views{flex:none}.views .brand{letter-spacing:-.02em;padding:0 8px 0 10px;font-size:14px;font-weight:700}.views .brand:first-letter{color:var(--accent)}.views button{border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 12px 0 10px;display:inline-flex}.views button span{font-size:12.5px}.floors{flex:none}.level-label{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;padding:0 4px;font-weight:600}.menu-wrap{position:relative}.menu{background:#fff;border-radius:10px;flex-direction:column;min-width:250px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:-4px;box-shadow:0 12px 32px #1e1c1829,0 1px 3px #1e1c1814}.menu[hidden]{display:none}.menu button{text-align:left;justify-content:space-between;padding:8px 10px;display:flex}.menu .k{color:var(--muted);font-size:11px}.menu .sep{background:var(--line);height:1px;margin:4px 2px}.menu-row{justify-content:space-between;align-items:center;padding:4px 4px 4px 10px;display:flex}.mini-seg{background:#0000000d;border-radius:8px;padding:2px;display:flex}.mini-seg button{font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 9px;font-size:12px}.mini-seg button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000001f}#project-dialog{width:min(340px,100% - 32px)}.project-body .row{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.project-body .row label{color:var(--muted)}.project-body input[type=number]{border:1px solid var(--line);text-align:right;border-radius:6px;width:80px;padding:4px 6px}.project-body input[type=range]{width:100%;accent-color:var(--accent)}.project-body p{color:var(--muted);font-size:12px}.panel{right:var(--col-edge);width:250px;max-height:calc(100% - 72px - 12px - var(--bar-h) - 8px - var(--cat-h) - 16px);z-index:4;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;position:absolute;top:72px;overflow-y:auto}.panel:empty{display:none}.panel h3{margin:0 0 10px;font-size:13px;font-weight:600}.panel .row{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;display:flex}.panel .row label{color:var(--muted)}.panel .row .val{font-variant-numeric:tabular-nums}.panel input[type=number]{border:1px solid var(--line);text-align:right;background:#fff;border-radius:6px;width:80px;padding:4px 6px}.panel input[type=range]{width:100%;accent-color:var(--accent)}.panel .actions{gap:6px;margin-top:10px;display:flex}.panel .actions button{border:1px solid var(--line);background:#fff;flex:1}.panel .actions.stack{flex-direction:column}.panel .actions button.danger{color:var(--danger)}.panel p{color:var(--muted);margin:6px 0}.hint{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#26241fb8;border-radius:999px;flex:0 auto;min-width:0;padding:5px 12px;font-size:11.5px;overflow:hidden}.hint kbd{font:inherit;opacity:.7}.measure{pointer-events:none;background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 6px;font-size:11px;display:none;position:absolute;transform:translate(12px,-28px)}.panel .seg-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.panel .seg-label{width:52px;color:var(--muted);flex:none;font-size:12px}.panel .seg{flex:1;gap:4px;display:flex}.panel .seg button{flex:1}.panel .seg:has(>button:nth-child(4)){grid-template-columns:1fr 1fr;display:grid}.panel .finishes{margin-top:10px}.panel .seg button{border:1px solid var(--line);white-space:normal;background:#fff;padding:6px;font-size:12px}.panel .seg button.active,.panel .finishes button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.panel .finishes{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;display:grid}.panel .finishes button{border:1px solid var(--line);background:#fff;align-items:center;gap:6px;padding:5px 6px;font-size:12px;display:flex}.panel .chip{border:1px solid var(--line);border-radius:4px;flex:none;width:18px;height:18px}.panel .palette{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px;display:grid}.panel .finishes+.palette{margin-top:0}.panel .swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001f;border-radius:6px;padding:0;position:relative;overflow:hidden}.panel .swatch.active{outline:2px solid var(--accent);outline-offset:1px}.panel .swatch.custom{background:conic-gradient(#e66,#ec6,#6c6,#6ce,#66e,#e6e,#e66)}.panel .swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.panel .actions button.active{background:#d9463b14}.plan{z-index:1;background:var(--bg);position:absolute;inset:0}.plan[hidden]{display:none}#plan-svg{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#plan-svg:active{cursor:grabbing}.panel .actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.panel .notes li{border-top:1px solid var(--line);color:var(--ink);padding:6px 0;font-size:12px}.panel .legend{color:var(--muted);gap:12px;margin:6px 0;font-size:12px;display:flex}.panel .legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.panel .disclaimer{font-size:11px}.panel label.check{color:var(--ink);cursor:pointer;align-items:center;gap:6px;margin:8px 0;display:flex}@media print{@page{size:landscape;margin:10mm}#app>:not(#plan){display:none!important}.plan{background:#fff;position:static}#plan-svg{width:100%;height:180mm}}dialog{width:min(360px,100% - 32px);color:var(--ink);background:#fff;border:0;border-radius:16px;padding:20px;box-shadow:0 20px 60px #1e1c1840}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#26241f4d}dialog h3{margin:0 0 14px;font-size:15px}dialog .group-title{color:var(--muted);margin-bottom:6px}dialog .field-group{margin-bottom:14px}dialog .dims{align-items:center;gap:8px;margin:6px 0;display:flex}dialog .dims label{color:var(--muted);align-items:center;gap:6px;display:flex}dialog .dims input{border:1px solid var(--line);text-align:right;width:64px;color:var(--ink);border-radius:6px;padding:5px 6px}dialog .unit{color:var(--muted)}dialog .choice{cursor:pointer;align-items:center;gap:8px;margin:8px 0;display:flex}dialog .base-fields{padding:2px 0 2px 24px}dialog .base-fields.disabled{opacity:.4;pointer-events:none}dialog .note{color:var(--muted);margin:6px 0;font-size:12px}dialog menu{flex-direction:row-reverse;justify-content:flex-start;gap:8px;margin:16px 0 0;padding:0;display:flex}dialog menu button{border:1px solid var(--line);padding:7px 14px}dialog menu button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}dialog menu button.primary:hover{background:#2a63d4}.walk-hud,.crosshair{display:none}body.walk-mode .walk-hud{color:#fff;white-space:nowrap;background:#26241fd1;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 16px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}body.walk-mode .walk-hud kbd{font:inherit;opacity:.7}body.walk-mode .walk-hud button{color:var(--ink);background:#fff;border-radius:999px;padding:5px 12px}body.walk-mode .crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;display:block;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000040}body.walk-mode #view{cursor:grab}body[data-view=render] :is(.common,.catalog,.modes,.panel,.floors,.measure){display:none}body[data-view=plan] :is(.common,.catalog,.modes,.hint){visibility:hidden}body[data-view=plan] .catalog{display:none}body[data-view=plan] .panel{max-height:calc(100% - 150px);top:72px}body[data-view=walk] :is(.common,.catalog,.modes,.panel,.floors,.hint){display:none}@media (width<=760px){.hint,.cat-tab span,.views .brand,.views button span{display:none}.panel{width:210px}}