:root{--bg: #1b1e24;--panel: #23272f;--panel2: #2b3039;--line: #363c47;--txt: #f3f6fc;--muted: #bcc8d9;--accent: #5aa9e6;--accent2: #67d99a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,PingFang SC,system-ui,sans-serif;color:var(--txt);background:var(--bg);overflow:hidden}button,input,textarea,select{font-family:inherit}button{color:var(--txt);background:var(--panel2);border:1px solid #65758b;border-radius:6px;padding:6px 10px;cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{color-scheme:dark;color:var(--txt);background-color:#151c27;border:1px solid #65758b;border-radius:5px;padding:5px 7px;caret-color:#fff}select option,select optgroup{background:#151c27;color:#f3f6fc}input::placeholder,textarea::placeholder{color:#b8c5d8;opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}button:disabled,input:disabled,textarea:disabled,select:disabled{color:#bbc7d7;opacity:1;cursor:not-allowed}button:disabled{border-style:dashed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #99d4ff;outline-offset:2px}::selection{background:#b3deff;color:#071827}.app{display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto 1fr 78px;grid-template-areas:"ribbon ribbon" "view side" "bottom bottom";height:100%}.ribbon{grid-area:ribbon}.view{grid-area:view;position:relative;display:flex;flex-direction:column;min-width:0}.side{grid-area:side}.bottom{grid-area:bottom}.storefront-app{grid-template-rows:auto auto minmax(0,1fr) 78px;grid-template-areas:"storefront storefront" "ribbon ribbon" "view side" "bottom bottom"}.storefront-entry{grid-area:storefront;min-width:0;padding:9px 16px;border-bottom:1px solid #526781;background:#162332;font-size:12px}.storefront-entry nav,.storefront-message{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.storefront-entry a{color:#b3deff}.storefront-entry nav span{color:var(--muted)}.storefront-message{margin-top:8px}.storefront-guide{margin-top:8px;max-height:24vh;overflow:auto;line-height:1.6}.storefront-guide p{margin:7px 0}.storefront-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#080e16e0}.storefront-blocker section{width:min(480px,100%);background:var(--panel);padding:24px;border:1px solid #71849e;border-radius:12px;line-height:1.7}.storefront-blocker h2{color:var(--txt);font-size:18px}.storefront-blocker a{display:inline-block;margin:8px 16px}.storefront-properties{display:contents}.storefront-property-toggle,.storefront-property-head,.storefront-property-backdrop{display:none}@media (max-width: 760px){.storefront-app{width:100%;max-width:100vw;height:100dvh;overflow-x:hidden;overflow-y:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(290px,1fr) 72px;grid-template-areas:"storefront" "ribbon" "view" "bottom"}.storefront-app>.ribbon,.storefront-app>.bottom{min-width:0;max-width:100%}.storefront-app>.ribbon{max-height:108px}.storefront-app>.view{min-height:290px}.storefront-app .stage{min-width:0;min-height:160px}.storefront-entry{padding:8px 10px}.storefront-entry nav{gap:9px}.storefront-entry nav span{display:none}.storefront-message{gap:7px;line-height:1.5}.storefront-guide{max-height:110px}.storefront-property-toggle{display:inline-block;margin-left:auto;min-height:36px}.storefront-properties{display:none}.storefront-properties.is-open{position:fixed;inset:0 0 0 auto;z-index:100;width:min(100vw,390px);max-width:100vw;height:100dvh;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid #71849e;box-shadow:-8px 0 35px #0006}.storefront-properties>.side{flex:1;min-width:0;min-height:0;width:100%;overflow-x:hidden}.storefront-properties .tabs{overflow-x:auto}.storefront-properties .tab{min-width:43px;flex-shrink:0}.storefront-properties input,.storefront-properties select{max-width:100%}.storefront-property-head{display:flex;justify-content:space-between;align-items:center;flex:none;padding:10px 12px;border-bottom:1px solid var(--line)}.storefront-property-head button{min-height:38px}.storefront-property-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;border:0;border-radius:0;background:#050a118c}.storefront-app .statusbar{overflow-x:auto;gap:10px;white-space:nowrap}.storefront-app .statusbar span{flex-shrink:0}.storefront-app .cmdline{gap:5px;padding:0 7px}.storefront-app .cmdline input{min-width:0}.storefront-app .cmd-msg{display:none}.storefront-app .cmd-dd{min-width:0;max-width:calc(100vw - 16px);right:8px}}.stage{flex:1;position:relative;min-height:0;background:radial-gradient(circle at 50% 30%,#262b34,#171a1f)}.head{display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line)}.head h1{font-size:14px;margin:0;font-weight:600}.head .tag{font-size:11px;color:var(--muted)}.head .spacer{flex:1}.head button{background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}.head button:hover{border-color:var(--accent)}.head button.on{background:var(--accent);color:#0b1a2b;border-color:var(--accent)}.catalog,.side{background:var(--panel);overflow-y:auto;padding:14px}.catalog{border-right:1px solid var(--line)}.side{border-left:1px solid var(--line)}h2{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 10px}.sub{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 0}.cat-item{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px;cursor:pointer;font-size:13px}.cat-item:hover{border-color:var(--accent);transform:translateY(-1px)}.cat-item .ic{width:26px;height:26px;border-radius:5px;background:linear-gradient(135deg,#c9a06a,#a9824f);flex:none}.view{background:radial-gradient(circle at 50% 30%,#262b34,#171a1f)}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;pointer-events:none;text-align:center}.ctrl{margin-bottom:12px}.ctrl label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.ctrl label b{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.row{display:flex;gap:8px}.row .ctrl{flex:1}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;min-width:34px;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:6px 0;font-size:12px;cursor:pointer}.seg button.on{background:var(--accent);color:#0b1a2b;border-color:var(--accent);font-weight:600}.toggle{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:10px;cursor:pointer}.pill{font-size:12px;color:var(--txt);background:var(--panel2);border:1px solid #65758b;border-radius:6px;padding:3px 8px}.danger{color:#e2687a;border-color:#5a2b34!important}.danger:hover{background:#3a2028}hr{border:none;border-top:1px solid var(--line);margin:14px 0}.stat{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}.stat b{color:var(--accent2)}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{color:var(--muted);font-weight:500}td.num{text-align:right}.hint{position:absolute;left:14px;bottom:12px;font-size:11px;color:var(--muted);background:#00000059;padding:8px 10px;border-radius:8px;line-height:1.6}.ribbon{display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;padding:3px 4px}.rgroup{display:flex;flex-direction:column;align-items:center;padding:2px 6px;border-right:1px solid var(--line);flex:none}.ritems{display:grid;grid-template-rows:1fr 1fr;grid-auto-flow:column;gap:1px;flex:1;align-content:center}.rcap{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap}.ribbon-btn{display:flex;flex-direction:column;align-items:center;gap:1px;width:50px;padding:3px 2px;border:1px solid transparent;border-radius:6px;cursor:pointer;background:transparent;color:var(--txt)}.ribbon-btn:hover:not(:disabled){background:var(--panel2);border-color:var(--line)}.ribbon-btn.on{background:var(--accent);color:#0b1a2b}.ribbon-btn:disabled{opacity:1;color:#9eabbc;cursor:not-allowed}.ribbon-btn span{font-size:9.5px;line-height:1.05;text-align:center;white-space:nowrap}.side{display:flex;flex-direction:column;padding:0}.tabs{display:flex;border-bottom:1px solid var(--line);flex:none}.tab{flex:1;padding:9px 4px;text-align:center;font-size:12px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent}.tab.on{color:var(--txt);border-bottom-color:var(--accent)}.side>div:not(.tabs){overflow-y:auto;padding:12px;flex:1}.subtabs{display:flex;gap:6px;margin-bottom:10px}.subtab{font-size:11px;color:var(--muted);padding:4px 10px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.subtab.on{color:#0b1a2b;background:var(--accent);border-color:var(--accent)}.modgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modcard{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px;cursor:pointer;text-align:center}.modcard:hover{border-color:var(--accent);transform:translateY(-1px)}.modcard .thumb{height:62px;border-radius:6px;background:linear-gradient(135deg,#333c47,#242a33);display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:#c9a06a}.modcard .nm{font-size:12px}.modcard .dim{font-size:10px;color:var(--muted)}.bottom{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--panel);border-top:1px solid var(--line);overflow-x:auto}.bgroup{display:flex;flex-direction:column;gap:4px;flex:none}.bglabel{font-size:10px;color:var(--muted)}.bfields{display:flex;gap:6px}.bf{display:flex;flex-direction:column;gap:2px}.bf span{font-size:9px;color:var(--muted)}.bf input{width:58px;background:#1b1f27;color:var(--txt);border:1px solid var(--line);border-radius:4px;padding:3px 5px;font-size:11px}.bf input:disabled{color:var(--muted);opacity:1}.viewcube{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:3px;z-index:3}.vc-cap{font-size:10px;color:var(--muted);text-align:center;margin-bottom:2px}.viewcube button{display:flex;flex-direction:column;align-items:center;gap:1px;width:42px;padding:4px 0;background:#23272fd9;color:var(--txt);border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:9px}.viewcube button:hover{border-color:var(--accent)}.viewcube button.on{background:var(--accent);color:#0b1a2b}.toast{position:absolute;left:50%;bottom:130px;transform:translate(-50%);background:#000000d1;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;z-index:60;border:1px solid var(--line)}.cmdline{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;height:30px;background:#12151bf0;border-top:1px solid var(--line);padding:0 10px;font-size:12px;z-index:22}.cmd-prompt{color:var(--accent);font-weight:600;flex:none}.cmdline input{flex:1;background:transparent;border:none;outline:none;color:var(--txt);font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace}.cmdline input::placeholder{color:#b8c5d8}.cmd-msg{color:var(--accent2);max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}.cmd-dd{position:absolute;left:8px;bottom:32px;min-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 -8px 24px #00000073}.cmd-opt{display:flex;align-items:center;gap:10px;padding:6px 10px;cursor:pointer}.cmd-opt.on{background:var(--accent);color:#0b1a2b}.cmd-opt .cmd-t{min-width:84px;font-size:12px}.cmd-opt .cmd-id{color:var(--muted);font-family:monospace;font-size:11px;flex:1}.cmd-opt.on .cmd-id,.cmd-opt.on .cmd-sc{color:#123}.cmd-opt .cmd-sc{color:var(--muted);font-size:11px}.statusbar{position:absolute;left:0;right:0;bottom:30px;display:flex;gap:16px;align-items:center;height:24px;padding:0 12px;background:#12151bb8;border-top:1px solid var(--line);font-size:11px;z-index:21}.ctxmenu{position:fixed;z-index:71;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;min-width:176px;box-shadow:0 8px 30px #00000080}.ctx-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:5px;font-size:12px;cursor:pointer}.ctx-item:hover{background:var(--panel2)}.ctx-item.dis{opacity:.35;cursor:not-allowed}.ctx-item .ctx-sc{color:var(--muted);font-size:11px}.ctx-sep{height:1px;background:var(--line);margin:4px 6px}.ai-builder{color:var(--txt);font-size:13px;line-height:1.6}.ai-builder h2{color:#fff;font-size:15px;line-height:1.5;text-transform:none;letter-spacing:0}.ai-builder h3{color:#fff;font-size:15px;margin:16px 0 10px}.ai-builder .sub{font-size:12px;color:var(--muted)}.ai-builder button,.ai-builder input,.ai-builder select,.ai-builder textarea{font-size:13px}.ai-builder .ai-field{display:grid;gap:5px;margin:10px 0;color:#f3f6fc}.ai-builder .ai-field select{width:100%;min-height:36px}.ai-builder textarea{line-height:1.6}.ai-builder .ai-primary{width:100%;min-height:42px;margin-top:10px;padding:9px 12px;background:#85caff;color:#061725;border:2px solid #b4dfff;font-weight:700}.ai-builder .ai-primary:hover:not(:disabled){background:#b4dfff}.ai-builder .ai-primary:disabled{background:#303a49;color:#c3cfdf;border:2px dashed #7d8da3}.ai-builder .ai-notice{padding:10px;border:1px solid #bea164;border-radius:6px;background:#30291b;color:#ffe2a3}.ai-builder .ai-notice p{margin:4px 0}.ai-builder .ai-review{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #7d8da3;border-radius:6px;color:#f3f6fc}.ai-builder .ai-review input{flex:none;width:18px;height:18px;margin:2px 0 0}