.brand{display:flex;align-items:center;gap:9px}.brand-dot{width:11px;height:11px;background:var(--accent);border-radius:3px;box-shadow:0 0 18px #6d8cff99}.welcome{text-align:center}.welcome form{text-align:left}.brand-mark{display:grid;place-items:center;margin:0 auto 18px;width:46px;height:46px;background:var(--accent);border-radius:13px;font-size:1.3rem;font-weight:800}.wide{width:100%}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role{padding:18px}.role p{font-size:.9rem;margin:.5rem 0 0}.badge{display:inline-flex;padding:3px 8px;border-radius:99px;background:var(--panel2);font-size:.75rem}.badge.good{color:#8ce3b0;background:#173325}.badge.muted{color:var(--muted)}.breadcrumbs{display:flex;gap:6px;color:var(--muted);font-size:.85rem}.breadcrumbs a:not(:last-child):after{content:' /';margin-left:6px}.quiet{background:transparent}.upload-button{display:flex;align-items:center;gap:8px;padding:.7rem 1rem;background:var(--accent);border-radius:9px;font-weight:650;cursor:pointer}.upload-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dropzone{display:grid;gap:3px}.dropzone span,.hint{font-size:.85rem;color:var(--muted)}.browser{overflow:hidden}.browser-toolbar,.browser-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 36px;align-items:center;gap:10px}.browser-toolbar{padding:10px 14px;background:var(--panel2);font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.browser-row{padding:10px 12px;border-top:1px solid var(--line)}.browser-row:hover{background:var(--panel2)}.item-main{display:flex;align-items:center;gap:12px;min-width:0}.item-main>span:last-child{min-width:0;display:grid}.item-main strong,.item-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-main small{color:var(--muted)}.folder-shape{width:34px;height:25px;background:#5f79d8;border-radius:4px;position:relative}.folder-shape:before{content:'';position:absolute;top:-5px;left:2px;width:15px;height:7px;border-radius:3px 3px 0 0;background:#5f79d8}.type-tile{display:grid;place-items:center;width:34px;height:34px;background:#2b3040;border-radius:7px;font-size:.6rem;color:#b9c5ff}.more{padding:.35rem;background:transparent;border:0}.context-menu{position:fixed;z-index:20;width:190px;padding:6px;background:#24272e;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px #0008}.context-menu button{display:block;width:100%;border:0;background:transparent;text-align:left}.context-menu button:hover{background:#30343d}.settings{padding:24px;display:grid;gap:22px;max-width:760px}.settings>label:not(.switch-row){display:grid;gap:7px}.switch-row,.permission-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-row span,.permission-row div{display:grid}.switch-row small,.permission-row small{color:var(--muted)}.switch-row input{width:20px;height:20px}.permission-list{border-top:1px solid var(--line)}.permission-row{padding:12px 0;border-bottom:1px solid var(--line)}.permission-row select{width:180px}.end{justify-content:flex-end}.link-list{display:grid;gap:12px}.link-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.link-summary>div{display:flex;align-items:center;gap:10px}.shared-items{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.shared-items a{padding:5px 9px;background:var(--panel2);border-radius:6px}.link-card details{grid-column:1/-1}.inline-settings{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding-top:12px}.inline-settings label{display:grid;gap:5px;min-width:180px}@media(max-width:800px){.role-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.role-grid{grid-template-columns:1fr}.browser-toolbar{display:none}.browser-row{grid-template-columns:minmax(0,1fr) auto 34px}.browser-row>span{font-size:.75rem}.link-card{grid-template-columns:1fr}.permission-row{align-items:flex-start;flex-direction:column}.permission-row select{width:100%}}