:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f4ef;color:#1f2528;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,.button-link,input{font:inherit}button,.button-link{align-items:center;background:#1f6f64;border:1px solid #1f6f64;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.48}button.secondary,.button-link.secondary{background:#fff;border-color:#b8c7c3;color:#1f2528}button.ghost{background:transparent;border-color:#c9c4b8;color:#1f2528}button.danger{background:#a13d35;border-color:#a13d35}input{background:#fff;border:1px solid #b8c7c3;border-radius:8px;color:#1f2528;min-height:44px;padding:0 12px;width:100%}code{background:#eef3f2;border:1px solid #d8e2df;border-radius:6px;display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;max-width:100%;overflow-wrap:anywhere;padding:8px}.shell{margin:0 auto;max-width:1180px;min-height:100vh;padding:32px 20px 48px}.shell--center{align-items:center;display:flex;justify-content:center}.splash,.panel{background:#fffdf8;border:1px solid #d8d1c3;border-radius:8px;box-shadow:0 16px 50px #272a2514}.splash{max-width:560px;padding:32px;width:100%}.brand-row{align-items:center;display:flex;gap:14px}.mark{align-items:center;background:#254e70;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px}.eyebrow{color:#6b716f;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}h1,h2{letter-spacing:0;line-height:1.1;margin:0}h1{font-size:clamp(2rem,6vw,3.3rem)}h2{font-size:1.12rem}.token-form,.actions-row{margin-top:28px}.token-form label{display:block;font-weight:700;margin-bottom:8px}.token-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:28px}.user-menu{align-items:center;display:flex;gap:12px}.layout-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel{padding:20px}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.panel-heading span,.muted,.status-line,.empty,.file-main span,.invite-row span{color:#6b716f}.dropzone{align-items:center;background:#f6f8f7;border:1px dashed #91a9a2;border-radius:8px;cursor:pointer;display:grid;gap:4px;min-height:140px;padding:24px;text-align:center}.dropzone input{display:none}.upload-panel button,.invite-panel>button,.splash>button{margin-top:14px;width:100%}.status-line{min-height:24px;margin-top:12px;overflow-wrap:anywhere}.progress{background:#e2e0d8;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progress>div{background:#d98324;height:100%;transition:width .16s ease;width:0}.files-panel{margin-top:18px}.files-list,.compact-list{display:grid;gap:10px}.file-row{align-items:center;border:1px solid #e2ddd2;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(180px,1.2fr) minmax(220px,1fr) auto;padding:14px}.file-main{display:grid;gap:4px;min-width:0}.file-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.copy-result{margin-top:12px}.copy-line{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.invite-row{align-items:center;border:1px solid #e2ddd2;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;padding:12px}.invite-row>div{display:grid}.empty{border:1px dashed #d8d1c3;border-radius:8px;padding:22px;text-align:center}.empty.small{padding:14px}@media(max-width:860px){.topbar,.layout-grid,.file-row,.token-row{grid-template-columns:1fr}.topbar{align-items:flex-start;display:grid}.layout-grid{display:grid}.file-row{align-items:stretch}.row-actions{justify-content:stretch}.row-actions>*{flex:1 1 130px}}@media(max-width:520px){.shell{padding:18px 12px 32px}.splash,.panel{padding:16px}.brand-row{align-items:flex-start}.user-menu,.copy-line,.invite-row{align-items:stretch;display:grid;grid-template-columns:1fr;width:100%}}
