:root{--bg:#161719;--panel:#1f2023;--panel2:#232427;--ribbon:#1c1d20;--line:#313337;--line2:#3c3f44;--ink:#e6e7ea;--muted:#9599a0;--faint:#6b6f76;--accent:#ff6600;--accent-ink:#3d1800;--accent-soft:#3a2410;--canvas:#141517}*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}#wrap{display:flex;flex-direction:column;height:100vh}#ribbon{background:var(--ribbon);border-bottom:1px solid var(--line)}#brand{gap:8px;padding:7px 14px;border-bottom:1px solid var(--line)}#brand,#brand .logo{display:flex;align-items:center}#brand .logo{width:22px;height:22px;border-radius:6px;background:var(--accent);color:#3d1800;justify-content:center;font-weight:700;font-size:13px}#brand b{font-size:14px}#brand span{font-size:12px;color:var(--muted)}#brand .status{margin-left:auto;font-size:11px;color:var(--muted);border:1px solid var(--line2);border-radius:20px;padding:3px 10px}#ribbon-tabs{display:flex;gap:2px;padding:0 10px}#ribbon-tabs button{font:inherit;font-size:12px;padding:8px 14px;background:none;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent}#ribbon-tabs button:hover{color:var(--ink)}#ribbon-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}#tools{display:flex;gap:0;padding:8px 10px;overflow-x:auto;border-top:1px solid var(--line)}#tools .row{display:flex;gap:6px;align-items:stretch}.grp{flex-direction:column;justify-content:space-between;align-items:center;padding:0 4px}.grp,.grp .grow{display:flex;gap:4px}.glbl{font-size:9.5px;letter-spacing:.04em;color:var(--faint);text-transform:uppercase;white-space:nowrap;text-align:center}.gdiv{width:1px;align-self:stretch;background:var(--line2);margin:2px}.tbtn{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer;font:inherit;font-size:11px;color:var(--ink)}.tbtn:hover{background:#2a2c30;border-color:var(--line2)}.tbtn.on{background:var(--accent-soft);border-color:#a34d00;color:#ffb380}.tbtn .ic svg{width:22px;height:22px;stroke:#b7bcc3;fill:none;stroke-width:1.6}.tbtn.on .ic svg{stroke:#ffb380}.tbtn.primary{background:var(--accent);color:#3d1800}.tbtn.primary .ic svg{stroke:#3d1800}.tbtn.primary:hover{background:#ff8533}#body{flex:1 1;display:flex;min-height:0}#catalog{width:238px;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}#catalog .search{padding:10px;border-bottom:1px solid var(--line)}#catalog input{width:100%;padding:8px 10px;border:1px solid var(--line2);border-radius:8px;font:inherit;font-size:13px;background:var(--panel2);color:var(--ink)}#catlist{flex:1 1;overflow-y:auto;padding:6px}.cat{margin:1px 0}.cat h4{margin:6px 6px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.cat>.fhd{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:7px 8px;border-radius:7px}.cat>.fhd:hover{background:#2a2d31}.cat>.fhd .chev{transition:transform .15s;color:var(--faint);display:flex}.cat.open>.fhd .chev{transform:rotate(90deg)}.cat>.fhd .nm{font-size:11.5px;letter-spacing:.02em;color:var(--ink);font-weight:600}.cat>.fhd .count{margin-left:auto;font-size:10.5px;color:var(--faint)}.affect{font-size:11px;color:var(--muted);padding:7px 9px;background:var(--panel2);border:1px solid var(--line);border-radius:7px}.affect,.violbox{margin-bottom:12px}.violbox{font-size:11.5px;line-height:1.5;color:#e79a9a;padding:8px 10px;background:#3a2626;border:1px solid #5c3a3a;border-radius:7px}.field input.err{border-color:#c96a6a;outline:1px solid #c96a6a;background:#2e2224}.fielderr{font-size:10.5px;line-height:1.4;color:#e79a9a;margin-top:4px}.item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item:hover{background:#2a2d31}.item:active{cursor:-webkit-grabbing;cursor:grabbing}.item.sel{background:var(--accent-soft)}.item .thumb{width:34px;height:34px;border-radius:7px;background:#2c2f34;border:1px solid var(--line2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.item .thumb svg{width:22px;height:22px;stroke:#9599a0;fill:none;stroke-width:1.5}.item .thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.prodphoto{width:100%;border-radius:8px;background:#fff;border:1px solid var(--line2);margin-top:12px;display:block}.item .meta{min-width:0;flex:1 1}.item .meta .n{font-size:12.5px;font-weight:600;line-height:1.2}.item .meta .c{font-size:11px;color:var(--muted)}.item .pchev{display:flex;color:var(--faint);transition:transform .15s;flex:0 0 auto}.item .thumb.sm{width:26px;height:26px;border-radius:6px}.item .thumb.sm svg{width:17px;height:17px}.item.varrow{padding-top:5px;padding-bottom:5px}.item.varrow .meta .n{font-size:12px}#catnote{padding:8px 10px;font-size:11px;color:var(--faint);border-top:1px solid var(--line);background:var(--panel2)}#stage{flex:1 1;position:relative;background:#ffffff;min-width:0}#viewtabs{position:absolute;top:12px;left:12px;z-index:5;display:flex;background:var(--panel2);border:1px solid var(--line2);border-radius:9px;overflow:hidden}#viewtabs button{border:none;background:transparent;font:inherit;font-size:12.5px;padding:8px 14px;cursor:pointer;color:var(--ink)}#viewtabs button.on{background:var(--accent);color:#3d1800}#viewtabs button:not(.on):hover{background:#2a2c30}#elevation{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#elevation,#elevation text{-moz-user-select:none;user-select:none;-webkit-user-select:none}#elevation text{pointer-events:none}#view3d{position:absolute;inset:0}#stagehint{bottom:12px;font-size:11.5px;color:#4b5560;background:rgba(255,255,255,.85);border:1px solid #e2e5e8;padding:5px 9px;border-radius:7px}#render3d,#stagehint{position:absolute;right:12px;z-index:5}#render3d{top:12px;font:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:var(--accent-ink);cursor:pointer}#render3d:hover{background:#ff8533}#render3d:disabled{opacity:.6;cursor:default}.stageempty{position:absolute;text-align:center;padding:0 60px;color:#8b9198;font-size:15px;line-height:1.6}#landing,.stageempty{inset:0;display:flex;align-items:center;justify-content:center}#landing{position:fixed;background:#0b0c0d;z-index:60;flex-direction:column;gap:36px}#landing .brandrow{display:flex;align-items:center;gap:12px}#landing .brandrow .logo{width:40px;height:40px;border-radius:10px;background:var(--accent);color:#3d1800;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}#landing .brandrow b{font-size:24px;letter-spacing:.01em}#landing .cards{display:flex;gap:18px}#landing .card{width:230px;padding:26px 22px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px}#landing .card:hover{border-color:var(--accent);background:#242021}#landing .card svg{width:30px;height:30px;stroke:var(--accent);fill:none;stroke-width:1.7}#landing .card .t{font-size:16px;font-weight:600}#landing .card .s{font-size:12px;color:var(--muted);line-height:1.5}#landing .recents{width:478px;display:flex;flex-direction:column;gap:8px}#landing .recents-lbl{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}#landing .recents-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}#landing .recent-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;border:1px solid transparent;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;text-align:left}#landing .recent-row:hover{border-color:var(--accent);background:#242021}#landing .recent-row svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.6;flex:0 0 auto}#landing .recent-row .meta{min-width:0;display:flex;align-items:baseline;gap:8px;flex:1 1}#landing .recent-row .n{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#landing .recent-row .d{font-size:11px;color:var(--faint);flex:0 0 auto;margin-left:auto}#overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:380px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:20px}.modal h3{margin:0 0 4px;font-size:16px}.modal p{margin:0 0 16px;font-size:12.5px;color:var(--muted);line-height:1.5}.modal .row2{display:flex;gap:10px;margin-bottom:14px}.modal .row2>div{flex:1 1}.modal label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.modal input,.modal textarea{width:100%;padding:8px 9px;border:1px solid var(--line2);border-radius:7px;background:var(--panel2);color:var(--ink);font:inherit;font-size:13px}.modal textarea{resize:vertical;min-height:70px}.modal .acts{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}#props{width:220px;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}#props .hd{padding:12px;border-bottom:1px solid var(--line)}#props .hd .t{font-size:13.5px;font-weight:600}#props .hd .s{font-size:11.5px;color:var(--muted)}#props .bd{padding:12px;flex:1 1;overflow-y:auto}#props .empty{color:var(--faint);font-size:12.5px;line-height:1.6;padding-top:8px}.field{margin-bottom:12px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field .val{font-size:13px;font-weight:600}.field input,.field select{width:100%;padding:7px 8px;border:1px solid var(--line2);border-radius:7px;font:inherit;font-size:12.5px;background:var(--panel2);color:var(--ink)}.swatches{display:flex;gap:6px}.swatches span{width:24px;height:24px;border-radius:6px;border:1px solid var(--line2);cursor:pointer}.swatches span.on{outline:2px solid var(--accent);outline-offset:1px}#props .ft{padding:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.btn{width:100%;padding:9px;border-radius:9px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--line2);background:var(--panel2);color:var(--ink)}.btn:hover{background:#2c2f34}.btn.danger{border-color:#5c3a3a;color:#e79a9a}.btn.danger:hover{background:#3a2626}.btn.accent{background:var(--accent);color:#3d1800;border-color:transparent}.btn.accent:hover{background:#ff8533}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0c0d0f;color:#fff;padding:10px 16px;border-radius:9px;font-size:13px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:20;border:1px solid var(--line2)}#toast.show{opacity:1}