:root{--bg:#1b1d22;--bg-2:#22252b;--bg-3:#2b2f36;--line:#343941;--fg:#d7dae0;--fg-dim:#8b929d;--accent:#5ac26a;--accent-fg:#10210f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:13px/1.5 Segoe UI,system-ui,sans-serif}button{font:inherit;color:var(--fg);background:var(--bg-3);border:1px solid var(--line);cursor:pointer;border-radius:5px;padding:4px 10px}button:hover:not(:disabled){background:#363b44}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.1)}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--bg-2);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.brand span{color:var(--accent)}.project-name{color:var(--fg-dim);align-items:center;gap:8px;display:flex}.project-name .ns{background:var(--bg-3);border-radius:4px;padding:1px 6px;font-size:11px}.spacer{flex:1}.version{color:var(--fg-dim);align-items:center;gap:6px;font-size:12px;display:flex}.version select{font:inherit;color:var(--fg);background:var(--bg-3);border:1px solid var(--line);border-radius:5px;padding:3px 6px}.version .pf{opacity:.7;font-size:11px}.body{flex:1;min-height:0;display:flex}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:260px;min-height:0;display:flex}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.tab-bar{color:var(--fg-dim);background:var(--bg-2);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:6px 12px;font-size:12px;overflow:hidden}.editor-host{flex:1;min-height:0}.editor-empty{height:100%;color:var(--fg-dim);place-items:center;display:grid}.filetree{flex-direction:column;flex:1;min-height:0;display:flex}.panel-head{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.panel-head button{padding:0 7px;line-height:20px}.tree-body{flex:1;padding:4px 0;overflow:auto}.tree-row{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:3px 8px 3px 0;display:flex}.tree-row:hover{background:var(--bg-3)}.tree-row.active{background:#30414f}.tree-row.dir{color:var(--fg-dim)}.tree-icon{text-align:center;opacity:.8;flex-shrink:0;width:14px;font-size:11px}.tree-name{text-overflow:ellipsis;overflow:hidden}.tree-del{visibility:hidden;color:var(--fg-dim);background:0 0;border:none;margin-left:auto;padding:0 4px}.tree-row:hover .tree-del{visibility:visible}.tree-del:hover{color:#ff7b72;background:0 0}.side-tabs{border-bottom:1px solid var(--line);flex-shrink:0;display:flex}.side-tabs button{color:var(--fg-dim);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:14px;display:flex;position:relative}.side-tabs button.on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.side-tab-label{font-size:10px}.side-tabs .dot{color:#2a0f0d;background:#ff7b72;border-radius:7px;min-width:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:2px;right:8px}.panel{flex-direction:column;flex:1;min-height:0;display:flex}.panel-body{flex:1;padding:4px;overflow:auto}.panel-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);margin:10px 4px 4px;font-size:10px}.empty{color:var(--fg-dim);margin:8px 6px;font-size:11px;line-height:1.6}.counts{gap:8px;font-size:11px;display:flex}.counts b{opacity:.5;font-weight:600}.counts b.error,.statusbar .error{color:#ff7b72;opacity:1}.counts b.warning,.statusbar .warning{color:#e3b341;opacity:1}.counts b.info{color:#79c0ff}.diag{text-align:left;background:0 0;border:none;border-radius:4px;gap:6px;width:100%;padding:5px 6px;line-height:1.45;display:flex}.diag:hover:not(:disabled){background:var(--bg-3)}.diag-icon{text-align:center;flex-shrink:0;width:14px;font-size:11px;font-weight:700}.diag.error .diag-icon{color:#ff7b72}.diag.warning .diag-icon{color:#e3b341}.diag.info .diag-icon{color:#79c0ff}.diag-main{flex-direction:column;gap:1px;min-width:0;display:flex}.diag-msg{font-size:12px}.diag-hint{color:var(--fg-dim);font-size:11px}.diag-where{color:var(--fg-dim);opacity:.7;font-size:10px}.locked{text-align:left;border:1px dashed var(--line);background:linear-gradient(#262b31,#22252b);flex-direction:column;gap:4px;width:100%;margin:8px 0;padding:10px;line-height:1.5;display:flex}.locked b{color:var(--accent)}.locked span{color:var(--fg-dim);font-size:11px}.locked-cta{color:var(--accent);font-weight:600}.badge{background:var(--accent);color:var(--accent-fg);letter-spacing:.04em;border-radius:3px;margin-left:6px;padding:0 5px;font-size:9px;font-weight:700}.badge.warn{color:#2a1f05;background:#e3b341}.chips{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;gap:4px;padding:6px;display:flex}.chip{color:var(--fg-dim);border-radius:10px;padding:2px 8px;font-size:11px}.chip.on{background:var(--accent);color:var(--accent-fg);border-color:#0000}.tmpl{text-align:left;background:0 0;border:none;border-radius:4px;flex-direction:column;gap:2px;width:100%;padding:7px 8px;display:flex}.tmpl:hover:not(:disabled){background:var(--bg-3)}.tmpl-title{font-weight:600}.tmpl-summary{color:var(--fg-dim);font-size:11px;line-height:1.45}.tmpl.locked-row .tmpl-title{color:var(--fg-dim)}.statusbar{background:var(--bg-2);border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.statusbar button{color:var(--fg-dim);background:0 0;border:none;gap:8px;padding:1px 8px;font-size:11px;display:flex}.statusbar button:hover:not(:disabled){background:var(--bg-3)}.statusbar button.pro{color:var(--accent);font-weight:700}.statusbar .hint{color:var(--fg-dim);opacity:.6}.ns{background:var(--bg-3);color:var(--fg-dim);border-radius:4px;padding:1px 6px;font-size:11px}.project-switch{align-items:center;gap:4px;display:flex}.project-switch select{font:inherit;color:var(--fg);background:var(--bg-3);border:1px solid var(--line);border-radius:5px;max-width:180px;padding:3px 6px}button.ghost{color:var(--fg-dim);background:0 0;border-style:dashed;font-size:11px}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;max-height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #0008}.modal-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.modal.help{width:min(940px,100%);height:min(680px,100%)}.help-body{flex:1;min-height:0;display:flex}.help-nav{border-right:1px solid var(--line);flex-shrink:0;width:230px;padding:6px;overflow:auto}.help-nav button{text-align:left;background:0 0;border:none;border-radius:5px;flex-direction:column;gap:1px;width:100%;padding:7px 8px;display:flex}.help-nav button:hover:not(:disabled),.help-nav button.on{background:var(--bg-3)}.help-nav button.on .help-nav-title{color:var(--accent)}.help-nav-title{font-weight:600}.help-nav-sum{color:var(--fg-dim);font-size:11px}.help-content{flex:1;max-width:70ch;padding:18px 24px 40px;line-height:1.85;overflow:auto}.help-content h2{margin-top:0;font-size:18px}.help-code{background:var(--bg);border:1px solid var(--line);white-space:pre;border-radius:6px;padding:10px 12px;font:12px/1.7 ui-monospace,Consolas,monospace;overflow-x:auto}.help-list{padding-left:1.3em}.help-list li{margin:4px 0}.help-note{border-left:3px solid var(--accent);color:var(--fg-dim);padding-left:12px}.glossary div{border-bottom:1px solid var(--line);gap:10px;padding:5px 0;display:flex}.glossary dt{flex-shrink:0;width:110px;font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:600}.glossary dd{color:var(--fg-dim);margin:0}.modal.palette{align-self:start;width:min(620px,100%);max-height:70vh;margin-top:8vh}.palette input{font:inherit;border:none;border-bottom:1px solid var(--line);color:var(--fg);background:0 0;outline:none;padding:12px 14px;font-size:15px}.palette-list{padding:4px;overflow:auto}.palette-list button{text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.palette-list button.on{background:var(--bg-3)}.palette-group{width:96px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:10px}.palette-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal.search{width:min(760px,100%);height:min(600px,100%)}.search-form{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.search-form input:not([type=checkbox]){min-width:0;font:inherit;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:5px;flex:1;padding:5px 8px}.check{color:var(--fg-dim);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.search-results{flex:1;padding:4px;overflow:auto}.search-results button{text-align:left;background:0 0;border:none;border-radius:4px;flex-direction:column;gap:1px;width:100%;padding:5px 8px;display:flex}.search-results button:hover:not(:disabled){background:var(--bg-3)}.hit-where{color:var(--fg-dim);font-size:10px}.hit-text{text-overflow:ellipsis;white-space:nowrap;font:12px ui-monospace,Consolas,monospace;overflow:hidden}.modal.pricing{width:min(860px,100%);overflow:auto}.upsell{background:var(--bg-3);border-radius:6px;margin:12px 16px 0;padding:8px 12px}.upsell b{color:var(--accent)}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:16px;display:grid}.plan{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.plan.current{border-color:var(--accent)}.plan-head{justify-content:space-between;align-items:baseline;display:flex}.plan-price{color:var(--accent);font-weight:700}.plan-tagline{color:var(--fg-dim);margin:0;font-size:11px}.plan ul{flex:1;margin:0;padding-left:1.1em;font-size:12px;line-height:1.7}.license{align-items:flex-end;gap:8px;padding:0 16px 16px;display:flex}.license label{color:var(--fg-dim);flex-direction:column;flex:1;gap:4px;font-size:11px;display:flex}.license input{font:inherit;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:5px;padding:6px 8px}.error-text{color:#ff7b72;margin:0 16px 16px;font-size:12px}.modal.welcome{gap:14px;width:min(560px,100%);padding:28px;line-height:1.8}.modal.welcome h1{margin:0;font-size:24px}.modal.welcome h1 span{color:var(--accent)}.modal.welcome p{color:var(--fg-dim);margin:0}.modal.welcome code{background:var(--bg-3);border-radius:3px;padding:0 4px;font-size:12px}.welcome-actions{flex-direction:column;gap:8px;display:flex}.welcome-actions button{text-align:left;flex-direction:column;gap:2px;padding:10px 14px;font-weight:600;display:flex}.welcome-actions small{opacity:.75;font-size:11px;font-weight:400}.modal.backups{flex-direction:column;width:min(560px,92vw);max-height:80vh;display:flex}.backup-empty,.backup-locked p{color:var(--fg-dim);margin:0;line-height:1.7}.backup-locked{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.backup-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.backup-list li{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr auto;grid-template-areas:"when button""reason button""size button";align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.backup-when{grid-area:when;align-items:baseline;gap:8px;display:flex}.backup-when span{color:var(--fg-dim);font-size:11px}.backup-reason{color:var(--fg-dim);grid-area:reason;font-size:12px}.backup-size{color:var(--fg-dim);grid-area:size;font-size:11px}.backup-list button{white-space:nowrap;grid-area:button}.plan a.buy{text-align:center;text-decoration:none;display:block}.license-note{color:var(--fg-dim);margin:0;font-size:12px}.modal.welcome .disclaimer{border:1px solid var(--border,#3a3a44);color:var(--fg-dim,#a8b0bd);background:#ffffff08;border-radius:8px;margin-top:1.4rem;padding:.9rem 1.1rem;font-size:.86rem;line-height:1.8}.modal.welcome .disclaimer strong{color:var(--fg,#e8ecf2)}.modal.welcome .disclaimer-en{letter-spacing:.02em;opacity:.75;margin-top:.4rem;font-size:.74rem;display:inline-block}.statusbar .disclaimer-bar{opacity:.55;white-space:nowrap;padding:0 .6rem;font-size:.72rem}@media (width<=900px){.statusbar .disclaimer-bar{display:none}}