:root{--bg:#f4f6fb;--bg-elev:#fff;--bg-elev-2:#eef1f8;--panel:#fff;--panel-border:#dce1ec;--text:#1c2433;--text-dim:#46506a;--text-muted:#7b869c;--primary:#2f6df6;--primary-weak:#e7f0ff;--primary-strong:#1f53d6;--accent:#ffb020;--success:#1faa59;--danger:#e0413e;--warn:#e8870b;--radius:10px;--radius-sm:7px;--shadow:0 1px 3px #141e3c14, 0 6px 24px #141e3c0f;--shadow-soft:0 1px 2px #141e3c0f;--font:"Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans JP", "Noto Sans KR", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sidebar-w:248px;--topbar-h:56px}:root[data-theme=dark]{--bg:#0e1320;--bg-elev:#161d2e;--bg-elev-2:#1c2438;--panel:#161d2e;--panel-border:#28324a;--text:#e7ecf6;--text-dim:#aab4c8;--text-muted:#7f8aa3;--primary:#4f86ff;--primary-weak:#1b2742;--primary-strong:#79a6ff;--accent:#ffc24d;--success:#38c172;--danger:#ff5d5a;--warn:#ffa53d;--shadow:0 1px 3px #0006, 0 8px 28px #00000059;--shadow-soft:0 1px 2px #00000059}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .4em;font-weight:650}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}code,.mono{font-family:var(--mono)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-elev);border-right:1px solid var(--panel-border);flex-direction:column;gap:4px;padding:14px 12px;display:flex;overflow-y:auto}.sidebar .brand{align-items:center;gap:10px;padding:6px 8px 14px;font-size:16px;font-weight:750;display:flex}.sidebar .brand .logo{background:linear-gradient(135deg, var(--primary), #7aa2ff);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.sidebar .brand small{color:var(--text-muted);font-size:11px;font-weight:500;display:block}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:14px 10px 6px;font-size:11px}.nav-item{border-radius:var(--radius-sm);color:var(--text-dim);border:1px solid #0000;align-items:center;gap:11px;padding:9px 11px;font-weight:550;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-elev-2);color:var(--text)}.nav-item.active{background:var(--primary-weak);color:var(--primary-strong);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.nav-item .ic{text-align:center;flex:none;width:18px;font-size:15px}.sidebar .spacer{flex:1}.sidebar .foot{color:var(--text-muted);padding:10px;font-size:11px}.main{flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--panel-border);background:var(--bg-elev);flex:none;align-items:center;gap:12px;padding:0 18px;display:flex}.topbar .title{font-size:15px;font-weight:650}.topbar .crumb{color:var(--text-muted);font-size:13px}.topbar .grow{flex:1}.topbar .actions{align-items:center;gap:8px;display:flex}.content{flex:1;padding:22px 26px 60px;overflow-y:auto}.content.nopad{padding:0}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px}.card.pad-lg{padding:22px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.app-shell{grid-template-columns:64px 1fr}.nav-item span.lbl,.sidebar .brand small,.nav-group-label,.sidebar .foot{display:none}}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.tiny{font-size:12px}.spacer{flex:1}.btn{border:1px solid var(--panel-border);background:var(--bg-elev);color:var(--text);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:filter .12s,background .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:0 0}.btn.sm{padding:6px 10px;font-size:12px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ico{padding:8px 10px}label.field{margin-bottom:12px;display:block}label.field>.lbl{color:var(--text-muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}input[type=text],input[type=number],select,textarea{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--bg-elev);width:100%;color:var(--text);padding:9px 11px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak);outline:none}input[type=range]{width:100%;accent-color:var(--primary)}.checkbox{align-items:center;gap:7px;font-size:13px;display:inline-flex}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--panel-border);padding:9px 10px;font-size:12px;font-weight:600}table.tbl td{border-bottom:1px solid var(--panel-border);padding:9px 10px}table.tbl tr:hover td{background:var(--bg-elev-2)}.badge{background:var(--bg-elev-2);color:var(--text-dim);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:650;display:inline-flex}.badge.ok{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.badge.warn{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.badge.info{background:var(--primary-weak);color:var(--primary-strong)}.stat{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px 18px}.stat .k{color:var(--text-muted);font-size:12px;font-weight:600}.stat .v{letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:750}.stat .v small{color:var(--text-muted);font-size:13px;font-weight:600}.dropzone{border:2px dashed var(--panel-border);border-radius:var(--radius);text-align:center;color:var(--text-muted);background:var(--bg-elev);padding:40px 20px;transition:border-color .12s,background .12s}.dropzone.drag{border-color:var(--primary);background:var(--primary-weak);color:var(--primary-strong)}.dropzone .big{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.viewer-wrap{background:radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--primary) 8%, transparent), transparent), var(--bg-elev);width:100%;height:100%;position:relative}.viewer-canvas{width:100%;height:100%;display:block}.viewer-overlay{flex-wrap:wrap;gap:8px;max-width:70%;display:flex;position:absolute;top:12px;left:12px}.viewer-hud{color:var(--text-muted);background:color-mix(in srgb, var(--panel) 80%, transparent);border:1px solid var(--panel-border);border-radius:8px;padding:6px 9px;font-size:11px;position:absolute;bottom:12px;right:12px}.anim-bar{background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:8px 10px;position:absolute;bottom:8px;left:8px;right:8px}.anim-bar input[type=range]{width:100%;accent-color:var(--primary)}.anim-meta{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.print-area{display:none}.ns-sheet{background:#fff;width:100%;height:auto}@media print{.sidebar,.topbar,.toast-wrap{display:none!important}.main{display:block!important;overflow:visible!important}.content{padding:0!important;overflow:visible!important}.content>:not(.print-area){display:none!important}.print-area{display:block!important}.ns-sheet{width:var(--ns-w,210mm)!important;height:auto!important}}.viewer-toolbar{flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.divider{background:var(--panel-border);height:1px;margin:14px 0}.kbd{font-family:var(--mono);border:1px solid var(--panel-border);background:var(--bg-elev-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.progress{background:var(--bg-elev-2);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:var(--primary);border-radius:999px;height:100%;transition:width .2s;display:block}.callout{border-left:3px solid var(--primary);background:var(--primary-weak);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;font-size:13px}.callout.warn{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent)}.callout.danger{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.empty{text-align:center;color:var(--text-muted);padding:50px 20px}.pill-tabs{background:var(--bg-elev-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.pill-tabs button{color:var(--text-dim);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.pill-tabs button.active{background:var(--bg-elev);color:var(--primary-strong);box-shadow:var(--shadow-soft)}.scrolly{overflow:auto}.toast-wrap{z-index:99;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:var(--radius-sm);max-width:340px;padding:11px 15px;font-size:13px}.toast.ok{border-left:3px solid var(--success)}.toast.err{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--primary)}