:root{color-scheme:light;--ink:#17202a;--muted:#68737d;--line:#e3e7ea;--accent:#203864}*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:var(--ink);font-family:Arial,sans-serif}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.browser,.card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #17202a0d}.card{width:min(100%,430px);padding:36px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:8px 0 10px;font-size:30px}.muted,.small{color:var(--muted);line-height:1.5}.small{font-size:12px;margin-top:20px}form{display:grid;grid-gap:9px;gap:9px;margin-top:28px}label{font-size:13px;font-weight:700;margin-top:8px}input{border:1px solid var(--line);border-radius:7px;padding:12px;font:inherit}a,button{border:0;border-radius:7px;background:var(--accent);color:white;cursor:pointer;font:inherit;padding:11px 15px;text-decoration:none}button:disabled{cursor:wait;opacity:.6}.message{color:var(--accent);font-size:14px;line-height:1.4;margin-top:18px}.error{color:#a52828}.about{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.about h2{font-size:16px;margin:0 0 8px}.about p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.shell{max-width:1000px;margin:0 auto;padding:40px 24px}header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}header h1{margin-bottom:0}.user{align-items:flex-end;display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:700}.link-button{background:transparent;color:var(--accent);font-size:13px;padding:0}.browser{padding:20px}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:16px}.breadcrumbs,.toolbar{align-items:center;display:flex}.breadcrumbs{flex-wrap:wrap;gap:5px}.breadcrumb-item{align-items:center;color:var(--muted);display:inline-flex;gap:5px}.breadcrumb{background:transparent;color:var(--accent);font-size:13px;padding:0}.breadcrumb:hover{text-decoration:underline}.toolbar button{background:#eef1f5;color:var(--ink);font-size:13px}.file-list{list-style:none;margin:0;padding:0}.file-list li{border-bottom:1px solid var(--line);min-height:58px}.file-row{align-items:center;background:transparent;border-radius:0;color:var(--ink);display:flex;font-size:14px;height:100%;min-height:58px;padding:8px 4px;text-align:left;width:100%}.file-row:hover{background:#f7f8fa}@media (max-width:600px){.shell{padding:24px 14px}.card{padding:26px}header{gap:20px}}