:root{--dub-bg:#060707;--dub-surface:#0c0e0f;--dub-surface-raised:#111314;--dub-text:#efefed;--dub-text-muted:#7d8180;--dub-text-faint:#606565;--dub-border:#ffffff17;--dub-border-strong:#ffffff2e;--dub-accent:#dfe6e2;--dub-success:#87d9ad;--dub-font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--dub-font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--dub-radius-sm:6px;--dub-radius-md:9px;--dub-space-1:4px;--dub-space-2:8px;--dub-space-3:12px;--dub-space-4:16px;--dub-space-5:20px;--dub-space-6:28px;--dub-space-7:36px;--dub-space-8:48px}.dub-shell{background:var(--dub-bg);min-height:100vh;color:var(--dub-text);font-family:var(--dub-font-sans)}.dub-eyebrow{color:var(--dub-text-faint);font:500 8px/1.4 var(--dub-font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.dub-rail{z-index:20;border-right:1px solid var(--dub-border);background:#060707f5;flex-direction:column;align-items:center;width:92px;display:flex;position:fixed;inset:0 auto 0 0}.dub-mark{gap:3px;margin:22px 0 42px;display:flex}.dub-mark span{background:currentColor;border-radius:999px;width:5px;height:18px;transform:rotate(22deg)}.dub-mark span:nth-child(2){height:25px}.dub-mark span:nth-child(3){height:18px}.dub-rail nav{gap:7px;width:100%;padding:0 12px;display:grid}.dub-rail nav button,.dub-add-button{border-radius:var(--dub-radius-sm);min-height:42px;color:var(--dub-text-faint);cursor:pointer;background:0 0;border:1px solid #0000}.dub-rail nav button{justify-items:center;gap:4px;padding:7px 4px;display:grid}.dub-rail nav button[data-active=true]{border-color:var(--dub-border);color:var(--dub-text);background:#ffffff0a}.dub-rail nav span{font:7px/1 var(--dub-font-mono);letter-spacing:.08em;text-transform:uppercase}.dub-add-button{border-color:var(--dub-border);width:42px;margin-top:auto;margin-bottom:18px}.dub-workspace{min-height:100vh;margin-left:92px;padding:0 28px 40px}.dub-topbar{justify-content:space-between;align-items:center;gap:var(--dub-space-6);border-bottom:1px solid var(--dub-border);min-height:96px;display:flex}.dub-topbar h1{letter-spacing:-.055em;margin:6px 0 0;font-size:clamp(30px,4vw,58px);font-weight:300;line-height:.94}.dub-top-actions{align-items:center;gap:10px;display:flex}.dub-icon-button{border:1px solid var(--dub-border);width:38px;height:38px;color:var(--dub-text-muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.dub-live{position:relative}.dub-live:before{content:"";background:var(--dub-success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #87d9ad14}.dub-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-auto-rows:minmax(260px,auto);gap:10px;padding-top:18px;display:grid}.dub-panel{border:1px solid var(--dub-border);background:linear-gradient(145deg, #ffffff06, #fff0), var(--dub-surface);border-radius:9px;min-height:280px;position:relative;overflow:hidden}.dub-panel.is-selected{border-color:var(--dub-border-strong);box-shadow:inset 0 0 0 1px #ffffff0d}.dub-panel-bar{z-index:3;gap:6px;display:flex;position:absolute;top:10px;right:10px}.dub-panel-bar button{width:34px;height:34px;color:var(--dub-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#06070799;border:1px solid #ffffff24;border-radius:50%;place-items:center;display:grid}.dub-panel-hero{flex-direction:column;justify-content:end;min-height:520px;padding:clamp(22px,4vw,46px);display:flex}.dub-panel-hero:before{content:"";background:radial-gradient(circle at 72% 36%,#6496ff29,#0000 34%),linear-gradient(165deg,#0000 35%,#000000a3);position:absolute;inset:0}.dub-panel-hero>*{z-index:1;position:relative}.dub-panel-hero h2{letter-spacing:-.065em;max-width:780px;margin:10px 0 12px;font-size:clamp(42px,6vw,88px);font-weight:300;line-height:.9}.dub-panel-hero p{color:#efefed9e;max-width:520px;margin:0;font-size:12px;line-height:1.7}.dub-panel-audio{padding:28px}.dub-audio-head{grid-template-columns:112px 1fr;align-items:end;gap:18px;display:grid}.dub-cover{aspect-ratio:1;background:radial-gradient(circle at 55% 38%,#d9dfd8 0 3%,#0000 3.5% 8%,#8a9290 8.5% 14%,#0000 14.5% 22%,#222728 22.5%),conic-gradient(from 20deg,#171919,#b8c0ba,#333737,#9da6a1,#171919);border-radius:8px;box-shadow:0 12px 26px #00000080}.dub-audio-head h2{letter-spacing:-.04em;margin:4px 0 7px;font-size:25px;font-weight:300;line-height:1}.dub-meta{color:var(--dub-text-muted);font:8px/1.6 var(--dub-font-mono);text-transform:uppercase;margin:0}.dub-player{gap:8px;margin-top:28px;display:grid}.dub-wave{grid-template-columns:repeat(32,minmax(0,1fr));align-items:center;gap:2px;height:54px;display:grid}.dub-wave i{background:#efefed38;border-radius:1px;display:block}.dub-track-list{border-top:1px solid var(--dub-border);margin-top:8px}.dub-track-list button{border:0;border-bottom:1px solid var(--dub-border);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.dub-track-list span{color:var(--dub-text-faint);font:8px var(--dub-font-mono)}.dub-track-list strong{font-size:10px;font-weight:400;display:block}.dub-track-list small{color:var(--dub-text-faint);font:7px var(--dub-font-mono);text-transform:uppercase;margin-top:4px;display:block}.dub-profile,.dub-archive{padding:24px}.dub-profile{grid-template-columns:120px 1fr;align-items:stretch;gap:18px;display:grid}.dub-profile-media{background:linear-gradient(#ffffff14,#ffffff08),radial-gradient(circle at 40% 30%,#a9b0ad,#0000 22%),linear-gradient(125deg,#1a1c1d,#3a403f);border-radius:7px;min-height:230px}.dub-profile h2,.dub-archive h2{letter-spacing:-.045em;margin:10px 0 12px;font-size:28px;font-weight:300;line-height:1}.dub-copy{max-width:36rem;color:var(--dub-text-muted);margin:0;font-size:11px;line-height:1.8}.dub-stats{gap:24px;margin-top:22px;display:flex}.dub-stats b{font-size:22px;font-weight:300;display:block}.dub-stats span{color:var(--dub-text-faint);font:7px var(--dub-font-mono);text-transform:uppercase;letter-spacing:.12em}.dub-archive-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:22px;display:grid}.dub-archive-grid>div{aspect-ratio:1;border:1px solid var(--dub-border);background:linear-gradient(140deg,#1c2121,#0b0c0c);border-radius:5px}.dub-archive-code{color:var(--dub-text-muted);font:10px var(--dub-font-mono);place-items:center;display:grid}.dub-editor-scrim{z-index:40;background:#00000094;position:fixed;inset:0}.dub-editor{z-index:41;border-left:1px solid var(--dub-border);background:#111314fa;width:min(390px,92vw);padding:24px;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-24px 0 60px #00000047}.dub-editor h2{letter-spacing:-.045em;margin:6px 0 0;font-size:27px;font-weight:300}.dub-editor header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dub-editor-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px;display:grid}.dub-editor-actions button{border-radius:var(--dub-radius-sm);border:1px solid var(--dub-border);min-height:40px;color:var(--dub-text-muted);cursor:pointer;background:0 0}.dub-editor-actions button:last-child{background:var(--dub-accent);color:#111313;border:0}.dub-control{gap:10px;margin-top:26px;display:grid}.dub-control>label,.dub-control>span{color:var(--dub-text-muted);font:8px var(--dub-font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;display:flex}.dub-control input[type=text]{border:1px solid var(--dub-border);border-radius:var(--dub-radius-sm);min-height:42px;color:var(--dub-text);background:#ffffff08;padding:0 12px}.dub-control input[type=range]{width:100%}.dub-panel:focus-visible,.dub-rail button:focus-visible,.dub-top-actions button:focus-visible,.dub-panel-bar button:focus-visible,.dub-editor button:focus-visible,.dub-control input:focus-visible{outline-offset:2px;outline:2px solid #fffc}@media (max-width:960px){.dub-rail{width:68px}.dub-workspace{margin-left:68px;padding-inline:18px}.dub-grid{grid-template-columns:1fr}}@media (max-width:640px){.dub-rail{width:58px}.dub-workspace{margin-left:58px;padding-inline:12px}.dub-rail nav button{padding-inline:2px}.dub-rail nav span{display:none}.dub-topbar{min-height:82px}.dub-panel-hero{min-height:420px}.dub-audio-head{grid-template-columns:84px 1fr}.dub-profile{grid-template-columns:88px 1fr}.dub-profile-media{min-height:190px}.dub-editor{width:min(100vw,390px)}}@media (prefers-reduced-motion:reduce){.dub-shell *{scroll-behavior:auto!important;transition:none!important}}.dub-block-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.dub-block-grid>.dub-panel{min-height:180px}.dub-add-block-picker{min-width:0;position:relative}.dub-add-canvas-block{border:1px dashed var(--dub-border-strong);width:100%;min-height:58px;color:var(--dub-text-muted);font:10px var(--dub-font-mono);cursor:pointer;background:#ffffff05;border-radius:14px;justify-content:center;align-items:center;gap:10px;display:flex}.dub-add-canvas-block:hover,.dub-add-canvas-block[aria-expanded=true]{color:var(--dub-text);background:#ffffff0b;border-color:#ffffff57}.dub-add-canvas-block>span{font-size:18px}.dub-block-picker-panel{border:1px solid var(--dub-border);background:var(--dub-surface-raised);border-radius:18px;gap:14px;margin-top:10px;padding:16px;display:grid}.dub-block-picker-search,.dub-block-picker-select{gap:8px;display:grid}.dub-block-picker-search input,.dub-block-picker-select select{box-sizing:border-box;border:1px solid var(--dub-border);width:100%;min-height:42px;color:var(--dub-text);font:11px var(--dub-font-sans);background:#ffffff09;border-radius:11px;outline:none;padding:0 12px}.dub-block-picker-search input:focus,.dub-block-picker-select select:focus{border-color:var(--dub-border-strong);outline-offset:1px;outline:2px solid #ffffff1f}.dub-block-picker-select option{background:var(--dub-surface-raised);color:var(--dub-text)}.dub-block-type-list{border:1px solid var(--dub-border);background:#0000002e;border-radius:16px;gap:7px;padding:8px;display:grid}.dub-block-type-row{width:100%;min-width:0;color:var(--dub-text);text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;transition:background .15s,border-color .15s;display:grid}.dub-block-type-row:hover,.dub-block-type-row:focus-visible{border-color:var(--dub-border-strong);background:#ffffff12;outline:none}.dub-block-type-icon{border:1px solid var(--dub-border);width:34px;height:34px;color:var(--dub-text-muted);font:11px var(--dub-font-mono);background:#ffffff0b;border-radius:10px;place-items:center;display:grid}.dub-block-type-copy{gap:4px;min-width:0;display:grid}.dub-block-type-copy strong{font-size:12px;font-weight:500}.dub-block-type-copy small{color:var(--dub-text-faint);text-overflow:ellipsis;font-size:10px;line-height:1.4;overflow:hidden}.dub-block-type-arrow{color:var(--dub-text-faint);font-size:14px}.dub-block-picker-empty{color:var(--dub-text-muted);margin:8px;font-size:11px}.dub-add-canvas-block:focus-visible{outline-offset:3px;outline:2px solid #fffc}.dub-form{gap:18px;width:100%;display:grid}.dub-form .dub-control{gap:8px;margin-top:0}.dub-form label,.dub-form .dub-control>label{color:var(--dub-text-muted);font:8px/1.4 var(--dub-font-mono);letter-spacing:.12em;text-transform:uppercase}.dub-form input:not([type=checkbox]):not([type=range]),.dub-form textarea,.dub-form select{box-sizing:border-box;border:1px solid var(--dub-border-strong);border-radius:var(--dub-radius-sm);width:100%;min-width:0;min-height:44px;color:var(--dub-text);font:12px/1.5 var(--dub-font-sans);background:#ffffff09;outline:none;padding:0 13px;transition:border-color .16s,background .16s,box-shadow .16s}.dub-form textarea{resize:vertical;min-height:100px;padding:12px 13px}.dub-form input::placeholder,.dub-form textarea::placeholder{color:var(--dub-text-faint)}.dub-form input:focus-visible,.dub-form textarea:focus-visible,.dub-form select:focus-visible{background:#ffffff0e;border-color:#efefedb3;box-shadow:0 0 0 3px #ffffff0e}.dub-button,.dub-form button[type=submit]{border:1px solid var(--dub-border-strong);border-radius:var(--dub-radius-sm);background:var(--dub-accent);color:#101212;min-height:44px;font:500 10px/1 var(--dub-font-mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:0 18px;transition:opacity .16s,transform .16s,background .16s;display:inline-flex}.dub-button:hover,.dub-form button[type=submit]:hover{background:#fff;transform:translateY(-1px)}.dub-button:disabled,.dub-form button[type=submit]:disabled{opacity:.55;cursor:wait;transform:none}.dub-form button:focus-visible,.dub-button:focus-visible,.dub-text-link:focus-visible{outline:2px solid var(--dub-text);outline-offset:3px}.dub-form-status{border:1px solid var(--dub-border);border-radius:var(--dub-radius-sm);color:var(--dub-text-muted);background:#ffffff06;margin:0;padding:12px 14px;font-size:11px;line-height:1.6}.dub-text-link{color:var(--dub-text);-webkit-text-decoration-color:var(--dub-text-faint);text-decoration-color:var(--dub-text-faint);text-underline-offset:3px}.dub-form .dub-eyebrow{margin-bottom:2px}.dub-form-card{padding:clamp(22px,3vw,40px)}.dub-form-card h2{letter-spacing:-.06em;margin:10px 0 24px;font-size:clamp(30px,4vw,54px);font-weight:300;line-height:.96}@media (max-width:640px){.dub-form-card{padding:20px}}.dub-create-space .dub-workspace{max-width:1680px;margin-inline:auto;padding:0 clamp(20px,4.8vw,76px) 64px}.dub-create-space .dub-topbar{align-items:flex-end;min-height:104px;padding:10px 0 18px}.dub-create-space .dub-topbar h1{letter-spacing:-.065em;font-size:clamp(34px,4.2vw,58px);line-height:.98}.dub-create-space .dub-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.88fr);align-items:stretch;gap:12px;padding-top:18px}.dub-create-space .dub-panel{min-height:330px}.dub-create-space .dub-passkey-panel{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:clamp(26px,3vw,42px);display:flex}.dub-create-space .dub-passkey-panel h2{letter-spacing:-.045em;max-width:25ch;margin:18px 0 10px;font-size:clamp(23px,2.1vw,31px);font-weight:450;line-height:1.12}.dub-create-space .dub-passkey-panel .dub-copy{max-width:34rem}.dub-create-space .dub-passkey-panel .dub-button{margin-top:24px}.dub-create-space .dub-form-card{flex-direction:column;padding:clamp(26px,3vw,42px);display:flex;justify-content:flex-start!important}.dub-create-space .dub-form-card>.dub-eyebrow{margin-bottom:20px}.dub-create-space .dub-title-display,.dub-create-space .dub-title-input{width:100%;font-family:var(--dub-font-sans);letter-spacing:-.065em;text-align:left;overflow-wrap:anywhere;margin:0 0 28px;padding:0;font-size:clamp(34px,3.25vw,50px);font-weight:300;line-height:1.02;display:block}.dub-create-space .dub-title-display{color:var(--dub-text);cursor:text;background:0 0;border:0}.dub-create-space .dub-title-display:focus-visible{outline:1px solid var(--dub-border-strong);outline-offset:6px}.dub-create-space .dub-title-input{box-sizing:border-box;border:0;border-bottom:1px solid var(--dub-border-strong);color:var(--dub-text);box-shadow:none;outline-offset:5px;background:0 0;border-radius:0}.dub-create-space .dub-form{gap:14px;margin-top:auto}.dub-create-space .dub-form button[type=submit]{width:100%;min-height:48px}.dub-create-space .dub-form-status{margin-top:2px}@media (max-width:960px){.dub-create-space .dub-workspace{padding-inline:22px}.dub-create-space .dub-grid{grid-template-columns:minmax(0,1fr)}.dub-create-space .dub-panel{min-height:auto}.dub-create-space .dub-passkey-panel{min-height:240px}}@media (max-width:640px){.dub-create-space .dub-workspace{padding-inline:14px;padding-bottom:32px}.dub-create-space .dub-topbar{min-height:84px}.dub-create-space .dub-grid{gap:10px;padding-top:12px}.dub-create-space .dub-passkey-panel,.dub-create-space .dub-form-card{padding:22px}.dub-create-space .dub-title-display,.dub-create-space .dub-title-input{margin-bottom:22px;font-size:clamp(32px,9vw,42px)}}:root{--dub-page-gutter:clamp(12px, 2.2vw, 32px);--dub-layout-gap:clamp(10px, 1.5vw, 18px)}html{-webkit-text-size-adjust:100%;min-width:0;min-height:100%}*,:before,:after{box-sizing:border-box}body{min-width:0;min-height:100dvh;margin:0}.dub-shell{overflow-wrap:anywhere;min-width:0;min-height:100dvh}.dub-workspace,.dub-grid,.dub-panel,.dub-editor,.dub-form{min-width:0}.dub-workspace{padding-inline:var(--dub-page-gutter)}.dub-grid{gap:var(--dub-layout-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.dub-grid>*,.dub-profile>*,.dub-audio-head>*{min-width:0}.dub-panel{overflow-wrap:anywhere}.dub-panel-hero h2{font-size:clamp(2rem,5vw,5.5rem)}.dub-editor{max-height:100dvh;padding-bottom:max(24px, env(safe-area-inset-bottom));overscroll-behavior:contain}.dub-form input,.dub-form textarea,.dub-form select,.dub-control input[type=text]{max-width:100%}@media (max-width:960px){.dub-grid,.dub-create-space .dub-grid{grid-template-columns:minmax(0,1fr)}.dub-workspace,.dub-create-space .dub-workspace{padding-inline:clamp(14px,3vw,22px)}}@media (max-width:640px){.dub-rail{width:52px}.dub-workspace{padding-inline:12px;padding-bottom:max(20px, env(safe-area-inset-bottom));margin-left:52px}.dub-topbar{gap:12px;min-height:68px}.dub-topbar h1{overflow-wrap:anywhere;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1}.dub-panel-hero{min-height:clamp(260px,52svh,420px);padding:clamp(18px,5vw,28px)}.dub-panel-hero h2{font-size:clamp(2rem,10vw,3.5rem)}.dub-panel-audio,.dub-profile,.dub-archive{padding:clamp(16px,4vw,24px)}.dub-profile{grid-template-columns:minmax(72px,.35fr) minmax(0,1fr);gap:12px}.dub-profile-media{min-height:140px}.dub-stats{flex-wrap:wrap;gap:12px 20px}.dub-editor{border-left:0;border-top:1px solid var(--dub-border);border-radius:14px 14px 0 0;width:100%;max-height:min(88dvh,720px);inset:auto 0 0}.dub-create-space .dub-workspace{padding-inline:12px;padding-bottom:max(20px, env(safe-area-inset-bottom));margin-left:52px}.dub-create-space .dub-topbar{min-height:72px}.dub-create-space .dub-grid{grid-template-columns:minmax(0,1fr)}.dub-create-space .dub-passkey-panel,.dub-create-space .dub-form-card{padding:18px}}@media (max-height:700px) and (min-width:641px){.dub-topbar{min-height:72px}.dub-panel-hero{min-height:340px}.dub-workspace{padding-bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dub-create-space .dub-workspace{flex-direction:column;justify-content:center;min-height:100dvh;padding-top:clamp(16px,3vh,36px);padding-bottom:clamp(16px,3vh,36px);display:flex}.dub-create-space .dub-topbar,.dub-create-space .dub-grid{flex:none;width:100%}@media (max-width:960px){.dub-create-space .dub-workspace{justify-content:center;min-height:100dvh}}@media (max-width:640px){.dub-create-space .dub-workspace{min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom))}}.dub-create-space .dub-workspace{justify-content:safe center;min-height:100dvh}@media (min-width:961px) and (min-height:700px){.dub-create-space .dub-workspace{padding-top:0;padding-bottom:0}}.dub-shell.dub-create-space{min-height:100dvh}.dub-create-space>.dub-workspace{grid-template-rows:auto auto;place-content:center stretch;row-gap:0;min-height:100dvh;padding-block:clamp(16px,3vh,36px);display:grid}.dub-create-space>.dub-workspace>.dub-topbar{align-self:end}.dub-create-space>.dub-workspace>.dub-grid{align-self:start}@media (min-width:961px) and (min-height:700px){.dub-create-space>.dub-workspace{padding-block:0}}@media (max-width:640px){.dub-create-space>.dub-workspace{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom))}}.dub-shell:not(.dub-create-space)>.dub-workspace{flex-direction:column;justify-content:center;min-height:100dvh;padding-top:clamp(16px,3vh,36px);padding-bottom:clamp(16px,3vh,36px);display:flex}.dub-shell:not(.dub-create-space)>.dub-workspace>.dub-topbar,.dub-shell:not(.dub-create-space)>.dub-workspace>.dub-grid{flex:none;width:100%}@media (max-width:640px){.dub-shell:not(.dub-create-space)>.dub-workspace{min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom))}}