body.workspace-page,body.settings-page{position:relative;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(124,185,255,.12),transparent 30%),radial-gradient(circle at top right,rgba(112,137,190,.08),transparent 28%),linear-gradient(180deg,#070a10,#090d15 48%,#070b11);color:var(--text);min-height:100dvh;padding:0 8px 8px}body.workspace-page:before,body.settings-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#ffffff05,#fff0 35%),radial-gradient(circle at center top,rgba(255,255,255,.04),transparent 26%);opacity:.55}[data-theme=light] body.workspace-page,[data-theme=light] body.settings-page{background:radial-gradient(circle at top left,rgba(124,185,255,.12),transparent 30%),radial-gradient(circle at top right,rgba(112,137,190,.08),transparent 28%),linear-gradient(180deg,#f7f9fc,#eef4fb 48%,#e9f0f8)}body.workspace-page .container,body.settings-page .container{width:100%;min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:28px;position:relative;z-index:1}.workspace-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;min-width:0}.workspace-hero-copy,.workspace-note,.workspace-panel,.settings-panel{min-width:0;border:1px solid var(--border);border-radius:0;background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--surface);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px)}.workspace-hero-copy,.workspace-note{position:relative;overflow:hidden}.workspace-hero-copy{padding:40px 42px}.workspace-hero-copy:before,.workspace-note:before{content:"";position:absolute;inset:auto auto -110px -70px;width:280px;height:280px;border-radius:0;background:radial-gradient(circle,#7cb9ff29,#7cb9ff00 68%);pointer-events:none}.workspace-kicker,.workspace-note-label{display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hover)}.workspace-hero-copy h1{margin-top:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,5vw,58px);line-height:.98;letter-spacing:-.06em}.workspace-hero-copy .subtitle{max-width:52ch;margin-top:18px;font-size:16px;line-height:1.7;color:var(--text-dim)}.workspace-hero-side{display:flex;flex-direction:column;gap:16px}.workspace-note{padding:24px}.workspace-note-value{display:block;margin-top:14px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.05em}.workspace-note-text{margin-top:12px;font-size:14px;line-height:1.65;color:var(--text-dim)}.workspace-shell{display:flex;flex-direction:column;gap:24px}.workspace-panel,.settings-panel{padding:24px;display:flex;flex-direction:column;gap:18px}.workspace-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.workspace-panel-head h2,.settings-panel-head h2{margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3vw,32px);line-height:1.02;letter-spacing:-.05em}.workspace-panel-note,.settings-panel-note{max-width:48ch;font-size:14px;line-height:1.6;color:var(--text-dim)}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{min-height:44px;padding:0 16px;border-radius:0;border:1px solid var(--border);background:#ffffff08;color:var(--text-dim);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s}.filter-btn:hover{transform:translateY(-1px);border-color:var(--border-strong);color:var(--text)}.filter-btn.active{border-color:transparent;background:linear-gradient(135deg,var(--accent),#a7d3ff);color:#0b1522;box-shadow:0 14px 28px #7cb9ff2e}.empty-state{padding:44px 18px;border:1px dashed var(--border);border-radius:0;text-align:center;color:var(--text-dim);font-size:14px;background:#ffffff05}.load-more{align-self:center;min-height:48px;padding:0 24px;border-radius:0;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.load-more:hover{border-color:var(--border-strong);color:var(--accent-hover)}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-backdrop{position:absolute;inset:0;background:#000000db;backdrop-filter:blur(10px)}.lightbox-content{position:relative;max-width:min(92vw,1120px);max-height:90vh;display:flex;flex-direction:column;gap:14px;align-items:center}.lightbox-close{position:absolute;top:-42px;right:0;width:36px;height:36px;border-radius:0;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-media{max-width:min(92vw,1120px);max-height:76vh;border-radius:0;object-fit:contain;box-shadow:var(--shadow-lg)}.lightbox-audio{width:min(92vw,420px);max-height:none;object-fit:unset}.hidden{display:none!important}@media(max-width:980px){.workspace-hero{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){body.workspace-page,body.settings-page{padding:0 8px 36px}body.workspace-page .container,body.settings-page .container{gap:22px}.workspace-hero-copy,.workspace-note,.workspace-panel,.settings-panel{border-radius:0;padding:20px}.workspace-hero-copy h1{font-size:clamp(34px,12vw,48px)}.workspace-hero-copy .subtitle{font-size:15px}.lightbox{padding:16px}}
