:root{--bg:#f7f8f5;--surface:#fff;--surface-strong:#111827;--text:#4b5563;--text-strong:#0f172a;--muted:#7c8594;--border:#d9ded7;--accent:#0f766e;--accent-soft:#dff4ef;--warning:#b45309;--danger:#b91c1c;--shadow:0 18px 55px #10182814;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit}h1,h2,h3,p{margin:0}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{background:var(--surface-strong);color:#d1d5db;flex-direction:column;gap:32px;padding:28px;display:flex}.sidebar h1{color:#fff;margin-top:8px;font-size:31px;font-weight:650;line-height:1.05}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.sidebar .eyebrow{color:#5eead4}.room-nav{gap:8px;display:grid}.room-nav a{color:#e5e7eb;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.room-nav span{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:700}.room-nav a.active,.room-nav a:hover{background:#ffffff1a;border-color:#5eead459}.project-chip{border-top:1px solid #ffffff1f;gap:4px;margin-top:auto;padding-top:20px;display:grid}.project-chip span{color:#9ca3af;font-size:13px}.project-chip strong{color:#fff;font-size:15px}.auth-link{color:#5eead4;margin-top:10px;font-size:13px;font-weight:750;text-decoration:none}.auth-link:hover{text-decoration:underline}.workspace{gap:24px;padding:36px;display:grid}.page-heading{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:28px;display:grid}.page-heading h2{color:var(--text-strong);font-size:34px;font-weight:680;line-height:1.12}.page-heading p:not(.eyebrow){max-width:720px}.coming-soon{align-content:start;min-height:360px}.coming-soon span{color:var(--muted);text-transform:uppercase;background:#f3f4f6;border-radius:999px;justify-self:start;padding:6px 11px;font-size:13px;font-weight:750}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.studio-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.room-card,.task-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.room-card{gap:18px;min-height:230px;padding:22px;display:grid}.room-card h3,.task-panel h3{color:var(--text-strong);margin-top:8px;font-size:20px;line-height:1.2}.room-card span{background:var(--accent-soft);color:var(--accent);border-radius:999px;place-self:end start;padding:5px 10px;font-size:13px;font-weight:700}.task-panel{gap:12px;padding:22px;display:grid}.create-project-form label{gap:7px;display:grid}.create-project-form label span{color:var(--text-strong);font-size:13px;font-weight:750}.create-project-form input,.create-project-form textarea{border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:8px;width:100%;min-width:0;padding:10px 11px}.create-project-form textarea{resize:vertical}.create-project-form button{background:var(--surface-strong);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 14px;font-weight:750}.create-project-form button:hover{background:#1f2937}.project-list-panel{gap:0}.project-list-panel>div{margin-bottom:12px}.tree-row{border-top:1px solid var(--border);align-items:center;gap:4px;padding:5px 0;display:flex}.tree-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:18px;padding:3px 2px;font-size:11px;line-height:1}.tree-toggle:hover{color:var(--text-strong)}.tree-link{color:inherit;flex:1;align-items:center;gap:7px;min-width:0;text-decoration:none;display:flex}.tree-link:hover .tree-name{color:var(--accent)}.tree-icon{flex-shrink:0;font-size:14px;line-height:1}.tree-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.tree-type{color:var(--muted);text-transform:uppercase;flex-shrink:0;font-size:11px;font-weight:750}.project-detail-heading{gap:16px}.text-link{color:var(--accent);justify-self:start;font-size:14px;font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}.empty-state{border-top:1px solid var(--border);color:var(--muted);padding-top:14px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.access-pill{background:var(--surface-strong);color:#fff;text-transform:uppercase;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:750}.task-row{border-top:1px solid var(--border);grid-template-columns:120px minmax(0,1fr) 110px;align-items:center;gap:12px;padding-top:12px;display:grid}.task-row strong{color:var(--text-strong);min-width:0}.task-row small{color:var(--muted);justify-self:end}.status{text-align:center;text-transform:capitalize;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750}.status.open{color:#3730a3;background:#eef2ff}.status.active{color:var(--accent);background:#dff4ef}.status.draft{color:var(--warning);background:#fef3c7}.status.archived{color:#4b5563;background:#f3f4f6}.status.admin{color:var(--accent);background:#dff4ef}.status.write{color:var(--warning);background:#fef3c7}.status.read{color:#3730a3;background:#eef2ff}.status.audio{color:#0369a1;background:#e0f2fe}.status.image{color:#9d174d;background:#fce7f3}.status.in_progress{color:var(--warning);background:#fef3c7}.status.blocked{color:var(--danger);background:#fee2e2}.status.done{color:#166534;background:#dcfce7}.asset-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(260px,42%);gap:14px;padding-top:14px;display:grid}.asset-row-compact{grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:start;gap:18px;padding:12px 0 0}.asset-row>div{gap:8px;display:grid}.asset-row strong{color:var(--text-strong);font-size:15px;line-height:1.25}.asset-row p{color:var(--muted);font-size:13px}.asset-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rename-asset-form{align-items:center;gap:8px;min-width:min(100%,420px);display:flex}.rename-asset-form input{color:var(--text-strong);border:1px solid #0000;border-radius:6px;min-width:180px;padding:5px 7px;font-size:15px;font-weight:750}.rename-asset-form input:focus{border-color:var(--border);outline:2px solid var(--accent-soft)}.rename-asset-form button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:750}.rename-asset-form button:hover{border-color:var(--accent);color:var(--accent)}.asset-actions{justify-items:end;gap:8px;display:grid}.asset-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.asset-row code{border:1px solid var(--border);color:#374151;overflow-wrap:anywhere;background:#f3f4f6;border-radius:6px;align-self:start;width:100%;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.asset-row audio{width:100%;max-width:520px;height:34px}.secondary-button{border:1px solid var(--border);color:var(--text-strong);cursor:pointer;background:#fff;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:750}.secondary-button:disabled{color:var(--muted);cursor:not-allowed}.secondary-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.danger-button{color:var(--danger);cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:750}.danger-button:hover{background:#fef2f2}.local-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750}.cloud-badge{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750}.status.pending{color:#4b5563;background:#f3f4f6}.status.syncing{color:#0369a1;background:#e0f2fe}.status.synced{color:#166534;background:#dcfce7}.status.failed{color:var(--danger);background:#fee2e2}.login-screen{background:#030712;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.login-glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.login-glow-1{background:radial-gradient(circle,#0d948859 0%,#0000 70%);width:640px;height:640px;animation:10s ease-in-out infinite login-drift-1;top:-120px;left:-160px}.login-glow-2{background:radial-gradient(circle,#6366f147 0%,#0000 70%);width:760px;height:760px;animation:14s ease-in-out infinite login-drift-2;bottom:-180px;right:-140px}.login-glow-3{background:radial-gradient(circle,#d946ef26 0%,#0000 70%);width:480px;height:480px;animation:18s ease-in-out infinite login-drift-3;top:30%;left:40%}@keyframes login-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,40px)scale(1.08)}}@keyframes login-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-50px)scale(1.06)}}@keyframes login-drift-3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(calc(30px - 50%),calc(-50% - 20px))scale(1.1)}}.login-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 72% 8%,#ffffff73 0%,#0000 100%),radial-gradient(1.5px 1.5px at 38% 55%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 88% 42%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 5% 75%,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 55% 88%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 92% 78%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 28% 92%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 65% 30%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 43% 12%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 80% 62%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 20% 48%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 50% 70%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 97% 22%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 10% 35%,#ffffff59 0%,#0000 100%);position:absolute;inset:0}.login-content{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.login-eyebrow{color:#5eead4;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750}.login-title{color:#fff;letter-spacing:-.03em;text-shadow:0 0 80px #5eead459;margin:0;font-size:clamp(52px,9vw,96px);font-weight:800;line-height:1}.login-tagline{color:#9ca3af;max-width:360px;margin:0;font-size:17px}.login-button{color:#111827;background:#fff;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:flex}.login-button:hover{background:#f9fafb;transform:translateY(-1px)}.admin-level-row{border-top:1px solid var(--border);align-items:center;gap:14px;padding:10px 0;display:flex}.admin-level-row p{color:var(--muted);margin:0;font-size:13px}.admin-user-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.admin-user-info{gap:2px;min-width:0;display:grid}.admin-user-info strong{color:var(--text-strong);font-size:14px}.admin-user-info p{color:var(--muted);margin:0;font-size:13px}.admin-user-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-user-actions select{border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:8px;padding:6px 8px}.collaborator-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.collaborator-row>div:first-child{gap:2px;min-width:0;display:grid}.collaborator-row strong{color:var(--text-strong);font-size:14px}.collaborator-row p{color:var(--muted);font-size:13px}.collaborator-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.add-collaborator-form{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.add-collaborator-form label{gap:5px;display:grid}.add-collaborator-form label span{color:var(--text-strong);font-size:13px;font-weight:750}.add-collaborator-form input,.add-collaborator-form select{border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:8px;width:100%;padding:9px 10px}.add-collaborator-form button{background:var(--surface-strong);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-self:start;padding:10px 14px;font-weight:750}.add-collaborator-form button:hover{background:#1f2937}.collaborator-error{color:var(--danger);font-size:13px}.metadata-image-preview{border-top:1px solid var(--border);grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;padding-top:14px;display:grid}.metadata-image-preview img{border:1px solid var(--border);object-fit:cover;border-radius:8px;width:120px;height:120px}.metadata-image-preview>div{align-content:start;gap:8px;display:grid}.metadata-audio-preview{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:14px;padding-top:14px;display:flex}.metadata-audio-preview>div{gap:8px;min-width:0;display:grid}.metadata-audio-preview audio{width:100%;max-width:480px;height:34px}.metadata-picker-form{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:14px;display:flex}.metadata-picker-form select{border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:8px;flex:1;min-width:0;padding:8px 10px}.track-row{border-top:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.track-row-active{background:var(--accent-soft);border-radius:6px;margin:0 -8px;padding:10px 8px}.track-play-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;background:#f3f4f6;border-radius:50%;width:28px;height:28px;padding:0;font-size:12px;font-weight:750;line-height:1;transition:background .1s,color .1s}.track-play-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.track-play-btn:disabled{cursor:default;opacity:.45}.track-row-active .track-play-btn{background:var(--accent);border-color:var(--accent);color:#fff}.track-info{gap:2px;display:grid}.track-info strong{color:var(--text-strong);font-size:15px}.track-no-audio{color:var(--muted);font-size:12px}.track-actions{gap:6px;display:flex}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{gap:20px}.room-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{padding:20px}.studio-layout,.status-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr;align-items:start}.project-row-meta{justify-items:start}.task-row{grid-template-columns:1fr;align-items:start}.task-row small{justify-self:start}.asset-row{grid-template-columns:1fr}.asset-actions{justify-items:start}}