:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:#090a0d;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:0}.app-shell{width:min(1440px,100%);margin:0 auto;padding:32px}.hero-band{justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 0 24px;animation:.42s both rise;display:flex}.eyebrow{color:#78e3ba;letter-spacing:0;align-items:center;gap:8px;margin-bottom:14px;font-size:.86rem;font-weight:700;display:inline-flex}h1,h2,p{margin:0}h1{color:#fff;letter-spacing:0;font-size:clamp(2.4rem,5vw,5.4rem);line-height:.95}h2{color:#f7faf8;letter-spacing:0;font-size:1rem}p{color:#9aa8a2;margin-top:8px;line-height:1.5}.hero-actions,.action-row,.output-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{color:#edf5f1;cursor:pointer;letter-spacing:0;background:#181b1f;border:1px solid #2b302e;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.button:hover:not(:disabled){background:#202429;border-color:#4b5b55;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:#fff;background:#1f6f55;border-color:#2d745c}.button.ghost{background:#181b1fad}.button.danger{color:#ffb0a8}.button.success,.button.copied{color:#fff;background:#1d7e55;border-color:#45c987;animation:.56s both copied}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:6px 0 18px;display:grid}.stat{background:#121517eb;border:1px solid #242a28;border-radius:8px;min-height:82px;padding:16px;animation:.46s both rise}.stat span{color:#95a39d;font-size:.85rem;font-weight:700;display:block}.stat strong{color:#fff;letter-spacing:0;margin-top:8px;font-size:1.65rem;display:block}.stat.success strong{color:#78e3ba}.stat.warning strong{color:#ffd06f}.workspace-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:18px;display:grid}.panel{background:#0f1114f5;border:1px solid #242a28;border-radius:8px;animation:.52s both rise;box-shadow:0 24px 80px #00000052}.panel-header{border-bottom:1px solid #222825;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.input-panel,.preview-panel{min-height:540px}.path-input{resize:vertical;color:#edf4f0;background:#0b0d10;border:1px solid #2b302e;border-radius:8px;outline:none;width:calc(100% - 36px);min-height:344px;margin:18px;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem;line-height:1.62;transition:border-color .16s,box-shadow .16s,background .16s}.root-control{gap:8px;padding:18px 18px 0;display:grid}.source-mode-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 18px 0;display:grid}.source-mode-control button{color:#edf5f1;cursor:pointer;text-align:left;background:#0b0d10;border:1px solid #2b302e;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:68px;padding:12px 14px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid}.source-mode-control button:hover{background:#11171a;border-color:#42534d;transform:translateY(-1px)}.source-mode-control button.active{background:linear-gradient(135deg,#1f6f5557,#0b0d10f5);border-color:#78e3ba9e;box-shadow:0 0 0 3px #51cfa01c}.source-mode-control svg{color:#78e3ba}.source-mode-control span,.source-mode-control small{display:block}.source-mode-control span{min-width:0;font-weight:850}.source-mode-control small{color:#87958f;margin-top:4px;font-size:.76rem;font-weight:700;line-height:1.35}.root-control label{color:#f0f6f3;font-size:.84rem;font-weight:800}.root-control span{color:#87958f;font-size:.82rem;line-height:1.45}.root-input-row{background:#0b0d10;border:1px solid #2b302e;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:48px;padding:0 8px 0 13px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.root-input-row:focus-within{background:#0d1013;border-color:#51cfa0;box-shadow:0 0 0 3px #51cfa029}.root-input-row svg{color:#78e3ba}.root-input-row input{color:#edf4f0;background:0 0;border:0;outline:none;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem}.root-input-row input::placeholder{color:#59635f}.mini-button{color:#c8d4cf;cursor:pointer;background:#171b1e;border:1px solid #303834;border-radius:7px;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:800;transition:background .16s,border-color .16s,color .16s}.mini-button:hover{color:#fff;background:#20352e;border-color:#486057}.path-input:focus{background:#0d1013;border-color:#51cfa0;box-shadow:0 0 0 3px #51cfa029}.path-input::placeholder{color:#5f6965}.action-row{padding:0 18px 18px}.file-list{gap:8px;max-height:484px;padding:18px;display:grid;overflow:auto}.file-row{background:#111418;border:1px solid #242a28;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.file-row:hover{background:#15191d;border-color:#37413d;transform:translate(2px)}.file-row.success{border-color:#66dda657}.file-row.warning{border-color:#ffc7666b}.file-row.danger{border-color:#ff70706b}.file-row.muted{opacity:.66}.file-row svg{color:#aab8b1}.file-row.success svg{color:#78e3ba}.file-row.warning svg{color:#ffd06f}.file-row.danger svg{color:#ff8a7e}.file-row-main{min-width:0}.file-row-main span,.file-row-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row-main span{color:#edf5f1;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}.file-row-main small{color:#8d9c96;margin-top:4px;font-size:.78rem}.status-pill{color:#bdcbc5;text-transform:uppercase;letter-spacing:0;white-space:nowrap;border:1px solid #303834;border-radius:8px;padding:5px 8px;font-size:.72rem;font-weight:800}.empty-state{color:#7d8984;border:1px dashed #2b302e;border-radius:8px;place-items:center;gap:10px;min-height:220px;display:grid}.error-stack{gap:10px;margin:18px 0;display:grid}.error-card{color:#ffd7d0;background:#4e231f61;border:1px solid #ff82676b;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;animation:.22s both rise;display:flex}.error-card svg{color:#ff9b8d;flex:none;margin-top:2px}.output-panel{margin-top:18px}.output-header{align-items:center}.mode-toggle{background:#0d1013;border:1px solid #2b302e;border-radius:8px;padding:3px;display:inline-flex}.mode-toggle button{color:#9fada7;cursor:pointer;background:0 0;border-radius:6px;min-height:36px;padding:0 11px;font-weight:800;transition:background .16s,color .16s}.mode-toggle button.active{color:#fff;background:#20352e}.output-preview{color:#d8e2de;white-space:pre;background:#080a0c;border-top:1px solid #222825;min-height:360px;max-height:640px;margin:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.6;overflow:auto}.spin{animation:.8s linear infinite spin}.pulse-in{animation:.42s both pulseIn}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes copied{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseIn{0%{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.app-shell{padding:22px}.hero-band,.panel-header,.output-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}.input-panel,.preview-panel{min-height:auto}.output-controls{width:100%}}@media (width<=640px){.app-shell{padding:16px}h1{font-size:2.35rem}.stats-grid{grid-template-columns:1fr}.button,.mode-toggle,.mode-toggle button{width:100%}.mode-toggle{flex-direction:column}.path-input{min-height:300px}.file-row{grid-template-columns:22px minmax(0,1fr)}.root-input-row{grid-template-columns:22px minmax(0,1fr);padding:10px 13px}.source-mode-control{grid-template-columns:1fr}.mini-button{grid-column:2;width:100%}.status-pill{grid-column:2;justify-self:start}}