:root{--os-bg:#121113;--os-panel:#1a181c;--os-line:#37313d;--os-text:#f1edf4;--os-muted:#a19aa6;--os-lime:#fdb927;--os-purple:#552583;--os-paper:#ece7f0}*{box-sizing:border-box}body:has(.os-app){background:var(--os-bg);color:var(--os-text);margin:0;overflow:hidden}.os-app{background:var(--os-bg);min-height:100vh;color:var(--os-text);font-family:var(--font-geist-sans),Arial,sans-serif;grid-template-columns:260px 1fr;display:grid}.folder-picker{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.os-sidebar{border-right:1px solid var(--os-line);background:#10110f;flex-direction:column;height:100vh;padding:22px 16px 18px;display:flex}.os-brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:12px;padding:0 8px 23px;font-size:14px;font-weight:750;text-decoration:none;display:flex}.os-brand small{color:var(--os-muted);font:8px/1 var(--font-geist-mono),monospace;letter-spacing:.13em;margin-top:3px;display:block}.os-mark{border:2px solid var(--os-purple);width:34px;height:30px;color:var(--os-lime);place-items:center;font:700 22px/1 Georgia,serif;display:grid}.os-nav{border:0;display:block}.os-nav-section{margin-top:16px}.os-nav-section>p{color:#6e7068;font:8px/1 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.15em;margin:0 10px 7px}.os-nav button{color:#aaa;width:100%;min-height:34px;font:11px/1.2 var(--font-geist-sans),sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.os-nav button:hover{color:var(--os-text);background:#1b1c19}.os-nav button.active{color:#fff;background:var(--os-purple);font-weight:700}.os-nav b{min-width:20px;font:8px/1 var(--font-geist-mono),monospace;text-align:center;border:1px solid;padding:3px 5px}.privacy-note{border-top:1px solid var(--os-line);gap:9px;margin-top:auto;padding:13px 10px 0;display:flex}.status-dot{background:#6b6d65;flex:none;width:7px;height:7px;margin-top:3px;box-shadow:0 0 0 3px #ffffff0a;border-radius:50%!important}.status-dot.live{background:var(--os-lime);box-shadow:0 0 0 3px #d4ff4f1f}.privacy-note strong{font-size:10px}.privacy-note p{color:var(--os-muted);margin:3px 0 0;font-size:9px;line-height:1.4}.os-workspace{min-width:0;height:100vh;overflow:auto}.os-toolbar{z-index:5;border-bottom:1px solid var(--os-line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#121311f5;align-items:center;gap:10px;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.os-search{border:1px solid var(--os-line);background:#171815;flex:1;align-items:center;gap:10px;min-width:260px;max-width:620px;height:38px;padding:0 11px;display:flex}.os-search input{min-width:0;color:var(--os-text);font:11px var(--font-geist-sans),sans-serif;background:0 0;border:0;outline:0;flex:1}.os-search kbd{color:#85877e;font:8px var(--font-geist-mono),monospace;border:1px solid #45473f;padding:4px 6px}.primary-button,.secondary-button,.mode-button{border:1px solid var(--os-line);min-height:38px;color:var(--os-text);font:9px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#1b1c19;padding:0 14px}.primary-button{border-color:var(--os-lime);color:#10110f;background:var(--os-lime);font-weight:800}.secondary-button:hover,.mode-button:hover{border-color:#777a70}.mode-button{align-items:center;gap:8px;display:flex}.os-content{width:min(1240px,100% - 56px);margin:0 auto;padding:56px 0 80px}.os-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.os-kicker{color:var(--os-lime);font:8px/1.3 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px}.os-heading h1{letter-spacing:-.055em;margin:0;font:700 clamp(42px,5.5vw,76px)/.92 Georgia,serif}.os-subtitle{max-width:610px;color:var(--os-muted);margin:18px 0 0;font:13px/1.5 Georgia,serif}.stat-grid{border:1px solid var(--os-line);grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid}.stat-grid article{border-right:1px solid var(--os-line);background:var(--os-panel);min-height:128px;padding:18px}.stat-grid article:last-child{border-right:0}.stat-grid p,.stat-grid span{color:var(--os-muted);font:8px/1.2 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.08em;margin:0}.stat-grid strong{letter-spacing:-.04em;margin:15px 0 13px;font:700 29px/1 Georgia,serif;display:block}.empty-state{border:1px solid var(--os-line);text-align:center;background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:center;justify-items:center;min-height:440px;margin-top:22px;padding:55px 20px;display:grid}.empty-state h2{letter-spacing:-.055em;margin:0;font:700 clamp(38px,4vw,58px)/.95 Georgia,serif}.empty-state>p:not(.os-kicker){max-width:540px;color:var(--os-muted);margin:20px 0 0;font:13px/1.6 Georgia,serif}.empty-state small{color:#777a70;font:8px var(--font-geist-mono),monospace;margin-top:14px}.primary-button.large{min-height:44px;margin-top:25px;padding:0 20px}.empty-art{width:132px;height:86px;margin-bottom:28px;position:relative}.file-sheet{background:var(--os-panel);border:1px solid #76796e;width:58px;height:70px;position:absolute}.file-sheet.one{top:10px;left:15px;transform:rotate(-8deg)}.file-sheet.two{top:6px;left:55px;transform:rotate(7deg)}.file-sheet.three{border-color:var(--os-lime);top:0;left:37px}.scan-line{background:var(--os-lime);height:1px;box-shadow:0 0 12px var(--os-lime);position:absolute;top:39px;left:23px;right:23px}.file-panel{border:1px solid var(--os-line);background:var(--os-panel);margin-top:22px}.file-panel-head{border-bottom:1px solid var(--os-line);justify-content:space-between;align-items:end;min-height:92px;padding:18px;display:flex}.file-panel-head h2{margin:0;font:700 28px/1 Georgia,serif}.file-panel-head>p{max-width:320px;color:var(--os-muted);font:9px/1.4 var(--font-geist-mono),monospace;text-align:right;margin:0}.file-row{color:#b9bbb1;border-bottom:1px solid #2a2c27;grid-template-columns:minmax(320px,2fr) 110px 110px 110px;align-items:center;gap:16px;min-height:54px;padding:7px 16px;font-size:10px;display:grid}.file-row>span:first-child{align-items:center;gap:10px;min-width:0;display:flex}.file-row i{width:28px;height:30px;color:var(--os-lime);font:normal 9px var(--font-geist-mono),monospace;border:1px solid #474940;flex:none;place-items:center;display:grid}.file-row strong,.file-row small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.file-row strong{color:var(--os-text);font-size:10px}.file-row small{color:#73766d;max-width:600px;font:8px var(--font-geist-mono),monospace;margin-top:4px}.file-header{color:#70736a;min-height:34px;font:8px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.08em}.file-header>span:first-child{display:block}.table-note{color:var(--os-muted);font:8px var(--font-geist-mono),monospace;text-align:center;margin:0;padding:15px}@media (width<=900px){body:has(.os-app){overflow:auto}.os-app{grid-template-columns:1fr}.os-sidebar{border-right:0;border-bottom:1px solid var(--os-line);height:auto;padding-bottom:10px}.os-nav,.privacy-note{display:none}.os-workspace{height:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article:nth-child(2){border-right:0}.stat-grid article:nth-child(-n+2){border-bottom:1px solid var(--os-line)}.mode-button{display:none}.file-row{grid-template-columns:minmax(180px,1fr) 80px 80px}.file-row>span:last-child{display:none}}@media (width<=560px){.os-toolbar{padding:0 12px}.os-search kbd,.secondary-button{display:none}.os-content{width:calc(100% - 24px);padding-top:34px}.os-heading{display:block}.stat-grid{grid-template-columns:1fr 1fr}.file-row{grid-template-columns:minmax(0,1fr) 60px}.file-row>span:nth-child(3){display:none}}