@import url('/fonts/pretendard/pretendard-subset.css');
:root{color-scheme:light dark;--bg-1:#8fa6b8;--bg-2:#56708a;--bg-3:#2b3d52;--card:#fff;--text:#26303a;--text-2:#7d8b97;--divider:#e6eaee;--accent:#3f6f94;--on-accent:#fff;--danger:#b23b3b;--warning:#d98a18;--font:"Pretendard",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg-1:#4f6475;--bg-2:#2f4153;--bg-3:#16212d;--card:#1d2530;--text:#e4e9ee;--text-2:#95a3b0;--divider:#313c48;--accent:#e4e9ee;--on-accent:#1d2530;--danger:#f08a84;--warning:#ffc46b}}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg-3)}body{min-height:100vh;margin:0;padding:32px 16px;font:15px/1.7 var(--font);color:var(--text);display:flex;flex-direction:column;align-items:center}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 80% at 50% 0%,var(--bg-1),var(--bg-2) 50%,var(--bg-3))}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.3;background:url('/noise.svg')}.card{width:min(100%,1000px);padding:40px;background:var(--card);border-radius:4px;box-shadow:0 2px 14px #0a141e24}.card--narrow{max-width:420px;margin:auto}.nav{display:flex;gap:28px;margin:20px}.nav a{color:#fff}h1{font-size:24px;font-weight:300}header,.session,.list-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid var(--divider)}.session form{display:flex;align-items:center;gap:8px}.session input{display:none}.session button{margin:0;width:auto}.warning{padding:8px 12px;color:var(--warning);border:1px solid currentColor}.usage{margin:18px 0}.usage label,.usage progress{display:block;width:100%}.usage--warning{accent-color:var(--warning)}label,input,button,select{font:inherit}input,button,select{min-height:40px;margin:8px 0;border:1px solid var(--divider);border-radius:4px}input,select{width:100%;padding:4px 8px}button{padding:6px 14px;background:var(--accent);color:var(--on-accent);cursor:pointer}a{color:var(--accent)}.error{color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--divider)}.upload{display:block;margin:20px 0;padding:28px;text-align:center;border:2px dashed var(--divider)}.upload--active{border-color:var(--accent);background:#3f6f9418}.list-tools{align-items:end}.list-tools label{flex:1}.actions{position:relative}.actions summary{cursor:pointer;font-size:22px;list-style:none}.actions[open]{min-width:150px}.actions button{display:block;width:100%;margin:4px 0;font-size:13px}.folder-row td:first-child{font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.actions a{display:block;padding:6px 14px}.breadcrumbs{margin:16px 0}.breadcrumbs a,.breadcrumbs span{margin:0 4px}dialog{width:min(92vw,480px);max-height:80vh;padding:24px;color:var(--text);background:var(--card);border:1px solid var(--divider);border-radius:4px}dialog::backdrop{background:#0a141e99}.folder-tree,.folder-tree ul{padding-left:20px;list-style:none}.folder-tree button{width:auto;margin:3px 0;background:transparent;color:var(--text);text-align:left}
@media(max-width:600px){.card{padding:20px}header,.list-tools{align-items:stretch;flex-direction:column}.session{width:100%}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;clip:rect(0 0 0 0)}tr{padding:12px 0;border-bottom:1px solid var(--divider)}td{padding:3px;border:0}.actions{margin-top:6px}.nav{gap:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}