:root{color-scheme:dark;--bg: #050505;--surface: #0b0b0c;--surface-2: #111114;--surface-3: #17171b;--line: #26262c;--line-soft: #1b1b20;--text: #f5f5f7;--muted: #9b9ca3;--muted-2: #6f7078;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .14);--success: #34d399;--warn: #fbbf24;--danger: #fb7185}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body{min-width:1180px}#app{display:grid;grid-template-columns:320px minmax(560px,1fr) 360px}.sidebar{height:100%;overflow:auto;padding:14px;background:var(--surface);border-right:1px solid var(--line);scrollbar-color:#3f3f46 transparent;scrollbar-width:thin}.sidebar.right{display:flex;flex-direction:column;gap:12px;border-right:none;border-left:1px solid var(--line)}.sidebar.left{display:flex;flex-direction:column;gap:12px}.sidebar.left .panel{flex:0 0 auto;margin:0}.sidebar::-webkit-scrollbar,.slot-list::-webkit-scrollbar,.info-content::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.slot-list::-webkit-scrollbar-track,.info-content::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.slot-list::-webkit-scrollbar-thumb,.info-content::-webkit-scrollbar-thumb{background:#3f3f46;border:2px solid transparent;border-radius:999px;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover,.slot-list::-webkit-scrollbar-thumb:hover,.info-content::-webkit-scrollbar-thumb:hover{background:#52525b;background-clip:padding-box}.stage-wrap{position:relative;height:100%;min-width:0;overflow:hidden;background:#030303}#viewport{width:100%;height:100%;cursor:grab;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 38%,rgba(59,130,246,.13),transparent 34%),#050506;background-size:32px 32px,32px 32px,100% 100%,auto}#viewport.is-panning{cursor:grabbing}canvas{display:block}.panel{margin:0 0 12px;padding:14px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #00000042}.sidebar.right .panel,h1,h2,h3,p{margin:0}h1,.intro-panel summary span:first-child{font-size:22px;font-weight:700;letter-spacing:0}h2{margin-bottom:10px;font-size:15px;font-weight:650;letter-spacing:0}h3{margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:650}.muted{color:var(--muted);line-height:1.55}.small{font-size:12px}.intro-panel{padding:0}.intro-panel summary,.collapse-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer;list-style:none}.intro-panel summary::-webkit-details-marker,.collapse-panel summary::-webkit-details-marker{display:none}.intro-panel p{padding:0 14px 14px}.collapse-panel{padding:0}.collapse-panel h2{margin:0}.collapse-content{padding:0 14px 14px}.usage-list{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.65}.summary-caret{flex:0 0 auto;color:var(--muted-2);font-size:12px}.intro-panel[open] .summary-caret,.collapse-panel[open] .summary-caret{color:var(--accent)}.intro-panel[open] .summary-caret:before,.collapse-panel[open] .summary-caret:before{content:"收起"}.intro-panel[open] .summary-caret,.collapse-panel[open] .summary-caret{font-size:0}.intro-panel[open] .summary-caret:before,.collapse-panel[open] .summary-caret:before{font-size:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.field span{color:var(--muted);font-size:12px}input,select,button{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-3);color:var(--text);padding:9px 10px;font-size:14px;line-height:1.25;outline:none}input:focus,select:focus{border-color:#3b82f6b8;box-shadow:0 0 0 3px #3b82f629}input[type=file]{padding:7px}button{width:auto;cursor:pointer;color:#e9eaee;background:#151519;transition:border-color .15s ease,background .15s ease,transform .15s ease}button:hover:not(:disabled){border-color:#3f3f46;background:#1d1d22;transform:translateY(-1px)}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#f4f4f5;border-color:#f4f4f5;color:#050505;font-weight:650}button.primary:hover:not(:disabled){background:#fff;border-color:#fff}.row{display:flex;gap:8px;flex-wrap:wrap}.stage-controls{position:absolute;top:14px;left:14px;z-index:4;width:280px;margin:0;background:#0c0c0fe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-controls .panel-title-row{margin-bottom:10px}.stage-controls h2{margin:0}.stage-controls button{flex:0 0 auto;padding:7px 9px;font-size:12px}.range-field{display:flex;flex-direction:column;gap:7px;margin-top:10px}.range-field span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.range-field strong{color:var(--text);font-size:12px;font-weight:650}.range-field input[type=range]{height:24px;padding:0;accent-color:var(--accent);cursor:pointer}.check{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--muted);font-size:13px}.check input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--accent)}.status,.summary{min-height:0;margin-top:0;padding:8px 10px;border-radius:8px;background:#0d0d10;border:1px solid var(--line-soft);white-space:pre-wrap;line-height:1.5;color:var(--muted);font-size:13px;overflow:hidden}.resource-info{display:grid;gap:6px;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09;color:#f4f4f5}.resource-info .summary,.resource-info .status{max-height:none;padding:0;border:0;background:transparent;color:inherit}.resource-info .status.ok,.resource-info .status.warn,.resource-info .status.error{color:inherit;border-color:transparent}.resource-info[data-tone=ok]{border-color:#3b82f647;background:#3b82f60e;color:#93c5fd}.resource-info[data-tone=warn]{border-color:#fbbf244d;background:#fbbf240f;color:#fde68a}.resource-info[data-tone=error]{border-color:#fb718552;background:#fb71850f;color:#fecdd3}.summary{max-height:64px}.status{max-height:48px}.status.ok{color:#b7f7d8;border-color:#34d3994d}.status.warn{color:#fde68a;border-color:#fbbf2447}.status.error{color:#fecdd3;border-color:#fb718552}.info-drawer{position:absolute;left:14px;bottom:14px;z-index:2;width:42px;height:170px;margin:0;padding:0;overflow:hidden;background:#0c0c0fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .18s ease,border-color .18s ease}.info-drawer[open]{width:min(520px,calc(50% - 22px));height:220px}.info-panel{border-color:#22c55e8f}.info-drawer summary,.bone-drawer summary{position:absolute;top:0;display:flex;width:42px;height:100%;align-items:center;justify-content:center;background:#2563eb;color:#fff;cursor:pointer;list-style:none}.info-drawer summary{left:0;background:#16a34a;border-right:1px solid #4ade80}.info-drawer summary::-webkit-details-marker{display:none}.info-drawer summary span{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:700;letter-spacing:0}.info-content{height:100%;padding:14px 14px 14px 72px;overflow:auto;opacity:0;pointer-events:none;transition:opacity .14s ease;scrollbar-color:#3f3f46 transparent;scrollbar-width:thin}.info-drawer[open] .info-content{opacity:1;pointer-events:auto}.info-panel-stack{display:flex;min-width:0;flex-direction:column;gap:8px}.info-panel .info-grid{padding:10px 12px;border:1px solid rgba(34,197,94,.22);border-radius:8px;background:#22c55e0b}.load-info{display:flex;min-width:0;flex-direction:column;gap:8px}.selected-slot-summary{color:#b7f7d8;border-color:#34d39947}.selected-slot-summary.ok{color:#86efac;border-color:#22c55e57;background:#22c55e0e}.selected-slot-summary.empty{color:#f4f4f5;border-color:#ffffff1a;background:#ffffff09}.selected-slot-panel{flex:0 0 auto}.transform-panel{border-color:#3b82f673}.bone-drawer{position:absolute;right:14px;bottom:14px;z-index:3;width:42px;min-height:170px;margin:0;padding:0;overflow:hidden;background:#0c0c0fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .18s ease,border-color .18s ease}.bone-drawer[open]{width:min(760px,calc(50% - 22px))}.bone-drawer summary{right:0;border-left:1px solid #2563eb}.bone-drawer summary::-webkit-details-marker{display:none}.bone-drawer summary span{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:700;letter-spacing:0}.bone-drawer[open] summary{background:#2563eb}.bone-content{height:170px;padding:14px 56px 14px 14px;opacity:0;pointer-events:none;transition:opacity .14s ease}.bone-drawer[open] .bone-content{opacity:1;pointer-events:auto}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-title-row h2{margin-bottom:0}.info-grid{display:grid;grid-template-columns:104px minmax(0,1fr);gap:6px 10px;font-size:13px}.info-grid.empty{grid-template-columns:1fr;color:var(--muted)}.info-grid .key{color:var(--muted)}.info-grid .value{color:var(--text);overflow-wrap:anywhere}.transform-grid{display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));gap:8px}.transform-grid .field{margin-bottom:8px}.export-panel{flex:0 0 auto}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.export-actions button{width:100%}.slots-panel{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.search-field{margin-bottom:10px}.search-field input{background:#16161a}.slot-bulk-toggle{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#ffffff08;color:var(--muted);font-size:12px}.slot-bulk-toggle input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--accent)}.slot-bulk-toggle:has(input:not(:disabled)){cursor:pointer}.slot-bulk-toggle:has(input:disabled){opacity:.55}.count-pill{flex:0 0 auto;min-width:38px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#0d0d10;font-size:12px;text-align:center}.slot-list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:8px;overflow:auto;padding:8px 6px 8px 8px;border:1px solid rgba(255,255,255,.035);border-radius:8px;background:#ffffff05;scrollbar-color:#3f3f46 transparent;scrollbar-width:thin}.slot-list.empty{justify-content:center;color:var(--muted);text-align:center}.slot-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#111114}.slot-item.active{border-color:#3b82f69e;background:var(--accent-soft)}.slot-meta{min-width:0}.slot-name{color:var(--text);font-size:14px;overflow-wrap:anywhere}.slot-bone{margin-top:4px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.slot-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--muted);font-size:13px}.slot-toggle input{width:16px;height:16px;margin:0;accent-color:var(--accent)}