:root,[data-theme=dark]{color-scheme:dark;--bg-base: #0b0d12;--bg-app-glow: #24345f;--text-primary: #edf1fb;--text-secondary: #d5def7;--text-muted: #9ca8c5;--text-accent: #b7c8ef;--text-stats: #bfd0ff;--text-entry: #fff1ab;--text-strong: #fff;--text-welcome-or: #91a7d5;--text-preview: #c6d3f4;--text-preview-option: #c8d7fa;--border: #232c41;--border-subtle: #252d41;--border-strong: #303b55;--border-stats: #28314b;--border-chip-active: #628ce7;--border-dashed: #34435e;--surface-header: #101420e8;--surface-sidebar: #101520;--surface-panel: #111827;--surface-elevated: #121a2d;--surface-input: #0d111a;--surface-input-alt: #0f1522;--surface-stats: #171d2c;--surface-chip: #151b29;--surface-btn: #171f30;--surface-btn-hover: #202b43;--surface-tree-page: #111827;--surface-group-selected: #1e2e53;--surface-tools: #11192a;--surface-sticky: #0f1522f2;--surface-toast: #111b2d;--surface-welcome: #121a2d;--surface-preview-start: #131c2f;--surface-preview-end: #0f1524;--chip-text: #c6d3f4;--chip-active-bg: #2b4078;--chip-active-text: #fff;--btn-border-hover: #4f628c;--primary: #2f5fd0;--primary-hover: #3a69db;--text-on-primary: #fff;--danger-bg: #4a2323;--danger-border: #783636;--focus: #7aa3ff;--selected-border: #628ce7;--selected-shadow: #628ce766;--badge-default-color: #bdd0ff;--badge-default-border: #374866;--badge-test-color: #b8dbff;--badge-test-border: #345170;--badge-test-bg: #12273b;--badge-game-color: #ffd9a7;--badge-game-border: #6d5333;--badge-game-bg: #342813;--entry-bg: #59481f;--entry-color: #ffdfa0;--entry-border: #91763b;--status-on-bg: #1b3e2d;--status-on-color: #9bf7c7;--status-on-border: #396f57;--status-off-bg: #3a2222;--status-off-color: #ffc3c3;--status-off-border: #824747;--group-count-bg: #293755;--toast-border: #385082;--toast-text: #e6eeff;--error: #ffb4b4;--welcome-border: #4a5c82;color:var(--text-primary);background:var(--bg-base);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.45}[data-theme=light]{color-scheme:light;--bg-base: #f4f6fb;--bg-app-glow: #d8e4ff;--text-primary: #152033;--text-secondary: #2d3a52;--text-muted: #5a6b86;--text-accent: #3d4f6d;--text-stats: #2f4f9f;--text-entry: #8a6500;--text-strong: #0f1728;--text-welcome-or: #6b7f9f;--text-preview: #3d4f6d;--text-preview-option: #4a5f82;--border: #d8e0ef;--border-subtle: #d0d9ea;--border-strong: #b8c5db;--border-stats: #c7d4eb;--border-chip-active: #4a7fd4;--border-dashed: #c5d0e4;--surface-header: #ffffffe8;--surface-sidebar: #ffffff;--surface-panel: #ffffff;--surface-elevated: #f7f9fd;--surface-input: #ffffff;--surface-input-alt: #f8faff;--surface-stats: #eef3fc;--surface-chip: #f0f4fb;--surface-btn: #f3f6fc;--surface-btn-hover: #e8eef9;--surface-tree-page: #f8faff;--surface-group-selected: #e5edff;--surface-tools: #ffffff;--surface-sticky: #fffffff2;--surface-toast: #ffffff;--surface-welcome: #f7f9fd;--surface-preview-start: #f0f4fc;--surface-preview-end: #e8eef9;--chip-text: #3d4f6d;--chip-active-bg: #dbe8ff;--chip-active-text: #2f4f9f;--btn-border-hover: #9eb5db;--primary: #2f5fd0;--primary-hover: #3a69db;--text-on-primary: #fff;--danger-bg: #fde8e8;--danger-border: #e8aaaa;--focus: #4a7fd4;--selected-border: #4a7fd4;--selected-shadow: #4a7fd433;--badge-default-color: #2f4f9f;--badge-default-border: #a8bce0;--badge-test-color: #1d5a8a;--badge-test-border: #9bc4e8;--badge-test-bg: #e8f3ff;--badge-game-color: #8a5a12;--badge-game-border: #e0c48a;--badge-game-bg: #fff6e5;--entry-bg: #fff3d6;--entry-color: #8a6500;--entry-border: #e0c070;--status-on-bg: #e6f7ee;--status-on-color: #1a7a4a;--status-on-border: #8ed4ad;--status-off-bg: #fde8e8;--status-off-color: #b33a3a;--status-off-border: #e8aaaa;--group-count-bg: #e2eaf7;--toast-border: #b8c9e8;--toast-text: #152033;--error: #c62828;--welcome-border: #b8c5db}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 25% -20%,var(--bg-app-glow) 0%,var(--bg-base) 45%);overflow:hidden}.header{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:var(--surface-header);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:30}.header h1{margin:0;font-size:1.15rem}.header p{margin:2px 0 0;color:var(--text-muted);font-size:.82rem}.header-stats{display:flex;align-items:center;gap:8px;color:var(--text-stats);font-size:.8rem;background:var(--surface-stats);border:1px solid var(--border-stats);border-radius:999px;padding:6px 10px}.dot{opacity:.55}.entry-hint{color:var(--text-entry)}.toolbar{display:flex;gap:8px}.layout{flex:1;display:grid;grid-template-columns:360px minmax(0,1fr);min-height:0;overflow:hidden}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface-sidebar);min-height:0}.sidebar-head{padding:12px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.search-box{position:relative}.search-box input{width:100%;padding:10px 32px 10px 11px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-input);color:var(--text-primary)}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);width:24px;height:24px}.filter-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chip{border:1px solid var(--border-strong);background:var(--surface-chip);color:var(--chip-text);border-radius:8px;padding:6px;font-size:.78rem}.chip.active{background:var(--chip-active-bg);border-color:var(--border-chip-active);color:var(--chip-active-text)}.sidebar-tools{display:flex;gap:8px}.btn,.btn-sm,.tree button,.detail button,.tools-menu button{border:1px solid var(--border-strong);background:var(--surface-btn);color:var(--text-primary);border-radius:9px;padding:8px 10px;cursor:pointer;transition:.15s ease}.btn:hover,.btn-sm:hover,.tree button:hover:not(:disabled),.detail button:hover:not(:disabled),.tools-menu button:hover{background:var(--surface-btn-hover);border-color:var(--btn-border-hover)}.btn:disabled,.btn-sm:disabled,.tree button:disabled{opacity:.45;cursor:not-allowed}.btn-sm{font-size:.75rem;padding:6px 8px}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn.primary:hover{background:var(--primary-hover)}.btn.danger,.danger{background:var(--danger-bg)!important;border-color:var(--danger-border)!important}.tree{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 10px}.tree-empty{border:1px dashed var(--border-dashed);border-radius:10px;padding:14px;text-align:center;color:var(--text-muted)}.tree-group{margin-bottom:8px}.tree-group-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;align-items:center;margin-bottom:5px;border-radius:10px;padding:3px}.tree-group-head.selected{background:var(--surface-group-selected)}.tree-group-head.disabled{opacity:.65}.fold{width:28px;height:28px;padding:0}.group-title{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;min-width:0}.group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.group-count{background:var(--group-count-bg);border-radius:999px;padding:2px 8px;font-size:.72rem}.tree-actions{display:flex;gap:4px}.tree-actions button{width:28px;height:28px;padding:0}.tree-page{margin:0 0 6px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-tree-page);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px}.tree-page.selected{border-color:var(--selected-border);box-shadow:0 0 0 1px var(--selected-shadow)}.tree-page.disabled{opacity:.6}.tree-page-main{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;border:none!important;background:transparent!important;padding:2px!important}.tree-page-main:hover{background:transparent!important}.page-order{width:24px;flex:0 0 auto;font-size:.73rem;color:var(--text-muted);text-align:center}.page-info{min-width:0;display:flex;flex-direction:column;gap:2px}.page-type-badge{width:fit-content;border-radius:999px;padding:2px 7px;font-size:.69rem;border:1px solid var(--badge-default-border);color:var(--badge-default-color)}.tree-page.game .page-type-badge{color:var(--badge-game-color);border-color:var(--badge-game-border);background:var(--badge-game-bg)}.tree-page.test .page-type-badge{color:var(--badge-test-color);border-color:var(--badge-test-border);background:var(--badge-test-bg)}.page-preview-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;color:var(--text-secondary)}.entry-badge{background:var(--entry-bg);color:var(--entry-color);border:1px solid var(--entry-border);border-radius:999px;padding:2px 7px;font-size:.69rem}.tree-orphans{margin-top:14px;border-top:1px dashed var(--border-dashed);padding-top:10px}.tree-orphans-label{font-size:.72rem;color:var(--text-muted);margin-bottom:7px}.sidebar-actions{border-top:1px solid var(--border);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-shrink:0}.tools-wrap{grid-column:1 / -1;position:relative}.tools-wrap>.btn{width:100%}.tools-menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);display:grid;gap:6px;background:var(--surface-tools);border:1px solid var(--border-strong);border-radius:11px;padding:8px;z-index:20}.tools-menu button{width:100%;text-align:left}.detail{overflow:auto;overscroll-behavior:contain;padding:18px;min-height:0}.detail.empty{display:grid;align-content:start;gap:10px;color:var(--text-muted)}.empty-state-icon{font-size:1.5rem}.manifest-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{border:1px solid var(--border-strong);background:var(--surface-panel);border-radius:12px;padding:12px;display:grid;gap:2px}.stat-card strong{font-size:1rem;color:var(--text-strong)}.stat-card span{font-size:.77rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.detail-header h2{margin:0;font-size:1.04rem}.detail-kicker{margin:0 0 4px;color:var(--text-muted);font-size:.8rem}.detail-header-badges{display:flex;gap:6px;align-items:center}.status-pill{border-radius:999px;padding:4px 10px;font-size:.73rem;border:1px solid transparent}.status-pill.on{background:var(--status-on-bg);color:var(--status-on-color);border-color:var(--status-on-border)}.status-pill.off{background:var(--status-off-bg);color:var(--status-off-color);border-color:var(--status-off-border)}.panel{background:var(--surface-panel);border:1px solid var(--border);border-radius:13px;padding:14px;margin-bottom:12px}.panel h2{margin:0 0 10px;font-size:.95rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-count{color:var(--text-muted);font-size:.78rem}.preview-panel .phone-preview{border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-preview-start) 0%,var(--surface-preview-end) 100%)}.preview-title{font-weight:600;margin-bottom:6px}.preview-question{margin-bottom:8px}.preview-desc{color:var(--text-preview);font-size:.85rem;margin-bottom:8px}.preview-options{display:flex;flex-wrap:wrap;gap:6px}.preview-option{border:1px solid var(--border-strong);border-radius:999px;padding:3px 9px;font-size:.74rem;color:var(--text-preview-option)}.field{margin-bottom:11px}.field label{display:block;margin-bottom:4px;font-size:.78rem;color:var(--text-muted)}.field input,.field select,.field textarea,.localized input,.localized textarea{width:100%;border:1px solid var(--border-strong);background:var(--surface-input-alt);color:var(--text-primary);border-radius:9px;padding:9px 10px}.field textarea{resize:vertical}.localized-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.lang-tabs{display:flex;gap:5px}.lang-tabs button{border-radius:999px;font-size:.72rem;padding:4px 8px}.lang-tabs button.active{background:var(--primary);border-color:var(--primary)}.localized-preview{margin:6px 0 0;color:var(--text-muted);font-size:.75rem}.checkbox{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.84rem}.checkbox input{width:16px;height:16px}.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.option-card{border:1px solid var(--border-strong);border-radius:11px;padding:10px;margin-bottom:8px}.option-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview-box{background:var(--surface-input-alt);border-radius:9px;padding:10px;margin-bottom:10px}.game-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.game-stat{border:1px solid var(--border-strong);border-radius:9px;padding:8px;background:var(--surface-elevated);display:grid;gap:2px}.game-stat span{color:var(--text-muted);font-size:.73rem}.advanced{border-top:1px dashed var(--border-dashed);padding-top:10px;margin-top:10px}.advanced summary{cursor:pointer;color:var(--text-accent);font-size:.82rem;margin-bottom:10px}.hint{color:var(--text-muted);font-size:.78rem}.detail-actions{display:flex;gap:8px}.sticky-actions{position:sticky;bottom:8px;padding:10px;border-radius:11px;background:var(--surface-sticky);border:1px solid var(--border-stats)}.toast{position:fixed;right:14px;bottom:14px;background:var(--surface-toast);border:1px solid var(--toast-border);border-radius:10px;color:var(--toast-text);padding:9px 12px;display:flex;align-items:center;gap:8px;z-index:40;max-width:min(500px,calc(100vw - 28px))}.toast-close{border:none;background:transparent;color:inherit}.welcome{flex:1;display:grid;align-content:center;justify-items:center;gap:14px;padding:28px}.welcome-drop{width:min(620px,100%);border:1px dashed var(--welcome-border);border-radius:15px;background:var(--surface-welcome);padding:30px;text-align:center}.welcome-icon{font-size:2rem}.welcome-drop h2{margin:8px 0}.welcome-drop p{margin:0 0 14px;color:var(--text-accent)}.welcome-or{color:var(--text-welcome-or);font-size:.8rem}.welcome-new{min-width:260px}.login-shell{flex:1;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-panel);padding:24px;display:grid;gap:8px}.login-card h2{margin:0}.login-card p{margin:0 0 8px;color:var(--text-muted);font-size:.88rem}.login-form{display:grid;gap:8px}.login-form label{font-size:.78rem;color:var(--text-muted)}.login-form input{width:100%;border:1px solid var(--border-strong);background:var(--surface-input-alt);color:var(--text-primary);border-radius:9px;padding:9px 10px}.login-error{margin:4px 0 0;color:var(--error);font-size:.8rem}.login-submit{margin-top:4px}.theme-toggle{min-width:64px}.login-topbar{display:flex;justify-content:flex-end;padding:14px 18px 0}@media(max-width:1080px){.layout{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:900px){.header,.layout{grid-template-columns:1fr}.sidebar{max-height:52vh;border-right:none;border-bottom:1px solid var(--border)}.detail{padding-bottom:80px}}@media(max-width:680px){.row,.manifest-quick-stats,.sidebar-actions{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.sticky-actions{flex-direction:column}}