:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce7d7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b1017;--panel:#111923;--panel-strong:#172230;--panel-soft:#0f1721;--line:#243243;--line-bright:#3b5068;--text:#dce7d7;--muted:#8fa09a;--accent:#7cc144;--accent-strong:#a8e063;--amber:#f0b65a;--danger:#df6b6b;--shadow:0 2px 8px #00000059;background:#0b1017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}*,:before,:after{border-radius:0!important}*{scrollbar-width:thin;scrollbar-color:#415162 transparent}::-webkit-scrollbar{width:.55rem;height:.55rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#415162 padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#5a6b7d padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}html,body{height:100%;overflow:hidden}body{background:var(--bg);min-width:320px;min-height:0;margin:0}button{font:inherit;border:0}#root{height:100%;min-height:0;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-rows:auto 1fr auto;height:100dvh;min-height:0;display:grid;overflow:hidden}.top-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#0b1017d6;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.brand-block{align-items:center;gap:.8rem;min-width:0;display:flex}.brand-mark{width:2.5rem;height:2.5rem;color:var(--accent-strong);letter-spacing:-.05em;background:#13210f;border:1px solid #a8e0638c;place-items:center;font-weight:900;display:grid;box-shadow:0 0 32px #7cc1442b}.brand-block h1,.brand-block p{margin:0}.brand-block h1{letter-spacing:-.03em;font-size:1.1rem}.brand-block p{color:var(--muted);font-size:.78rem}.jar-pill{border:1px solid var(--line);white-space:nowrap;background:#111923cc;border-radius:999px;flex-direction:column;gap:.15rem;max-width:18rem;padding:.5rem .75rem;display:flex;overflow:hidden}.jar-pill span,.panel-heading small,.file-type,.empty-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.jar-pill strong{text-overflow:ellipsis;color:#f5fbef;font-size:.82rem;overflow:hidden}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.toolbar button,.editor-tab,.tree-item{border:1px solid var(--line);color:var(--text);background:var(--panel-strong)}.toolbar button{cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.3rem;min-height:2.35rem;padding:0 .65rem;display:inline-flex}.toolbar button:hover,.tree-item.file:hover,.editor-tab:hover{border-color:var(--line-bright);background:#1b2838}.toolbar .primary-action{color:#071006;background:#68a43a;border-color:#7cc144a6;font-weight:800}.toolbar .primary-action:hover{border-color:var(--line);background:var(--line-bright)}.workspace{grid-template-columns:var(--sidebar-width,13.5rem) .35rem minmax(0, 1fr) .35rem var(--inspector-width,20rem);gap:.5rem;min-height:0;padding:1rem;display:grid;overflow:hidden}.workspace.analyzer-workspace{grid-template-columns:var(--sidebar-width,13.5rem) .35rem minmax(0, 1fr)}.resize-handle{cursor:col-resize;background:0 0;border:1px solid #0000;align-self:stretch;width:.35rem;min-width:.35rem;position:relative}.resize-handle:before{content:"";background:#263340;position:absolute;inset:0}.resize-handle:hover:before,.resize-handle:focus-visible:before,.is-resizing-panels .resize-handle:before{background:var(--accent)}.resize-handle:focus-visible{outline:1px solid var(--accent-strong);outline-offset:2px}.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}.sidebar,.inspector,.editor-region{border:1px solid var(--line);min-width:0;min-height:0;box-shadow:var(--shadow);background:#111923e0;border-radius:1.1rem;overflow:hidden}.sidebar,.inspector{flex-direction:column;display:flex}.panel-heading{border-bottom:1px solid var(--line);background:#172230b3;justify-content:space-between;align-items:center;padding:.7rem .75rem;font-weight:800;display:flex}.tree-list{flex-direction:column;flex:1;gap:.15rem;min-height:0;padding:.45rem;display:flex;overflow:auto}.sidebar-actions{border-top:1px solid var(--line);background:#0f1721d6;flex-direction:column;gap:.4rem;padding:.45rem;display:flex}.analyzer-button{border:1px solid var(--line);background:var(--panel-strong);width:100%;min-height:2rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.analyzer-button:hover,.analyzer-button.active{color:#f1ffe8;background:#20321f;border-color:#7cc1449e}.tree-empty{color:var(--muted);margin:0;padding:.35rem;font-size:.86rem;line-height:1.4}.tree-item{--tree-indent:calc(var(--depth) * .75rem);width:calc(100% - var(--tree-indent));min-height:1.55rem;margin-left:var(--tree-indent);text-align:left;align-items:center;gap:.35rem;padding:.2rem .35rem;font-size:.86rem;display:flex}.tree-item.folder{color:#bdc9c4;opacity:1;cursor:pointer;background:0 0;border-color:#0000}.tree-item.file{cursor:pointer}.tree-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-item.selected{color:#f1ffe8;background:#7cc14424;border-color:#a8e06399}.tree-icon{width:1rem;color:var(--accent-strong);justify-content:center;font-size:.82rem;display:inline-flex}.file-context-menu{z-index:20;border:1px solid var(--line-bright);min-width:9.5rem;box-shadow:var(--shadow);background:#0c131c;padding:.25rem;position:fixed}.file-context-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.file-context-menu button:hover,.file-context-menu button:focus-visible{background:#1b2838;outline:none}.file-context-menu button:disabled{color:#64727c;cursor:not-allowed}.file-context-menu button:disabled:hover{background:0 0}.file-context-menu svg{width:1rem;color:var(--accent-strong)}.file-context-menu button:disabled svg{color:#53616c}.file-context-menu .danger{color:#ffd8d8}.file-context-menu .danger svg{color:var(--danger)}.context-menu-separator{background:var(--line);height:1px;margin:.25rem 0}.editor-region{grid-template-rows:auto minmax(0,1fr);display:grid}.editor-tabs{border-bottom:1px solid var(--line);background:#0f1721d6;gap:.4rem;padding:.55rem;display:flex;overflow-x:auto}.empty-tabs{color:var(--muted);font-size:.9rem}.editor-tab{border-radius:.7rem;align-items:center;gap:.35rem;min-width:max-content;display:inline-flex;overflow:hidden}.editor-tab.active{background:#20321f;border-color:#7cc1449e}.editor-tab button{color:inherit;cursor:pointer;background:0 0}.editor-tab button:first-child{padding:.55rem .2rem .55rem .7rem}.close-tab{padding:.45rem .65rem;color:var(--muted)!important}.close-tab:hover{background:#df6b6b2b;color:#fff!important}.editor-pane{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:1rem;display:grid;overflow:hidden}:is(.editor-pane:has(.image-preview-shell),.editor-pane:has(.audio-preview-shell)){grid-template-rows:minmax(0,1fr)}.code-editor-shell{background:#090e14;border:1px solid #1f2d3f;width:100%;height:100%;min-height:0;overflow:hidden}.image-preview-shell{background:#090e14;border:1px solid #1f2d3f;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.image-preview-stage{background-color:#090e14;background-image:linear-gradient(45deg,#111923 25%,#0000 25%),linear-gradient(-45deg,#111923 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#111923 75%),linear-gradient(-45deg,#0000 75%,#111923 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;place-items:center;min-height:0;display:grid;overflow:auto}.image-preview{max-width:100%;max-height:100%;image-rendering:pixelated;display:block}.audio-preview-shell{background:#090e14;border:1px solid #1f2d3f;place-items:center;height:100%;min-height:0;display:grid;overflow:auto}.audio-preview-card{gap:1rem;width:min(36rem,100%);padding:1.25rem;display:grid}.audio-player{width:100%}.empty-state{text-align:center;place-items:center;display:grid}.empty-state>div{border:1px dashed var(--line-bright);background:#0f1721bd;border-radius:1.2rem;max-width:34rem;padding:2rem}.empty-state h2{margin:.4rem 0}.analyzer-pane{overflow:auto}.analyzer-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-content:start;gap:.75rem;display:grid}.analyzer-card{border:1px solid var(--line);background:#0f1721bf;gap:.35rem;padding:.85rem;display:grid}.analyzer-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.analyzer-card strong{color:#f5fbef;overflow-wrap:anywhere}.requirements-panel{gap:.75rem;margin-top:1rem;display:grid}.requirements-panel h3{margin:0;font-size:.95rem}.requirements-list{border:1px solid var(--line);background:#0f1721bf;max-height:18rem;display:grid;overflow:auto}.requirement-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,1fr) minmax(9rem,.65fr);align-items:center;gap:.75rem;padding:.65rem .8rem;display:grid}.requirement-row:last-child{border-bottom:0}.requirement-row strong,.requirement-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.requirement-row span{color:#c9f7bb;background:#090e14;border:1px solid #2d3b4b;justify-self:start;max-width:100%;padding:.16rem .38rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.requirement-row em{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;justify-self:start;font-size:.68rem;font-style:normal}.empty-state p,.muted-copy,.warning-card p{color:var(--muted);line-height:1.55}.inspector-stack{flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow:auto}.info-row{border:1px solid var(--line);background:#0f1721bf;border-radius:.8rem;gap:.3rem;padding:.7rem;display:grid}.info-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.info-row strong{overflow-wrap:anywhere}.warning-card{background:#f0b65a14;border:1px solid #f0b65a5c;border-radius:.9rem;padding:.85rem}.warning-card p{margin-bottom:0}.muted-copy{padding:1rem}.welcome-backdrop{z-index:20;background:#05080cb8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.welcome-dialog{border:1px solid var(--line-bright);width:min(34rem,100%);box-shadow:var(--shadow);background:#111923;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.25rem;display:grid}.welcome-avatar{object-fit:cover;background:#13210f;border:1px solid #7cc14494;width:3.25rem;height:3.25rem}.welcome-copy{gap:.45rem;display:grid}.welcome-copy span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.welcome-copy h2,.welcome-copy p{margin:0}.welcome-copy h2{font-size:1.25rem}.welcome-copy p{color:var(--muted);line-height:1.55}.welcome-checkbox{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;grid-column:1/-1;align-items:center;gap:.55rem;display:inline-flex}.welcome-checkbox input{width:1rem;height:1rem;accent-color:var(--accent)}.welcome-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:.6rem;padding-top:.25rem;display:flex}.welcome-actions a,.welcome-actions button{border:1px solid var(--line);background:var(--panel-strong);min-height:2.35rem;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 .85rem;text-decoration:none;display:inline-flex}.welcome-actions a:hover,.welcome-actions button:hover{border-color:var(--line);background:var(--line-bright)}.welcome-actions .welcome-support-link{color:#071006;background:#68a43a;border-color:#7cc144a6;font-weight:800}.welcome-actions .welcome-support-link span{padding-right:5px}.status-bar{border-top:1px solid var(--line);min-height:2.35rem;color:var(--muted);background:#090e14;justify-content:space-between;align-items:center;padding:.35rem 1rem;font-size:.78rem;display:flex}.status-bar a{text-decoration:none}.status-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-bar strong{color:var(--accent-strong)}@media (width<=1120px){.top-bar{grid-template-columns:1fr}.jar-pill{border-radius:.8rem;max-width:none}.toolbar{justify-content:flex-start}.workspace{grid-template-columns:var(--sidebar-width,12rem) .35rem minmax(0, 1fr)}.inspector{grid-column:1/-1}.right-handle{display:none}}