:root{--bg:#f3f4f6;--card:#fff;--text:#1c1d1f;--muted:#8a9199;--line:#eceef1;--accent:#0f9b8e;--accent-hover:#0c8378;--rail:#2c3038;--logo:#0f9b8e;--danger:#e24b4a;--ok:#1a9b5c;--scan:#c47b1a;--shadow:0 4px 16px #1018280f;--head:#fff;--tree:#fff;--input:#fff;--ghost-border:#d8dde3;--hover:#f4f5f7;--tab-idle:#e4e7eb;--tab-idle-hover:#d8dce1;--tab-idle-text:#6b7280;--panel:#fff;--soft:#f6f7f9;--th:#fafbfc;--row-hover:#fafbfc;--warn-bg:#fff6d8;--warn-line:#e6c35c;--drop:#fafcfe;--drop-on:#eefaf8;--h2:#5c6370;--soft-text:#3a4048;--tray:#fff;--modal:#fff;--preview:#f4f6f8;--outline:#2c3038;--avatar:#eef1f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:15px/1.5 Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}html[data-theme=dark]{--bg:#16181c;--card:#22252b;--text:#e8eaed;--muted:#9aa0a6;--line:#34383f;--shadow:0 8px 24px #00000059;--head:#1d2025;--tree:#1d2025;--input:#2a2e35;--ghost-border:#3d424a;--hover:#2a2e35;--tab-idle:#2a2e35;--tab-idle-hover:#34383f;--tab-idle-text:#9aa0a6;--panel:#22252b;--soft:#2a2e35;--th:#1a1d22;--row-hover:#2a2e35;--warn-bg:#3a3420;--warn-line:#8a7a3a;--drop:#1a1d22;--drop-on:#16332f;--h2:#9aa0a6;--soft-text:#c8cdd3;--tray:#22252b;--modal:#22252b;--preview:#16181c;--outline:#c8cdd3;--avatar:#2a2e35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overflow-x:hidden}button,input,select{font:inherit;color:inherit}h1{letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}h2{color:var(--h2);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.shell{background:var(--bg);min-height:100svh;display:flex}.nav-toggle,.nav-scrim,.tree-scrim,.tree-toggle,.tree-close,.file-all,.file-cards{display:none}.nav-toggle{width:40px;height:40px;min-height:0;color:var(--text);background:0 0;border:0;border-radius:10px;place-items:center;padding:0}.rail{background:var(--rail);flex-direction:column;flex:none;align-items:stretch;min-height:100svh;padding:14px 8px 16px;display:flex;position:relative;overflow:hidden}.rail-resizer{cursor:col-resize;z-index:20;width:8px;height:100%;position:absolute;top:0;right:-4px}.rail-resizer:hover,body.resizing-rail .rail-resizer{background:var(--accent)}body.resizing-rail{cursor:col-resize;-webkit-user-select:none;user-select:none}.rail.compact .rail-nav a span{display:none}.rail.compact .rail-nav a{justify-content:center;padding:.55rem .35rem}.rail.compact .logo-d{margin-left:auto;margin-right:auto}.logo-d{background:var(--logo);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;margin:0 8px 16px;font-size:1rem;font-weight:800;text-decoration:none;display:grid}.rail-nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex}.rail-nav a.rail-foot{margin-top:auto}.rail-nav a{color:#c8cdd3;border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:.55rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.rail-nav a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail-nav a:hover{color:#fff;background:#ffffff0f}.rail-nav a.active{color:#fff;background:#0f9b8e38}.shell-main{flex-direction:column;flex:1;min-width:0;min-height:100svh;display:flex}.shell-body{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.head{border-bottom:1px solid var(--line);background:var(--head);z-index:10;align-items:center;gap:1rem;min-height:60px;padding:0 32px;display:flex;position:sticky;top:0}.head-site{font-size:1.05rem;font-weight:800}.avatar-wrap{position:relative}.avatar{background:var(--avatar);width:36px;height:36px;min-height:0;color:var(--soft-text);border:0;border-radius:50%;padding:0;font-weight:800}.avatar-menu{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.5rem;min-width:180px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 8px);right:0}.theme-mini{gap:6px;display:flex}.theme-mini button{flex:1;min-height:34px;padding:.3rem .4rem;font-size:.82rem}.theme-mini button.on{border-color:var(--accent);color:var(--accent)}.app{flex-direction:column;min-height:100svh;display:flex}.page{width:100%;max-width:1120px;margin:0 auto;padding:28px 32px 48px}.page.narrow{max-width:420px;padding-top:12vh}.page.wide{max-width:1280px}.page>h1{margin-bottom:1.15rem}.page>h1+.muted,.page>h1+p{margin-top:-.7rem;margin-bottom:1.35rem}.page>h2{margin-top:1.75rem}.login-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.2rem;font-weight:800;display:grid}.browse{flex:1;align-items:stretch;min-height:0;display:flex}.browse.drop-on{outline:2px dashed var(--accent);outline-offset:-8px}.tree{background:var(--tree);border-right:1px solid var(--line);flex:none;padding:20px 10px 24px;position:relative;overflow:auto}.tree-brand{padding:0 10px 10px;font-size:1.15rem;font-weight:800}.tree-brand-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tree-brand-row .tree-brand{padding-bottom:10px}.tree-head{color:var(--muted);padding:4px 14px 10px;font-size:.78rem;font-weight:700}.tree-row{border-radius:8px;align-items:center;gap:2px;min-height:32px;display:flex}.tree-row:hover{background:var(--hover)}.tree-row.on .tree-item{color:var(--accent);font-weight:800}.tree-unc{margin-top:8px}.tree-trash{margin-top:4px}.tree-twist{width:18px;height:18px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.tree-twist:before{content:"";border:4px solid #0000;border-left-color:currentColor;width:0;height:0;margin-left:3px}.tree-twist.open:before{border-top-color:currentColor;border-left-color:#0000;margin-top:3px;margin-left:0}.tree-twist.leaf{visibility:hidden}.tree-twist:hover{background:var(--line);color:var(--text)}.tree-item{min-width:0;min-height:32px;color:var(--soft-text);text-align:left;background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:.4rem;padding:.2rem 6px .2rem 2px;font-weight:600;display:flex}.tree-resizer{cursor:col-resize;z-index:3;width:6px;height:100%;position:absolute;top:0;right:-3px}.tree-resizer:hover,body.resizing-tree .tree-resizer{background:var(--accent)}body.resizing-tree{cursor:col-resize;-webkit-user-select:none;user-select:none}.browse-main{flex:1;min-width:0;padding:28px 36px 96px;overflow:auto}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.toolbar h1{margin:0}.toolbar-title{align-items:center;gap:.6rem;min-width:0;display:flex}.toolbar-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar .row{flex-wrap:wrap;justify-content:flex-end}.top{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.top nav{flex-wrap:wrap;gap:.5rem;display:flex}.top nav a{color:var(--muted);border-radius:8px;padding:.45rem .8rem;text-decoration:none}.top nav a.active,.top nav a:hover{background:var(--hover);color:var(--accent)}.logout{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:.55rem 1.1rem;font-weight:700}.card{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:1.35rem 1.4rem}.card.row{flex-wrap:wrap;align-items:center}.card.row>input,.card.row>select{flex:10rem;min-width:8rem}.card.row>input[type=number],.card.row .due-field input{flex:0 0 5.5rem;min-width:5.5rem;max-width:5.5rem}.card.row>button[type=submit]{flex:none;min-width:5.5rem}.due-field{color:var(--soft-text);white-space:nowrap;align-items:center;gap:.45rem;margin:0;font-weight:600;display:flex}.stack{flex-direction:column;gap:.9rem;display:flex}.stack label,.page>label{color:var(--soft-text);flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-weight:600;display:flex}input,select,button{border:1px solid var(--line);background:var(--input);border-radius:10px;min-height:42px;padding:.45rem .8rem}button{cursor:pointer;background:var(--accent);color:#fff;border:0;font-weight:700}button:disabled{opacity:.45;cursor:default}button.ghost{background:var(--input);color:var(--text);border:1px solid var(--ghost-border);font-weight:600}button.outline{background:var(--input);color:var(--text);border:1px solid var(--outline);font-weight:700}.row{align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.hint{color:var(--muted);margin:0;font-size:.88rem;font-weight:400}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:0 0 .75rem;display:flex}.filters label{color:var(--h2);flex-direction:column;gap:.3rem;margin:0;font-size:.85rem;font-weight:600;display:flex}.filters input[type=date],.filters input[type=time]{min-width:9.5rem}.tab-shell{margin-top:.15rem}.tabs{flex-wrap:wrap;gap:3px;padding:0;display:flex}.tabs button{z-index:0;background:var(--tab-idle);min-height:42px;color:var(--tab-idle-text);border:0;border-radius:8px 8px 0 0;padding:.65rem 1.35rem;font-size:.9rem;font-weight:700;position:relative}.tabs button:hover:not(.on){background:var(--tab-idle-hover);color:var(--text)}.tabs button.on{z-index:1;background:var(--panel);color:var(--text);box-shadow:inset 0 3px 0 var(--accent)}.tab-panel{background:var(--panel);border-radius:0 12px 12px;min-height:12rem;padding:1.4rem 1.5rem 1.75rem;box-shadow:0 1px 2px #1018280a}.tab-panel>.muted:first-child,.tab-panel>.warn-box:first-child{margin-top:0}.tab-panel h2{margin-top:1.5rem}.tab-panel .card{background:var(--soft);border:0}.tab-panel .kpi-grid{margin-bottom:0}.tab-panel .kpi-grid+.warn-box{margin-top:1rem}.theme-picks{grid-template-columns:1fr 1fr;gap:12px;max-width:28rem;display:grid}.theme-picks>button{background:var(--soft);min-height:0;color:var(--text);border:2px solid var(--line);flex-direction:column;align-items:stretch;gap:.7rem;padding:.85rem;font-weight:700;display:flex}.theme-picks>button.on{border-color:var(--accent)}.theme-swatch{border:1px solid var(--line);border-radius:8px;grid-template-columns:28px 1fr;height:72px;display:grid;overflow:hidden}.theme-swatch i{background:#2c3038}.theme-swatch b{display:block}.theme-swatch.light{background:#f3f4f6}.theme-swatch.light b{background:#fff}.theme-swatch.dark{background:#16181c;border-color:#34383f}.theme-swatch.dark i{background:#121316}.theme-swatch.dark b{background:#22252b}.block{margin-bottom:2rem}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.folder-card{background:var(--card);border:1px solid var(--line);text-align:left;width:100%;min-height:76px;color:var(--text);border-radius:12px;align-items:center;gap:8px;padding:8px 10px 8px 6px;font-weight:700;display:flex}.folder-card-main{text-align:left;min-width:0;min-height:60px;color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:14px;padding:8px 10px;font-weight:700;display:flex}.folder-card-del{flex:none;min-height:34px}.folder-card-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:4px;display:flex}.folder-card:hover{border-color:var(--ghost-border);box-shadow:var(--shadow)}.folder-card strong{font-size:.98rem;display:block}.folder-card small{color:var(--muted);margin-top:2px;font-size:.8rem;font-weight:500;display:block}.block-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.block-head h2{margin:0}.block-title{align-items:center;gap:.5rem;min-width:0;display:flex}.file-all{margin:0}.file-all input{width:16px;height:16px;min-height:0}.drop{border:2px dashed var(--line);text-align:center;background:var(--drop);color:var(--muted);border-radius:14px;padding:2.5rem 1rem}.drop.on{border-color:var(--accent);background:var(--drop-on)}.link{color:var(--accent);cursor:pointer;margin-left:.35rem;font-weight:700}a{color:var(--accent)}.list{flex-direction:column;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.list li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}.bar{background:var(--soft);border-radius:99px;height:8px;margin-top:.45rem;overflow:hidden}.bar span{background:var(--accent);height:100%;display:block}.bar.done span{background:var(--ok)}.bar.bad span{background:var(--danger)}.badge{color:var(--accent);background:#e8f7f5;border-radius:999px;margin-left:.4rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.bad{color:var(--danger);background:#fde8e6}.st{border-radius:999px;padding:.18rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.st-ok{color:var(--ok);background:#e7f6ec}.st-scan{color:var(--scan);background:#fef3e2}.st-miss{color:var(--danger);background:#fde8e6}.split{grid-template-columns:200px 1fr;align-items:start;gap:1rem;display:grid}.side{flex-direction:column;gap:.35rem;display:flex}.side button{background:var(--input);color:var(--text);border:1px solid var(--line);text-align:left;font-weight:600}.side button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:auto}.table-wrap table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.92rem}.list-pager,.audit-pager{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin:0 0 .5rem;display:flex}.list-pager .muted,.audit-pager .muted{margin-right:auto}.list-pager button:disabled,.audit-pager button:disabled{opacity:.4}.list-pager-size{color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:inline-flex}.list-pager-size select{width:auto;min-width:5.5rem;min-height:34px;padding:.2rem .55rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.85rem 1rem}th{color:var(--muted);background:var(--th);font-weight:600}td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}tr:last-child td{border-bottom:0}th.check,td.check{text-align:center;white-space:normal;width:44px}th.check input,td.check input{width:16px;height:16px;min-height:0}tr.dim{color:var(--muted)}tr:hover td{background:var(--row-hover)}th.col-pw,td.col-pw{white-space:normal;width:12.5rem}th.col-act,td.col-act{white-space:normal;text-align:right;width:8.5rem}th.col-org,td.col-org{width:7.5rem}th.col-ip,td.col-ip{font-variant-numeric:tabular-nums;width:12.5rem;text-overflow:unset;overflow:visible}th.col-kind,td.col-kind{width:6.2rem}th.col-size,td.col-size{text-align:right;font-variant-numeric:tabular-nums;width:5.6rem}th.col-time,td.col-time{font-variant-numeric:tabular-nums;width:11.2rem}th.col-loc,td.col-loc{width:8.5rem}th.col-user,td.col-user{width:6.5rem}th.col-assign,td.col-assign{white-space:normal;width:24rem}th.col-prio,td.col-prio{white-space:normal;width:8.5rem}td.col-pw,td.col-act,td.col-assign,td.col-prio{overflow:visible}td.col-assign select{width:auto;max-width:10rem;min-height:34px}td.col-assign label.row{color:var(--muted);gap:.35rem;margin:0;font-size:.85rem;font-weight:500}.cell-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.folder-mark{vertical-align:-1px;background:#f6c56d;border-radius:2px 2px 0 0;flex-shrink:0;width:16px;height:13px;display:inline-block;box-shadow:inset 0 0 0 1px #e0b15c}.folder-mark.lg{border-radius:3px 3px 1px 1px;width:32px;height:24px}.file-link{min-height:0;color:var(--text);text-align:left;background:0 0;border:0;padding:0;font-weight:600}.file-link:hover{color:var(--accent)}.browse-main td .row{justify-content:flex-end}td button{min-height:34px;padding:.3rem .65rem;font-size:.85rem}td input[type=number]{width:5.5rem;min-height:34px}.tray{background:var(--tray);border:1px solid var(--line);width:min(340px,100vw - 80px);box-shadow:var(--shadow);z-index:30;border-radius:14px;padding:1rem 1.1rem .85rem;position:fixed;bottom:24px;right:24px}.tray-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tray-head strong{margin:0}.tray-close{min-height:34px;padding:.3rem .7rem}.tray ul{flex-direction:column;gap:.7rem;max-height:min(40vh,16rem);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.tray-sum{color:var(--muted);margin:.85rem 0 0;font-size:.85rem}.tray-note{color:var(--soft-text);margin:.35rem 0 0;font-size:.85rem;line-height:1.4}.toast{color:#fff;z-index:80;text-align:center;background:#1c2430;border-radius:12px;max-width:min(86vw,360px);padding:1rem 1.35rem;line-height:1.5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #10182859}.modal{z-index:70;background:#1018288c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--modal);border-radius:12px;flex-direction:column;gap:.5rem;width:min(960px,100%);height:min(80vh,720px);padding:.75rem;display:flex}.modal-box iframe{background:var(--preview);border:0;border-radius:8px;flex:1;width:100%}.modal-box .preview-img{object-fit:contain;background:var(--preview);border-radius:8px;flex:1;width:100%}.msg-box{background:var(--modal);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:14px;padding:1.35rem 1.4rem 1.2rem}.msg-box h2{color:var(--text);margin:0 0 .7rem;font-size:1.15rem}.msg-body{white-space:pre-wrap;color:var(--soft-text);margin:0;line-height:1.55}.msg-field{margin-top:.9rem}.msg-field select{width:100%}.msg-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.dl-box{width:min(480px,100%)}.dl-list{flex-direction:column;gap:.75rem;max-height:min(40vh,16rem);margin:.9rem 0 0;padding:0;list-style:none;display:flex;overflow:auto}.dl-list li span:first-child{text-overflow:ellipsis;white-space:nowrap;padding-right:.6rem;overflow:hidden}button.danger{background:var(--danger);color:#fff;border:0}.warn-box{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:12px;padding:.9rem 1.1rem}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 1.15rem;display:grid}.kpi{--kpi-accent:var(--accent);background:var(--card);border:1px solid var(--line);min-width:0;color:inherit;border-radius:16px;flex-direction:column;gap:.45rem;padding:1.05rem 1.1rem 1.1rem 1.2rem;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #ffffff0a}.kpi:before{content:"";background:var(--kpi-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.kpi-up{--kpi-accent:var(--accent)}.kpi-ok{--kpi-accent:var(--ok)}.kpi-warn{--kpi-accent:var(--scan)}.kpi-bad{--kpi-accent:var(--danger)}.kpi-store{--kpi-accent:#6b8cae}.kpi-top{color:var(--muted);letter-spacing:.01em;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:flex}.kpi-ico{background:color-mix(in srgb, var(--kpi-accent) 16%, transparent);width:28px;height:28px;color:var(--kpi-accent);border-radius:8px;flex:none;place-items:center;display:grid}.kpi-val{letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.72rem;font-weight:800;line-height:1.1}.kpi-hint{color:var(--muted);font-size:.75rem;line-height:1.35}a.kpi:hover{border-color:var(--ghost-border);box-shadow:var(--shadow)}.monitor-block{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-top:.85rem;padding:1.15rem 1.25rem 1.2rem}.monitor-block h2{margin-bottom:.7rem}.monitor-block .table-wrap{margin:0}.err-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.err-list li{background:var(--soft);border-radius:10px;grid-template-columns:auto 1fr;gap:.15rem .75rem;padding:.65rem .8rem;font-size:.9rem;display:grid}.err-list li .muted{grid-column:1/-1;font-size:.78rem}.err-list li strong{color:var(--danger);font-size:.82rem}html[data-theme=dark] .kpi-store{--kpi-accent:#8aa4c2}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi{border-radius:14px;padding:.9rem .9rem .95rem 1rem}.kpi-val{font-size:1.45rem}}.cell.submitted{color:var(--ok);background:#e7f6ec;font-weight:700}.cell.missing{color:var(--danger);background:#fde8e6;font-weight:700}.cell.late{background:var(--warn-bg);font-weight:700}html[data-theme=dark] .badge{background:#16332f}html[data-theme=dark] .badge.bad{background:#3a2020}html[data-theme=dark] .st-ok,html[data-theme=dark] .cell.submitted{background:#163225}html[data-theme=dark] .st-scan{background:#3a2e18}html[data-theme=dark] .st-miss,html[data-theme=dark] .cell.missing{background:#3a2020}@media (width<=880px){body.nav-open,body.tree-open{overflow:hidden}.nav-toggle{display:grid}.nav-scrim,.tree-scrim{z-index:40;background:#10182873;border:0;border-radius:0;min-height:0;padding:0;display:block;position:fixed;inset:0}.tree-scrim{z-index:41}.rail{z-index:46;height:100%;min-height:0;padding-bottom:max(16px, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:min(82vw,280px)!important}.shell.nav-open .rail{transform:none}.rail.compact .rail-nav a span{display:inline}.rail.compact .rail-nav a{justify-content:flex-start;padding:.55rem .75rem}.rail.compact .logo-d{margin-left:8px;margin-right:auto}.rail-resizer,.tree-resizer{display:none}.head{flex-wrap:nowrap;min-height:56px;padding:0 12px 0 8px}.head-site{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse{min-height:0;display:block}.tree{z-index:42;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:min(86vw,320px)!important}.browse.tree-open .tree{transform:none}.tree-toggle,.tree-close,.file-all{align-items:center;display:inline-flex}.tree-close{min-height:34px;padding:.3rem .7rem}.browse-main{padding:1rem 1rem 7rem}.page{padding:1rem 1rem max(3rem, env(safe-area-inset-bottom));max-width:100%}.page.narrow{padding-top:8vh}.split{grid-template-columns:1fr}.side{flex-direction:row;overflow:auto}.side button{white-space:nowrap}.folder-grid{grid-template-columns:1fr}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{flex:none;padding:.55rem 1rem}.tab-panel{padding:1.1rem 1rem 1.4rem}.theme-picks{grid-template-columns:1fr;max-width:none}h1{font-size:1.28rem}.file-table-wrap{display:none}.file-cards{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;display:block;overflow:hidden}.file-card{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:start;gap:2px 10px;padding:.9rem .95rem;display:grid}.file-card:last-child{border-bottom:0}.file-card input[type=checkbox]{width:16px;height:16px;min-height:0;margin-top:4px}.file-card-body{min-width:0}.file-card-body .file-link,.file-card-body strong{white-space:normal;word-break:break-all;display:block}.file-card-body p{color:var(--muted);white-space:normal;margin:.2rem 0 0;font-size:.82rem;line-height:1.45}.file-card-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.file-card-side .ghost{min-height:34px;padding:.3rem .65rem}.tray{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto}.table-wrap{-webkit-overflow-scrolling:touch}input,select,button{font-size:16px}.tree-item,.tree-row{min-height:40px}.block-head{flex-wrap:wrap}.toolbar .row{justify-content:flex-start}}