body,html{margin:0;padding:0;height:100%;width:100%;background-color:#000000;color:#ffffff;font-family:Pretendard,-apple-system,system-ui,sans-serif;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000000}::-webkit-scrollbar-thumb{background:#333333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444444}*{scrollbar-width:thin;scrollbar-color:#333333 #000000;scrollbar-color:#222222 #0a0a0a}.main-container{display:flex;flex-direction:row;gap:30px;width:100vw;height:100vh;max-width:100%;justify-content:center;padding:40px 20px;box-sizing:border-box;overflow:hidden}.grid-container{display:flex;flex-wrap:wrap;flex:0 1 auto;max-width:78vh;max-height:78vh;aspect-ratio:1/1;min-width:0;margin:0}.grid-container.classic-layout,.grid-container[data-size="5x5"]{max-width:calc(100vh - 80px);max-height:calc(100vh - 80px)}.grid-container:not(.classic-layout){display:grid!important}.grid-container.classic-layout{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:0;aspect-ratio:auto}.grid-item{position:relative;background-color:#111;overflow:hidden;cursor:pointer;border-radius:2px}.grid-container:not(.classic-layout) .grid-item{width:100%;aspect-ratio:1/1;align-self:start}.grid-item.large{width:20%}.grid-item.large,.grid-item.medium{aspect-ratio:1/1;box-sizing:border-box;padding:2px}.grid-item.medium{width:16.6666%}.grid-item.small{width:10%;aspect-ratio:1/1;box-sizing:border-box;padding:2px}.classic-layout .grid-item{flex-grow:0;flex-shrink:0}.grid-item iframe,.grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.player-host{position:absolute;inset:0;z-index:0}.player-host iframe{width:100%;height:100%;border:0}.list-container{flex:0 0 350px;max-height:100%;overflow-y:auto;padding-left:10px}#track-list{margin:0;padding:0;list-style:none;counter-reset:track}#track-list li{margin-bottom:12px;counter-increment:track;display:flex;align-items:center;border-bottom:1px solid #111;padding-bottom:12px}#track-list li:before{content:counter(track);color:#444;font-weight:400;width:30px;font-size:.9em}#track-list li a{color:#eee;text-decoration:none;font-size:.95em;font-weight:300;display:block;width:100%;text-align:left;white-space:normal;word-break:break-all;line-height:1.4;padding-right:10px}#track-list li a:hover{color:#3ea6ff}.empty-li{color:#222}.topster-action-stack{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(520px,calc(100vw - 28px));pointer-events:none}.play-help-text{margin:0;color:#8a8a8a;line-height:1.45;text-align:center;text-wrap:balance;padding:7px 10px;box-sizing:border-box}.create-topster-link,.play-help-text{background:rgba(0,0,0,.72);border:1px solid #151515;border-radius:4px}.create-topster-link{color:#777;font-size:12px;line-height:1;text-decoration:none;padding:6px 8px;pointer-events:auto}.create-topster-link:hover{color:#fff;border-color:#333}.boot-state,.landing-state{width:100vw;min-height:100vh;background:#000}.landing-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box}.landing-copy{width:min(680px,100%)}.landing-kicker{margin:0 0 12px;color:#777;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.landing-copy h1{margin:0;color:#fff;font-size:clamp(34px,7vw,64px);line-height:1.08;letter-spacing:0}.landing-copy p{max-width:580px;margin:18px 0 0;color:#aaa;font-size:16px;line-height:1.7}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.landing-primary-link,.landing-secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;box-sizing:border-box}.landing-primary-link{background:#fff;color:#000}.landing-secondary-link{background:#111;color:#eee;border:1px solid #242424}.landing-primary-link:hover{background:#ddd}.landing-secondary-link:hover{border-color:#444;color:#fff}.help-page{position:fixed;inset:0;z-index:30;overflow-y:auto;background:#000;color:#fff;padding:44px 20px 60px;box-sizing:border-box}.help-hero,.help-section{width:min(820px,100%);margin:0 auto}.help-hero{padding:8px 0 34px;border-bottom:1px solid #141414}.help-kicker{margin:0 0 10px;color:#777;font-size:12px;text-transform:uppercase}.help-hero h1{margin:0;max-width:780px;font-size:clamp(31px,6vw,56px);line-height:1.08;font-weight:700;letter-spacing:0}.help-hero p{max-width:680px;margin:18px 0 0;color:#b8b8b8;font-size:16px;line-height:1.7}.help-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.help-primary-link,.help-secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;box-sizing:border-box}.help-primary-link{background:#fff;color:#000}.help-primary-link:hover{background:#ddd}.help-secondary-link{color:#eee;background:#111;border:1px solid #242424}.help-secondary-link:hover{color:#fff;border-color:#444}.help-section{padding-top:36px}.help-section h2{margin:0 0 18px;color:#fff;font-size:18px;line-height:1.3}.help-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.help-step{border:1px solid #181818;border-radius:8px;background:#090909;padding:18px;box-sizing:border-box}.help-step-index{display:block;margin-bottom:18px;color:#4d4d4d;font-size:12px;font-weight:700}.help-step h3{margin:0 0 10px;color:#fff;font-size:15px;line-height:1.35}.help-note p,.help-step p{margin:0;color:#aaa;font-size:14px;line-height:1.7}.help-update-box{border:1px solid #181818;border-radius:8px;background:#090909;padding:18px}.help-update-box p{margin:0;color:#aaa;font-size:14px;line-height:1.7}.help-update-box p+p{margin-top:6px}.help-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.help-platform-grid div{min-height:132px;border:1px solid #181818;border-radius:8px;background:#090909;padding:18px;box-sizing:border-box}.help-platform-grid strong{display:block;margin-bottom:10px;color:#fff;font-size:15px;line-height:1.35}.help-platform-grid span{display:block;color:#aaa;font-size:14px;line-height:1.7}.help-output-list{border-top:1px solid #151515}.help-output-row{display:grid;grid-template-columns:110px 1fr;grid-gap:18px;gap:18px;align-items:start;padding:14px 0;border-bottom:1px solid #151515}.help-output-row strong{color:#fff;font-size:14px;line-height:1.5}.help-output-row span{color:#aaa;font-size:14px;line-height:1.6}.help-note{padding-bottom:40px}.help-guide-link{margin-top:16px}.help-animate{animation:help-rise .36s ease-out both}.help-animate:nth-of-type(2){animation-delay:40ms}.help-animate:nth-of-type(3){animation-delay:80ms}.help-animate:nth-of-type(4){animation-delay:.12s}.help-animate:nth-of-type(5){animation-delay:.16s}.help-animate:nth-of-type(6){animation-delay:.2s}@keyframes help-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){body,html{overflow:hidden}.main-container{flex-direction:column;height:100dvh;padding:max(10px,env(safe-area-inset-top)) 5px env(safe-area-inset-bottom);gap:5px;justify-content:flex-start;align-items:center}.grid-container{flex:0 0 auto;width:100vw;max-width:100vw;aspect-ratio:1/1;height:auto}.list-container{flex:1 1;width:100%;max-width:100%;padding:10px 10px 78px;box-sizing:border-box;overflow-y:auto;max-height:none!important}.topster-action-stack{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);gap:5px}.create-topster-link,.play-help-text{font-size:11px}.play-help-text{padding:6px 8px}.landing-state{align-items:flex-start;padding:34px 16px}.landing-copy h1{font-size:34px;line-height:1.14}.landing-copy p{font-size:15px;line-height:1.68}.landing-actions{display:grid;grid-template-columns:1fr}#track-list li{padding-bottom:8px;margin-bottom:8px}.help-page{padding:26px 16px 48px}.help-hero h1{font-size:30px;line-height:1.14}.help-hero p{font-size:15px;line-height:1.68}.help-cta-row{display:grid;grid-template-columns:1fr}.help-primary-link,.help-secondary-link{width:100%}.help-platform-grid,.help-step-list{grid-template-columns:1fr}.help-platform-grid div{min-height:auto}.help-output-row{grid-template-columns:1fr;gap:4px}}.playlist-import-form{margin-top:28px;padding:18px;border:1px solid #1b1b1b;border-radius:8px;background:#080808;box-sizing:border-box}.playlist-import-form>label,.playlist-layout-row label{display:block;color:#ddd;font-size:13px;font-weight:700;margin-bottom:8px}.playlist-import-form input,.playlist-import-form select{width:100%;min-height:42px;border:1px solid #292929;border-radius:6px;background:#111;color:#fff;padding:0 12px;font:inherit;box-sizing:border-box;outline:none}.playlist-import-form input:focus,.playlist-import-form select:focus{border-color:#555}.playlist-layout-row{margin-top:14px}.playlist-import-button{width:100%;min-height:42px;margin-top:14px;border:0;border-radius:6px;background:#fff;color:#000;font-size:14px;font-weight:700;cursor:pointer}.playlist-import-button:disabled{opacity:.55;cursor:wait}.landing-copy .playlist-import-status{margin:10px 0 0;color:#b8b8b8;font-size:13px;line-height:1.5}.landing-copy .landing-extension-note{margin:14px 0 0;color:#777;font-size:13px;line-height:1.6}.playlist-helper-wrap{display:flex;justify-content:center;margin-top:14px}.playlist-helper-player{width:240px;height:240px;max-width:100%;background:#000;overflow:hidden}.playlist-helper-player iframe{width:240px;height:240px;max-width:100%;border:0}.playback-status{pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;max-width:100%;padding:7px 10px;border:1px solid #2a2a2a;border-radius:4px;background:rgba(10,10,10,.94);color:#ddd;font-size:12px;line-height:1.4;text-align:center;box-sizing:border-box}.playback-status-actions{display:inline-flex;gap:5px}.playback-status button{border:1px solid #3a3a3a;border-radius:4px;background:#161616;color:#fff;padding:4px 7px;font:inherit;cursor:pointer}.playback-status button:hover{border-color:#666}@media (max-width:850px){.landing-state{height:100dvh;overflow-y:auto}.playlist-import-form{padding:15px}.playback-status{font-size:11px}}@media (pointer:coarse) and (hover:none){body,html{width:100%;height:100svh;max-height:100svh;overflow:hidden;align-items:stretch;justify-content:flex-start}body{position:relative}.main-container{flex-direction:column;width:100%;max-width:100%;height:100svh;max-height:100svh;min-height:0;padding:max(10px,env(safe-area-inset-top)) 5px max(10px,env(safe-area-inset-bottom));gap:5px;justify-content:flex-start;align-items:center;overflow:hidden}.grid-container{flex:0 0 auto;width:100%;max-width:100%;max-height:none;min-width:0}.grid-container:not(.classic-layout){height:auto;aspect-ratio:1/1}.grid-container.classic-layout,.grid-container[data-size="5x5"]{max-width:100%;max-height:none}.list-container{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;max-height:none!important;padding:10px 10px max(88px,calc(env(safe-area-inset-bottom) + 78px));box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}#track-list li{padding-bottom:8px;margin-bottom:8px}.topster-action-stack{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);gap:5px}.create-topster-link,.play-help-text,.playback-status{font-size:11px}.play-help-text{padding:6px 8px}.landing-state{width:100%;min-height:100svh;height:100svh;align-items:flex-start;padding:max(24px,env(safe-area-inset-top)) 16px max(30px,env(safe-area-inset-bottom));overflow-y:auto}.landing-actions{display:grid;grid-template-columns:1fr}.playlist-import-form{padding:15px}}.web-topster-result{margin-top:14px;padding:18px;border:1px solid #242424;border-radius:8px;background:#0a0a0a;box-sizing:border-box}.web-topster-result-heading{color:#fff;font-size:16px;font-weight:700}.landing-copy .web-topster-result-note,.landing-copy .web-topster-result-summary{margin:7px 0 0;color:#888;font-size:13px;line-height:1.55}.web-topster-result-label{display:block;margin:16px 0 8px;color:#ccc;font-size:12px;font-weight:700}.web-topster-result-link{width:100%;min-height:42px;padding:0 12px;border:1px solid #292929;border-radius:6px;background:#111;color:#ddd;font:inherit;font-size:13px;box-sizing:border-box;outline:none}.web-topster-result-link:focus{border-color:#555}.web-topster-result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:12px}.web-output-primary,.web-output-reset,.web-output-secondary{min-height:40px;border-radius:6px;font-size:13px;font-weight:700;box-sizing:border-box;cursor:pointer;text-decoration:none}.web-output-primary,.web-output-secondary{display:inline-flex;align-items:center;justify-content:center;padding:0 10px}.web-output-primary{background:#fff;color:#000;border:1px solid #fff}.web-output-secondary{background:#151515;color:#eee;border:1px solid #292929}.web-output-reset:hover,.web-output-secondary:hover{border-color:#4b4b4b}.web-output-secondary:disabled{opacity:.6;cursor:wait}.web-output-reset{width:100%;margin-top:12px;background:transparent;color:#777;border:1px solid #1e1e1e}@media (max-width:850px),(pointer:coarse) and (hover:none){.web-topster-result{padding:15px}.web-topster-result-actions{grid-template-columns:1fr 1fr}.web-output-primary{grid-column:1/-1}}:root{color-scheme:dark;--paper:#f2f2f2;--muted:#969696;--line:#303030;--accent:#f5f5f5}*{box-sizing:border-box}body,html{display:block;height:auto;min-height:100%;max-height:none;overflow:auto;background:#090909;color:var(--paper)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#__next{width:100%;min-height:100svh}button,input,select,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}.button-row a,button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#202020;color:var(--paper);cursor:pointer;text-decoration:none}.button-row a:hover,button:hover{border-color:#707070}button:disabled{opacity:.4;cursor:default}a.listen-link,button.primary{font-weight:750}a.listen-link,button.primary,button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111111}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit}.studio{width:min(1280px,100%);margin:auto;padding:0 48px}.player-header,.site-header{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;text-decoration:none;font-size:18px;font-weight:850;letter-spacing:-.9px;white-space:nowrap}.wordmark span{color:#a6a6a6}.wordmark i{width:8px;height:8px;margin-left:7px;border-radius:50%;background:var(--accent)}.site-header nav{display:flex;gap:24px;color:#bababa;font-size:13px}.site-header nav a{text-decoration:none;padding:12px 0}.studio-hero{display:flex;align-items:flex-end;justify-content:space-between;padding:60px 0 48px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--accent)}.studio-hero h1{font-size:clamp(38px,4.6vw,60px);letter-spacing:-2.8px;line-height:1.18;margin:22px 0;font-weight:750}.studio-hero h1 span{color:var(--accent)}.studio-hero p:not(.eyebrow){color:#aaaaaa;font-size:15px;line-height:1.8;margin-bottom:0}.hero-note{display:flex;flex-direction:column;gap:14px;color:#828282;font-size:10px;letter-spacing:1.8px;padding-bottom:5px}.studio-columns{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}.editor-panel,.preview-panel{border:1px solid var(--line);border-radius:14px;background:#131313;padding:26px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.section-heading h2{font-size:16px;letter-spacing:-.4px;margin:0}.badge{font-size:9px;letter-spacing:1px;color:#b8b8b8;white-space:nowrap}.editor-panel label,.share-panel label{display:block;font-size:12px;color:#b9b9b9;margin:0 0 10px}.share-panel input,textarea{width:100%;background:#0c0c0c;color:var(--paper);border:1px solid #3f3f3f;border-radius:8px;padding:13px;line-height:1.6;font-size:14px}textarea{resize:vertical;min-height:105px}textarea::placeholder{color:#878787}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.button-row .muted{font-size:11px;margin-left:6px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.layout-picker{display:flex;gap:6px;flex-wrap:wrap;margin-top:28px}.layout-picker button{flex:1 1;padding:8px;font-size:12px;white-space:nowrap}.status-message{font-size:12px;line-height:1.7;color:#c4c4c4;min-height:20px;overflow-wrap:anywhere}.editor-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.editor-tools button{padding:8px 10px;font-size:11px;background:transparent}.edit-tracks{list-style:none;margin:14px 0 0;padding:0}.edit-tracks li{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #313131;flex-wrap:wrap}.track-number{width:20px;color:#a9a9a9;font-size:11px}.edit-tracks img{width:38px;height:38px;object-fit:cover;border-radius:4px}.edit-tracks a{font-size:11px;text-decoration:none;flex:1 1;overflow-wrap:anywhere}.edit-tracks .time-field{margin:0;display:flex;align-items:center;gap:3px;font-size:10px}.time-field input{width:64px;min-height:44px;background:#0c0c0c;border:1px solid #3e3e3e;color:#e2e2e2;border-radius:6px;padding:4px;font-size:12px}.track-tools{display:flex;gap:3px}.track-tools button{min-width:34px;padding:6px}.empty-state{text-align:center;padding:46px 4px 26px;color:#c8c8c8;font-size:14px}.empty-state p{color:#939393;font-size:12px;line-height:1.7}.empty-state button{margin-top:10px;font-size:12px}.editor-grid{display:grid;grid-gap:3px;gap:3px;width:100%;background:#090909;padding:5px;border:1px solid #3d3d3d}.editor-grid>div{aspect-ratio:1;min-width:0;background:#1b1b1b;display:flex;align-items:center;justify-content:center;overflow:hidden}.editor-grid>div:nth-child(3n+2){background:#202020}.editor-grid>div:nth-child(3n){background:#252525}.editor-grid span{color:#737373;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.editor-grid img{width:100%;height:100%;object-fit:cover}.editor-grid.editor-classic{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.editor-classic .tier-large{width:20%}.editor-classic .tier-medium{width:16.66666%}.editor-classic .tier-small{width:10%}.preview-caption{text-align:center;color:#a0a0a0;line-height:1.8;font-size:12px;margin:28px 0 12px}.listen-link{display:flex;justify-content:space-between;padding:16px;border-radius:8px;margin-top:16px;text-decoration:none;font-size:14px}.share-panel{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.share-panel .section-heading{align-items:start;margin-bottom:10px;flex-wrap:wrap}.share-panel h2{font-size:15px}.share-panel input{font-size:12px}.share-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:10px;color:#9e9e9e;margin-top:7px}.share-panel button{font-size:12px;padding:10px 12px}.secondary-actions button{background:transparent;color:#cacaca}.share-panel details{font-size:11px;color:#aeaeae;line-height:1.8}summary{cursor:pointer;padding:12px 0}.studio-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:32px 0 42px;color:#939393;font-size:10px;letter-spacing:1px}.studio-footer a{letter-spacing:0;text-decoration:none}.import-player{margin:16px auto;width:240px;height:240px}.import-player[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.player-header{max-width:1200px;margin:auto;padding:0 24px;min-height:82px}.player-header .button-row{margin:0;font-size:12px}.player-share{max-width:800px;margin:0 auto;padding:0 24px 20px}.main-container{height:auto;max-width:1200px;margin:0 auto;padding:32px 24px;align-items:flex-start;gap:28px}.grid-container,.main-container{max-height:none;overflow:visible}.grid-container{max-width:670px;width:100%}.grid-container.classic-layout,.grid-container[data-size="5x5"]{max-width:670px;max-height:none}.grid-container:not(.classic-layout){height:auto;aspect-ratio:auto;align-content:start;align-items:start}.active-cover{outline:3px solid var(--accent);outline-offset:-3px}.list-container{max-height:none!important;min-width:250px;flex:0 0 330px;padding:0;overflow:visible}.video-dock{width:100%;height:210px;background:#080808;margin-bottom:24px}.video-dock[hidden]{display:none}#track-list li{min-height:44px;margin-bottom:4px;padding:8px;border-bottom-color:var(--line)}#track-list li a{font-size:13px}#track-list li:before{color:#a7a7a7}.topster-action-stack{position:static;transform:none;width:auto;max-width:1100px;margin:0 auto;padding:8px 24px 150px;align-items:flex-start}.play-help-text{background:transparent;color:#9e9e9e;text-align:left;font-size:12px;padding:0}.transport{position:fixed;z-index:20;bottom:0;left:0;right:0;min-height:94px;padding:14px max(24px,calc((100vw - 1152px) / 2)) max(14px,env(safe-area-inset-bottom));background:#191919f5;border-top:1px solid #555555;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:20px}.now-playing{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:7px}.now-playing strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.transport-buttons{display:flex;gap:6px}.transport-buttons button{padding:8px 12px;min-width:44px}.seek-control{display:flex;align-items:center;gap:8px;width:160px;font-size:11px}.seek-control input{width:100%;accent-color:var(--accent);min-width:0;min-height:44px}.youtube-link{font-size:11px;white-space:nowrap}.error-page{padding:60px 24px;max-width:600px;margin:auto;line-height:1.8}.help-page{height:auto;min-height:100svh;overflow:visible}@media (max-width:850px),(pointer:coarse) and (hover:none){body,html{height:auto;max-height:none;min-height:100svh;overflow:auto}.studio{padding:0 20px}.site-header{min-height:76px}.studio-hero{padding:38px 0 32px}.hero-note{display:none}.studio-columns{grid-template-columns:1fr;gap:20px}.editor-panel,.preview-panel{padding:20px}.studio-hero h1{font-size:44px}.share-panel input,textarea{font-size:16px}.main-container{flex-direction:column;height:auto;max-height:none;overflow:visible;padding:20px;gap:28px}.grid-container,.grid-container.classic-layout,.grid-container[data-size="5x5"]{width:100%;max-width:670px;max-height:none;flex:none}.list-container{flex:none;width:100%;max-width:670px;max-height:none!important;overflow:visible;padding:0}.player-header{padding:max(8px,env(safe-area-inset-top)) 20px 8px}.player-header .wordmark{font-size:15px}.player-header .button-row{gap:5px}.player-header .button-row a,.player-header button{padding:10px}.topster-action-stack{position:static;transform:none;padding:0 20px 210px;margin:0;width:100%}.transport{padding:12px 20px max(12px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 12px}.now-playing{flex-basis:calc(100% - 210px)}.now-playing .eyebrow{font-size:8px}.transport-buttons{margin-left:auto}.transport-buttons button{padding:8px}.seek-control{flex:1 1;width:auto}.video-dock{height:max(210px,56.25vw);max-height:360px}.track-tools button{min-width:44px}.edit-tracks .track-tools{margin-left:auto}.site-header nav{gap:14px;font-size:11px}}@media (max-width:380px){.studio{padding:0 14px}.editor-panel,.preview-panel{padding:16px}.studio-hero h1{font-size:38px}.edit-tracks .time-field{margin-left:auto}.edit-tracks .track-tools{width:100%;justify-content:flex-end}.transport{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}