@font-face{font-family:Inter;src:url('/vendor/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;}
#sx-creator-mobile { --sc-bg:light-dark(#f7f8fa,#15171b); --sc-surface:light-dark(#ffffff,#1c1f24); --sc-field:light-dark(#eef1f5,#24282f); --sc-hover:light-dark(#e5ebf4,#2c323c); --sc-line:light-dark(#dce2ea,#303640); --sc-text:light-dark(#182330,#eef2f7); --sc-secondary:light-dark(#536375,#aeb8c7); --sc-muted:light-dark(#617284,#8996a8); --sc-blue:light-dark(#1764cc,#77b2ff); --sc-fill:light-dark(#2777e2,#3e8df5); --sc-onblue:#fff; --sc-soft:light-dark(#e5efff,#20334c); --sc-green:light-dark(#287b56,#79d5a7); --sc-error:light-dark(#ae2947,#ff9bb0); color:var(--sc-text); font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; direction:ltr; }
#sx-creator-mobile * { box-sizing:border-box; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
#sx-creator-mobile input,#sx-creator-mobile textarea,#sx-creator-mobile [contenteditable=true] { -webkit-user-select:text; user-select:text; -webkit-touch-callout:default; }
#sx-creator-mobile [hidden] { display:none !important; }
#sx-creator-mobile .sc-stage { padding:20px 5px 0; }
#sx-creator-mobile .sc-phone { position:relative; max-width:410px; width:100%; margin:0 auto; background:var(--sc-bg); border:1px solid var(--sc-line); border-radius:28px; overflow:hidden; font-size:13px; line-height:1.5; box-shadow:0 12px 45px light-dark(#172e4810,#00000022); }
#sx-creator-mobile button,#sx-creator-mobile input,#sx-creator-mobile select { font:inherit; }
#sx-creator-mobile button { border:0; background:none; color:inherit; -webkit-tap-highlight-color:transparent; }
#sx-creator-mobile button:not(.sc-select-trigger):not(.sc-option):focus-visible { outline:2px solid var(--sc-blue); outline-offset:3px; }
#sx-creator-mobile input:focus-visible,#sx-creator-mobile select:focus-visible { outline:none; box-shadow:none; }
#sx-creator-mobile button:disabled { opacity:.45; }
#sx-creator-mobile svg { width:19px; height:19px; flex-shrink:0; stroke-width:1.7; }
#sx-creator-mobile .sc-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; min-height:63px; }
#sx-creator-mobile .sc-brand { display:flex; align-items:center; gap:8px; font-size:19px; letter-spacing:-.6px; font-weight:700; }
#sx-creator-mobile .sc-mark { display:flex; gap:3px; align-items:center; height:23px; }
#sx-creator-mobile .sc-mark b { display:block; background:var(--sc-fill); width:3px; border-radius:3px; }
#sx-creator-mobile .sc-mark b:nth-child(1),#sx-creator-mobile .sc-mark b:nth-child(5) { height:8px; }
#sx-creator-mobile .sc-mark b:nth-child(2),#sx-creator-mobile .sc-mark b:nth-child(4) { height:17px; }
#sx-creator-mobile .sc-mark b:nth-child(3) { height:24px; }
#sx-creator-mobile .sc-mobile { font-size:10px; text-transform:uppercase; letter-spacing:1.5px; font-weight:500; color:var(--sc-muted); }
#sx-creator-mobile .sc-header-actions { display:flex; align-items:center; gap:5px; }
#sx-creator-mobile button.sc-icon { width:40px; min-height:40px; padding:8px; border-radius:12px; display:grid; place-items:center; color:var(--sc-secondary); }
#sx-creator-mobile button.sc-avatar { width:32px; min-height:32px; padding:4px; margin-left:3px; border-radius:50%; background:var(--sc-soft); color:var(--sc-blue); font-size:12px; font-weight:600; }
#sx-creator-mobile .sc-auth { padding:48px 26px 23px; min-height:618px; }
#sx-creator-mobile .sc-auth h1 { font-size:27px; line-height:1.25; letter-spacing:-1px; font-weight:650; margin:0 0 10px; }
#sx-creator-mobile .sc-auth-copy { margin:0 0 29px; color:var(--sc-secondary); font-size:13px; line-height:1.7; max-width:280px; }
#sx-creator-mobile .sc-switch { display:grid; grid-template-columns:1fr 1fr; background:var(--sc-field); border-radius:12px; padding:4px; gap:4px; margin-bottom:26px; }
#sx-creator-mobile .sc-switch button { min-height:39px; border-radius:9px; color:var(--sc-secondary); font-size:12px; font-weight:500; }
#sx-creator-mobile .sc-switch button[aria-pressed=true] { background:var(--sc-surface); color:var(--sc-text); box-shadow:0 1px 6px #00000010; }
#sx-creator-mobile label.sc-label { display:block; color:var(--sc-secondary); font-size:12px; font-weight:500; margin:0 0 8px; }
#sx-creator-mobile .sc-phone-input { display:flex; gap:11px; align-items:center; padding:0 14px; min-height:52px; background:var(--sc-field); border:1px solid var(--sc-line); border-radius:12px; }
#sx-creator-mobile .sc-phone-input span { color:var(--sc-secondary); border-right:1px solid var(--sc-line); padding-right:12px; font-size:14px; }
#sx-creator-mobile .sc-phone-input input { width:100%; min-width:0; padding:10px 0; border:0; color:var(--sc-text); background:transparent; font-size:16px; }
#sx-creator-mobile .sc-input { width:100%; min-height:52px; background:var(--sc-field); border:1px solid var(--sc-line); border-radius:12px; color:var(--sc-text); padding:11px 14px; font-size:16px; }
#sx-creator-mobile .sc-input::placeholder,#sx-creator-mobile .sc-phone-input input::placeholder { color:var(--sc-muted); opacity:1; }
#sx-creator-mobile .sc-code { text-align:center; letter-spacing:10px; font-size:23px; padding-left:24px; }
#sx-creator-mobile .sc-helper { color:var(--sc-muted); font-size:11px; margin:11px 0 0; line-height:1.7; }
#sx-creator-mobile .sc-error { font-size:11px; color:var(--sc-error); min-height:21px; margin:9px 0 4px; }
#sx-creator-mobile button.sc-primary { min-height:49px; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; background:var(--sc-fill); color:var(--sc-onblue); border-radius:12px; padding:11px 14px; font-size:13px; font-weight:600; }
#sx-creator-mobile .sc-shared-account { margin-top:27px; padding-top:22px; border-top:1px solid var(--sc-line); display:flex; gap:10px; align-items:flex-start; }
#sx-creator-mobile .sc-shared-account svg { color:var(--sc-blue); margin-top:2px; }
#sx-creator-mobile .sc-shared-account strong { display:block; font-size:12px; font-weight:500; margin-bottom:5px; }
#sx-creator-mobile .sc-shared-account p { margin:0; color:var(--sc-muted); font-size:11px; line-height:1.7; }
#sx-creator-mobile .sc-auth-foot { text-align:center; font-size:10px; color:var(--sc-muted); padding:20px 0 0; }
#sx-creator-mobile button.sc-text { color:var(--sc-blue); min-height:36px; padding:6px 0; font-size:12px; }
#sx-creator-mobile .sc-library { min-height:575px; }
#sx-creator-mobile .sc-discovery { padding:0 16px 10px; }
#sx-creator-mobile .sc-categories { position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:0 0 10px; margin-bottom:4px; }
#sx-creator-mobile .sc-category-indicator { position:absolute; top:0; left:0; width:calc((100% - 9px) / 4); height:calc(100% - 10px); border-radius:9px; background:var(--sc-soft); box-shadow:inset 0 0 0 1px light-dark(#2777e224,#77b2ff28); transform:translateX(calc(var(--sc-tab-shift,0%) + var(--sc-tab-gap,0px))); pointer-events:none; }
#sx-creator-mobile .sc-categories button { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:4px; min-height:34px; border-radius:9px; font-size:12px; font-weight:500; color:var(--sc-muted); transition:color .18s ease; }
#sx-creator-mobile .sc-categories button[aria-pressed=true] { color:var(--sc-blue); font-weight:600; }
@media(pointer:coarse) { #sx-creator-mobile .sc-category-indicator { height:calc(100% - 5px); } }
#sx-creator-mobile .sc-categories svg { width:16px; height:16px; }
#sx-creator-mobile .sc-searchbar { display:grid; grid-template-columns:minmax(0,1fr) 36px; align-items:center; gap:7px; }
#sx-creator-mobile .sc-search { display:flex; gap:8px; align-items:center; border:1px solid var(--sc-line); border-radius:9px; background:var(--sc-surface); min-height:36px; padding:0 10px; color:var(--sc-muted); }
#sx-creator-mobile .sc-search>svg { width:16px; height:16px; }
#sx-creator-mobile .sc-search input { min-width:0; width:100%; padding:7px 0; background:transparent; color:var(--sc-text); border:0; font-size:12px; }
#sx-creator-mobile .sc-search input::placeholder { color:var(--sc-muted); opacity:1; }
#sx-creator-mobile .sc-search button { display:grid; place-items:center; width:28px; min-height:30px; }
#sx-creator-mobile .sc-search button.sc-clear-filters { flex-shrink:0; width:auto; min-width:44px; padding:0 0 0 9px; border-left:1px solid var(--sc-line); color:var(--sc-blue); font-size:11px; font-weight:500; }
@media(pointer:coarse) { #sx-creator-mobile .sc-search button.sc-clear-filters { min-height:42px; } }
#sx-creator-mobile .sc-filter-trigger { position:relative; width:36px; height:36px; display:grid; place-items:center; color:var(--sc-secondary); background:var(--sc-field); border:1px solid var(--sc-line); border-radius:9px; }
#sx-creator-mobile .sc-filter-trigger.sc-active { color:var(--sc-blue); background:var(--sc-soft); border-color:var(--sc-line); }
#sx-creator-mobile .sc-filter-trigger b { position:absolute; top:-4px; right:-4px; width:15px; height:15px; display:grid; place-items:center; background:var(--sc-fill); color:var(--sc-onblue); border-radius:50%; font-size:10px; font-weight:500; }
#sx-creator-mobile .sc-filterbar { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr); gap:6px; margin-top:7px; }
#sx-creator-mobile .sc-filterbar[data-category=sfx] { grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.1fr); }
#sx-creator-mobile .sc-filterbar .sc-select .sc-select-trigger { height:31px; min-height:31px; background:transparent; border-color:var(--sc-line); border-radius:7px; font-size:11px; padding:5px 24px 5px 9px; }
#sx-creator-mobile .sc-filterbar .sc-select .sc-select-trigger.sc-has-value { background:var(--sc-soft); color:var(--sc-blue); border-color:var(--sc-line); }
#sx-creator-mobile .sc-tools { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(0,1fr); gap:7px; margin-top:9px; }
#sx-creator-mobile .sc-tools button,#sx-creator-mobile .sc-tools select { min-height:39px; min-width:0; border:1px solid var(--sc-line); background:var(--sc-bg); color:var(--sc-secondary); border-radius:10px; padding:7px 9px; font-size:11px; }
#sx-creator-mobile .sc-tools select { width:100%; text-overflow:ellipsis; }
#sx-creator-mobile .sc-tools button { display:flex; align-items:center; justify-content:center; gap:5px; }
#sx-creator-mobile .sc-tools button.sc-active { color:var(--sc-blue); border-color:var(--sc-blue); }
#sx-creator-mobile .sc-tools svg { width:15px; height:15px; }
#sx-creator-mobile .sc-music-modes { display:flex; gap:19px; margin-top:13px; }
#sx-creator-mobile .sc-music-modes button { padding:0 0 7px; min-height:30px; font-size:11px; color:var(--sc-muted); border-bottom:2px solid transparent; }
#sx-creator-mobile .sc-music-modes button[aria-pressed=true] { color:var(--sc-text); border-bottom-color:var(--sc-fill); }
#sx-creator-mobile .sc-music-modes button span { background:var(--sc-soft); color:var(--sc-blue); padding:2px 4px; margin-left:4px; border-radius:4px; font-size:10px; }
#sx-creator-mobile .sc-resultbar { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; margin:0 17px; border-top:1px solid var(--sc-line); font-size:11px; color:var(--sc-muted); }
#sx-creator-mobile .sc-resultbar select { max-width:130px; border:0; font-size:11px; color:var(--sc-secondary); background:var(--sc-bg); padding:6px 0 6px 6px; }
#sx-creator-mobile .sc-tracks { padding:0 16px 116px; }
#sx-creator-mobile .sc-list-viewport { position:relative; overflow:hidden; min-height:110px; --sc-list-pull:0px; }
#sx-creator-mobile .sc-list-viewport .sc-tracks { transform:translateY(var(--sc-list-pull)); transition:transform .25s cubic-bezier(.22,.8,.25,1); }
#sx-creator-mobile .sc-list-viewport.sc-list-pulling .sc-tracks { transition:none; }
#sx-creator-mobile .sc-pull-status { position:absolute; top:0; left:0; right:0; height:48px; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--sc-muted); font-size:11px; pointer-events:none; }
#sx-creator-mobile .sc-pull-status svg { width:16px; height:16px; color:var(--sc-blue); }
#sx-creator-mobile .sc-list-refreshing .sc-pull-status svg { animation:sc-refresh-spin .8s linear infinite; }
@keyframes sc-refresh-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { #sx-creator-mobile .sc-list-viewport .sc-tracks { transition:none; } #sx-creator-mobile .sc-list-refreshing .sc-pull-status svg { animation:none; } }
#sx-creator-mobile .sc-track { display:grid; grid-template-columns:34px minmax(0,1fr) 100px; align-items:center; gap:8px; border:0; border-bottom:1px solid var(--sc-line); background:transparent; border-radius:0; padding:10px 0; margin:0; }
#sx-creator-mobile .sc-track.sc-selected { background:var(--sc-soft); box-shadow:-4px 0 var(--sc-fill); }
#sx-creator-mobile .sc-track-top { display:contents; }
#sx-creator-mobile .sc-track-info { min-width:0; flex:1; }
#sx-creator-mobile button.sc-track-play { width:34px; height:36px; min-height:36px; flex:0 0 auto; display:grid; place-items:center; background:var(--sc-soft); color:var(--sc-blue); border-radius:8px; }
#sx-creator-mobile .sc-track-name { display:flex; gap:7px; align-items:baseline; justify-content:space-between; }
#sx-creator-mobile .sc-track-name h2 { font-size:13px; font-weight:600; line-height:1.4; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#sx-creator-mobile .sc-track-name time { font-size:11px; font-variant-numeric:tabular-nums; color:var(--sc-muted); flex-shrink:0; }
#sx-creator-mobile .sc-meta { color:var(--sc-secondary); font-size:11px; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#sx-creator-mobile .sc-meta span+span::before { content:'·'; padding-right:6px; color:var(--sc-muted); }
#sx-creator-mobile .sc-tags { display:flex; align-items:center; gap:6px; margin-top:3px; flex-wrap:wrap; }
#sx-creator-mobile .sc-tags span { color:var(--sc-muted); font-size:11px; }
#sx-creator-mobile .sc-tags button { display:flex; align-items:center; gap:3px; color:var(--sc-blue); background:transparent; border-radius:4px; padding:2px 0; font-size:11px; }
#sx-creator-mobile .sc-tags button svg { width:12px; height:12px; }
#sx-creator-mobile .sc-track-actions { display:flex; justify-content:flex-end; align-items:center; gap:2px; padding:0; margin:0; border:0; }
#sx-creator-mobile .sc-track-actions button { display:grid; place-items:center; width:32px; min-width:32px; min-height:36px; border-radius:7px; padding:0; color:var(--sc-muted); }
#sx-creator-mobile .sc-track-actions svg { width:17px; height:17px; }
#sx-creator-mobile .sc-track-actions button.sc-download { background:transparent; color:var(--sc-blue); margin:0; }
#sx-creator-mobile .sc-track-actions button.sc-fixed-format { display:flex; flex-direction:column; justify-content:center; gap:1px; }
#sx-creator-mobile .sc-download-format { font-size:10px; line-height:1; font-weight:500; }
#sx-creator-mobile .sc-track-actions button[aria-pressed=true] { color:var(--sc-blue); }
#sx-creator-mobile .sc-track-actions button[aria-pressed=true] svg { fill:var(--sc-soft); }
#sx-creator-mobile .sc-panel-title { padding:14px 17px 18px; }
#sx-creator-mobile .sc-panel-title h1 { font-size:23px; letter-spacing:-.6px; margin:0 0 6px; font-weight:600; }
#sx-creator-mobile .sc-panel-title p { font-size:12px; color:var(--sc-muted); margin:0; }
#sx-creator-mobile .sc-footer { position:relative; border-top:1px solid var(--sc-line); background:var(--sc-surface); }
#sx-creator-mobile .sc-nav { position:relative; z-index:6; background:var(--sc-surface); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:11px 5px 15px; gap:3px; }
#sx-creator-mobile .sc-nav button { display:flex; align-items:center; flex-direction:column; gap:5px; color:var(--sc-muted); font-size:10px; min-height:43px; }
#sx-creator-mobile .sc-nav button[aria-current=page] { color:var(--sc-blue); }
#sx-creator-mobile .sc-player { position:absolute; left:0; right:0; bottom:100%; z-index:5; padding:11px 15px 12px; border-top:1px solid var(--sc-line); background:var(--sc-bg); transform:translateY(0); opacity:1; transition:transform .32s cubic-bezier(.22,.7,.25,1),opacity .24s ease; }
#sx-creator-mobile .sc-player.is-tucked { transform:translateY(100%); opacity:0; pointer-events:none; }
#sx-creator-mobile .sc-player-reveal { position:absolute; z-index:7; bottom:100%; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; width:48px; height:26px; background:var(--sc-surface); color:var(--sc-blue); border:1px solid var(--sc-line); border-bottom:0; border-radius:10px 10px 0 0; }
#sx-creator-mobile .sc-player-reveal svg { width:18px; height:18px; }
@media(pointer:coarse) { #sx-creator-mobile .sc-player-reveal { height:44px; } }
@media(prefers-reduced-motion:reduce) { #sx-creator-mobile .sc-player { transition:none; } }
#sx-creator-mobile .sc-player-top { display:flex; align-items:center; gap:8px; }
#sx-creator-mobile .sc-player-info { flex:1; min-width:0; }
#sx-creator-mobile .sc-player-info strong { font-size:12px; font-weight:500; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#sx-creator-mobile .sc-player-info small { font-size:11px; color:var(--sc-muted); }
#sx-creator-mobile .sc-player-controls { display:flex; align-items:center; gap:2px; flex-shrink:0; }
#sx-creator-mobile .sc-player-controls button { width:34px; height:40px; display:grid; place-items:center; color:var(--sc-text); border-radius:50%; }
#sx-creator-mobile .sc-player-controls button:disabled { opacity:.25; }
#sx-creator-mobile .sc-player-controls .sc-player-toggle { width:40px; height:40px; background:var(--sc-blue); color:var(--sc-bg); }
#sx-creator-mobile .sc-player-controls svg { width:18px; height:18px; }
#sx-creator-mobile .sc-player .sc-player-close { width:26px; min-width:26px; color:var(--sc-muted); }
#sx-creator-mobile .sc-player-timeline { display:flex; align-items:center; gap:10px; margin-top:8px; }
#sx-creator-mobile .sc-player-time { font-size:11px; color:var(--sc-muted); font-variant-numeric:tabular-nums; min-width:28px; }
#sx-creator-mobile .sc-player-time:last-child { text-align:right; }
#sx-creator-mobile input.sc-player-seek { appearance:none; -webkit-appearance:none; flex:1; min-width:0; height:24px; margin:0; padding:0; border:0; background:transparent; }
#sx-creator-mobile .sc-player-seek::-webkit-slider-runnable-track { height:3px; border-radius:4px; background:linear-gradient(to right,var(--sc-blue) var(--seek,0%),var(--sc-line) var(--seek,0%)); }
#sx-creator-mobile .sc-player-seek::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:10px; height:10px; margin-top:-3.5px; border-radius:50%; background:var(--sc-blue); }
#sx-creator-mobile .sc-player-seek::-moz-range-track { height:3px; border-radius:4px; background:var(--sc-line); }
#sx-creator-mobile .sc-player-seek::-moz-range-progress { height:3px; background:var(--sc-blue); }
#sx-creator-mobile .sc-player-seek::-moz-range-thumb { width:10px; height:10px; border:0; border-radius:50%; background:var(--sc-blue); }
@media(pointer:coarse) { #sx-creator-mobile .sc-player-controls button { width:44px; height:44px; } #sx-creator-mobile .sc-player .sc-player-close { width:44px; min-width:44px; } #sx-creator-mobile input.sc-player-seek { height:44px; } }
#sx-creator-mobile .sc-wave { height:28px; margin-top:9px; display:flex; gap:3px; align-items:center; overflow:hidden; }
#sx-creator-mobile .sc-wave i { display:block; width:3px; flex:1; border-radius:3px; background:var(--sc-line); }
#sx-creator-mobile .sc-wave i.sc-elapsed { background:var(--sc-blue); }
#sx-creator-mobile .sc-empty { text-align:center; padding:44px 18px; color:var(--sc-muted); }
#sx-creator-mobile .sc-empty svg { width:30px; height:30px; color:var(--sc-secondary); margin:0 auto 11px; }
#sx-creator-mobile .sc-empty strong { display:block; font-size:14px; color:var(--sc-text); font-weight:500; }
#sx-creator-mobile .sc-empty p { font-size:12px; margin:7px 0 11px; }
#sx-creator-mobile .sc-profile { padding:15px 18px 25px; }
#sx-creator-mobile .sc-account-top { display:flex; gap:12px; align-items:center; padding-bottom:22px; }
#sx-creator-mobile .sc-account-top .sc-avatar { width:48px; height:48px; font-size:18px; border-radius:17px; display:grid; place-items:center; color:var(--sc-blue); background:var(--sc-soft); }
#sx-creator-mobile .sc-account-top strong { display:block; font-size:17px; font-weight:600; }
#sx-creator-mobile .sc-account-top small { color:var(--sc-muted); font-size:11px; }
#sx-creator-mobile .sc-note { background:var(--sc-field); border-radius:12px; padding:14px; margin-bottom:19px; color:var(--sc-secondary); font-size:12px; }
#sx-creator-mobile .sc-note strong { display:block; font-size:12px; font-weight:500; color:var(--sc-text); margin-bottom:5px; }
#sx-creator-mobile .sc-plan-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--sc-field); border-radius:12px; padding:13px 14px; margin:16px 0 20px; }
#sx-creator-mobile .sc-plan-summary small { display:block; color:var(--sc-muted); font-size:11px; }
#sx-creator-mobile .sc-plan-summary strong { display:block; font-size:14px; font-weight:600; margin:3px 0; }
#sx-creator-mobile .sc-plan-status { display:flex; align-items:center; gap:5px; font-size:11px; color:var(--sc-green); white-space:nowrap; }
#sx-creator-mobile .sc-plan-status::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
#sx-creator-mobile .sc-usage-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:2px; }
#sx-creator-mobile .sc-usage-heading strong { font-size:12px; font-weight:500; }
#sx-creator-mobile .sc-usage-heading span { font-size:11px; color:var(--sc-muted); }
#sx-creator-mobile .sc-usage-row { padding:11px 0; border-bottom:1px solid var(--sc-line); }
#sx-creator-mobile .sc-usage-line { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; margin-bottom:7px; }
#sx-creator-mobile .sc-usage-line strong { font-weight:500; }
#sx-creator-mobile .sc-usage-value { font-size:11px; color:var(--sc-secondary); font-variant-numeric:tabular-nums; }
#sx-creator-mobile .sc-usage-value b { color:var(--sc-text); font-weight:500; }
#sx-creator-mobile .sc-usage-meter { display:flex; align-items:center; gap:13px; }
#sx-creator-mobile .sc-usage-track { flex:1; height:4px; border-radius:4px; background:var(--sc-field); overflow:hidden; }
#sx-creator-mobile .sc-usage-track span { display:block; height:100%; background:var(--sc-fill); border-radius:4px; }
#sx-creator-mobile .sc-usage-remaining { min-width:42px; text-align:right; color:var(--sc-muted); font-size:11px; font-variant-numeric:tabular-nums; }
#sx-creator-mobile .sc-usage-reset { display:flex; align-items:center; gap:6px; color:var(--sc-muted); font-size:11px; margin-top:13px; }
#sx-creator-mobile .sc-usage-reset svg { width:14px; height:14px; }
#sx-creator-mobile .sc-sub-tabs { display:flex; gap:3px; padding:4px; background:var(--sc-field); border-radius:10px; margin:15px 0 17px; }
#sx-creator-mobile .sc-sub-tabs button { flex:1; min-width:0; min-height:38px; border-radius:7px; padding:8px 7px; font-size:12px; color:var(--sc-muted); }
#sx-creator-mobile .sc-sub-tabs button[aria-selected=true] { background:var(--sc-surface); color:var(--sc-text); box-shadow:0 1px 6px light-dark(#172e4810,#00000018); }
#sx-creator-mobile .sc-plan-options { margin:0 0 17px; padding:0; border:0; display:grid; gap:8px; min-width:0; }
#sx-creator-mobile .sc-plan-options legend { font-size:12px; color:var(--sc-secondary); margin-bottom:10px; }
#sx-creator-mobile .sc-buy-plan { display:flex; align-items:center; gap:10px; border:1px solid var(--sc-line); border-radius:11px; padding:11px 12px; min-height:67px; }
#sx-creator-mobile .sc-buy-plan:has(input:checked) { border-color:var(--sc-blue); background:var(--sc-soft); }
#sx-creator-mobile .sc-buy-plan input { appearance:auto; width:16px; height:16px; margin:0; accent-color:var(--sc-fill); flex-shrink:0; }
#sx-creator-mobile .sc-buy-plan-name { flex:1; min-width:0; }
#sx-creator-mobile .sc-buy-plan strong { display:block; font-size:13px; font-weight:500; }
#sx-creator-mobile .sc-buy-plan small { display:block; font-size:11px; color:var(--sc-muted); margin-top:3px; }
#sx-creator-mobile .sc-buy-plan-price { text-align:right; font-variant-numeric:tabular-nums; }
#sx-creator-mobile .sc-plan-includes { font-size:11px; color:var(--sc-secondary); line-height:1.7; margin-bottom:17px; }
#sx-creator-mobile .sc-plan-includes strong { font-weight:500; color:var(--sc-text); }
#sx-creator-mobile .sc-download-preferences { border:0; padding:0; margin:18px 0; min-width:0; display:grid; gap:8px; }
#sx-creator-mobile .sc-download-preferences legend { margin-bottom:10px; font-size:12px; color:var(--sc-secondary); }
#sx-creator-mobile .sc-download-preferences label { display:flex; align-items:center; gap:11px; min-height:66px; padding:12px; border:1px solid var(--sc-line); border-radius:11px; }
#sx-creator-mobile .sc-download-preferences label:has(input:checked) { border-color:var(--sc-blue); background:var(--sc-soft); }
#sx-creator-mobile .sc-download-preferences input { appearance:auto; width:16px; height:16px; margin:0; accent-color:var(--sc-fill); flex-shrink:0; }
#sx-creator-mobile .sc-download-preferences strong { display:block; font-size:13px; font-weight:500; }
#sx-creator-mobile .sc-download-preferences small { display:block; font-size:11px; color:var(--sc-muted); margin-top:4px; }
#sx-creator-mobile .sc-plan-capacities { display:grid; grid-template-columns:1fr 1fr; gap:7px 16px; margin:9px 0 0; }
#sx-creator-mobile .sc-plan-capacities div { display:flex; justify-content:space-between; align-items:baseline; gap:7px; min-width:0; }
#sx-creator-mobile .sc-plan-capacities dt { color:var(--sc-muted); }
#sx-creator-mobile .sc-plan-capacities dd { margin:0; color:var(--sc-text); font-weight:500; font-variant-numeric:tabular-nums; }
#sx-creator-mobile .sc-order-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid var(--sc-line); font-size:12px; }
#sx-creator-mobile .sc-order-row span { color:var(--sc-muted); }
#sx-creator-mobile .sc-order-total { margin-bottom:20px; font-size:14px; }
#sx-creator-mobile .sc-payment-hero { text-align:center; padding:12px 8px 8px; }
#sx-creator-mobile .sc-payment-mark { width:56px; height:56px; margin:0 auto 15px; border-radius:50%; display:grid; place-items:center; color:var(--sc-green); background:color-mix(in srgb,var(--sc-green) 12%,var(--sc-surface)); }
#sx-creator-mobile .sc-payment-mark svg { width:28px; height:28px; }
#sx-creator-mobile .sc-payment-hero[data-status=failure] .sc-payment-mark { color:var(--sc-error); background:color-mix(in srgb,var(--sc-error) 12%,var(--sc-surface)); }
#sx-creator-mobile .sc-payment-hero h2 { margin-bottom:8px; }
#sx-creator-mobile .sc-payment-hero p { margin:0 auto 12px; max-width:285px; color:var(--sc-secondary); font-size:12px; line-height:1.7; }
#sx-creator-mobile .sc-payment-receipt { margin:8px 0 22px; }
#sx-creator-mobile .sc-payment-receipt .sc-order-row { margin:0; }
#sx-creator-mobile .sc-payment-receipt dd { margin:0; font-weight:500; text-align:right; font-variant-numeric:tabular-nums; }
#sx-creator-mobile .sc-payment-receipt dt { color:var(--sc-muted); }
#sx-creator-mobile .sc-payment-preview-link { display:block; margin:12px auto 0; color:var(--sc-muted); font-size:11px; padding:8px 12px; text-decoration:underline; text-underline-offset:3px; }
#sx-creator-mobile .sc-result-leading { display:flex; align-items:center; gap:7px; min-width:0; }
#sx-creator-mobile .sc-history-trigger { width:28px; min-height:28px; display:grid; place-items:center; color:var(--sc-muted); }
#sx-creator-mobile .sc-history-trigger svg { width:15px; height:15px; }
#sx-creator-mobile .sc-file-details { margin:15px 0; font-size:12px; }
#sx-creator-mobile .sc-file-details div { display:flex; justify-content:space-between; gap:15px; padding:8px 0; border-bottom:1px solid var(--sc-line); }
#sx-creator-mobile .sc-file-details dt { color:var(--sc-muted); }
#sx-creator-mobile .sc-file-details dd { margin:0; text-align:right; color:var(--sc-text); }
#sx-creator-mobile .sc-file-quota { display:flex; gap:9px; align-items:flex-start; padding:11px 12px; margin:13px 0 17px; background:var(--sc-field); border-radius:10px; color:var(--sc-secondary); font-size:11px; }
#sx-creator-mobile .sc-file-quota svg { color:var(--sc-blue); width:16px; height:16px; margin-top:2px; }
#sx-creator-mobile .sc-file-quota strong { display:block; color:var(--sc-text); font-weight:500; margin-bottom:2px; }
#sx-creator-mobile .sc-secondary-action { width:100%; min-height:44px; display:flex; justify-content:center; align-items:center; gap:8px; border:1px solid var(--sc-line); border-radius:11px; margin-top:9px; color:var(--sc-secondary); font-size:12px; }
#sx-creator-mobile .sc-file-ready { display:flex; gap:11px; align-items:center; padding:16px 0; }
#sx-creator-mobile .sc-file-ready>svg { width:30px; height:30px; color:var(--sc-green); }
#sx-creator-mobile .sc-file-ready strong { display:block; font-size:13px; font-weight:500; }
#sx-creator-mobile .sc-file-ready small { display:block; color:var(--sc-muted); font-size:11px; margin-top:4px; }
#sx-creator-mobile .sc-share-options { display:grid; gap:0; margin:14px 0; }
#sx-creator-mobile .sc-share-options button { display:flex; align-items:center; gap:12px; width:100%; min-height:54px; padding:12px 3px; border-bottom:1px solid var(--sc-line); font-size:12px; text-align:left; }
#sx-creator-mobile .sc-share-options button>svg:first-child { color:var(--sc-blue); }
#sx-creator-mobile .sc-share-options span { flex:1; }
@media(pointer:coarse) { #sx-creator-mobile .sc-history-trigger { width:44px; min-height:44px; } }
@media(pointer:coarse) { #sx-creator-mobile .sc-sub-tabs button { min-height:44px; } }
#sx-creator-mobile .sc-menu-row { display:flex; align-items:center; gap:10px; padding:13px 0; min-height:49px; width:100%; border-bottom:1px solid var(--sc-line); text-align:left; font-size:12px; }
#sx-creator-mobile .sc-menu-row>svg:first-child { color:var(--sc-muted); }
#sx-creator-mobile .sc-menu-row>svg:last-child { margin-left:auto; width:14px; }
#sx-creator-mobile .sc-collection { display:flex; align-items:center; gap:11px; width:100%; padding:15px 13px; background:var(--sc-surface); border:1px solid var(--sc-line); border-radius:12px; margin-bottom:9px; text-align:left; }
#sx-creator-mobile .sc-collection strong { display:block; font-size:13px; font-weight:500; }
#sx-creator-mobile .sc-collection small { color:var(--sc-muted); font-size:11px; }
#sx-creator-mobile .sc-collection>svg:first-child { width:35px; height:35px; padding:7px; background:var(--sc-soft); border-radius:10px; color:var(--sc-blue); }
#sx-creator-mobile .sc-collection>svg:last-child { margin-left:auto; width:15px; }
#sx-creator-mobile .sc-overlay { position:absolute; inset:0; z-index:20; padding:0; background:rgb(11 16 25 / var(--sc-backdrop-opacity,.5)); backdrop-filter:blur(2px); display:block; opacity:0; pointer-events:none; transition:opacity .24s ease; }
#sx-creator-mobile .sc-overlay.is-open { opacity:1; pointer-events:auto; }
#sx-creator-mobile .sc-sheet { position:absolute; left:0; right:0; bottom:0; margin:0; background:var(--sc-surface); border:1px solid var(--sc-line); border-bottom:0; border-radius:22px 22px 0 0; padding:29px 19px max(12px, env(safe-area-inset-bottom)); width:100%; color:var(--sc-text); transform:translateY(100%); transition:transform .3s cubic-bezier(.22,.8,.25,1); box-shadow:0 -10px 35px #00000018; }
#sx-creator-mobile .sc-overlay .sc-sheet { visibility:hidden; transition:transform .3s cubic-bezier(.22,.8,.25,1),visibility 0s .3s; }
#sx-creator-mobile .sc-overlay.is-open .sc-sheet { transform:translateY(0); visibility:visible; transition-delay:0s; }
#sx-creator-mobile .sc-grab { position:absolute; top:9px; left:calc(50% - 17px); width:34px; height:4px; background:var(--sc-line); border-radius:4px; }
#sx-creator-mobile .sc-drag-handle { position:absolute; top:0; left:0; right:0; height:28px; touch-action:none; }
#sx-creator-mobile .sc-sheet h2 { font-size:20px; font-weight:600; letter-spacing:-.5px; margin:4px 30px 6px 0; }
#sx-creator-mobile .sc-sheet-copy { font-size:12px; color:var(--sc-muted); margin:0 0 21px; }
#sx-creator-mobile button.sc-close { position:absolute; top:15px; right:12px; }
#sx-creator-mobile .sc-sheet-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px 12px; margin:23px 0; }
#sx-creator-mobile .sc-sheet-grid select { width:100%; min-width:0; min-height:43px; color:var(--sc-text); border:1px solid var(--sc-line); border-radius:10px; padding:7px; background:var(--sc-field); font-size:12px; }
#sx-creator-mobile .sc-sheet-grid label { color:var(--sc-muted); font-size:11px; display:block; }
#sx-creator-mobile .sc-sheet-grid label select { display:block; margin-top:7px; }
#sx-creator-mobile .sc-stem { display:flex; gap:9px; align-items:center; min-height:38px; padding:6px 0; border-top:1px solid var(--sc-line); font-size:12px; }
#sx-creator-mobile .sc-stem input { accent-color:var(--sc-fill); width:17px; height:17px; flex-shrink:0; }
#sx-creator-mobile .sc-stem span { flex:1; }
#sx-creator-mobile .sc-stem small { display:block; color:var(--sc-muted); font-size:10px; }
#sx-creator-mobile .sc-stem svg { color:var(--sc-muted); width:16px; }
#sx-creator-mobile .sc-stem-list { margin:14px 0; }
#sx-creator-mobile .sc-stem-list .sc-stem:last-child { border-bottom:1px solid var(--sc-line); }
#sx-creator-mobile .sc-select { position:relative; display:block; min-width:0; }
#sx-creator-mobile .sc-select .sc-select-trigger { display:block; appearance:none; -webkit-appearance:none; width:100%; min-width:0; height:38px; margin:0; padding:8px 29px 8px 10px; border:1px solid var(--sc-line); border-radius:8px; background:var(--sc-field); color:var(--sc-secondary); font-size:11px; line-height:1.4; text-overflow:ellipsis; }
#sx-creator-mobile .sc-select > svg { position:absolute; right:9px; top:50%; transform:translateY(-50%); width:13px; height:13px; pointer-events:none; color:var(--sc-muted); }
#sx-creator-mobile .sc-select .sc-select-trigger:focus-visible { outline:none; box-shadow:none; background:var(--sc-hover); }
#sx-creator-mobile .sc-select select option { background:var(--sc-surface); color:var(--sc-text); }
#sx-creator-mobile .sc-select .sc-select-trigger { display:flex; align-items:center; text-align:left; }
#sx-creator-mobile .sc-select-trigger>span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#sx-creator-mobile .sc-select-trigger>svg { position:absolute; right:9px; top:50%; transform:translateY(-50%); width:13px; height:13px; color:var(--sc-muted); }
#sx-creator-mobile .sc-select-trigger[aria-expanded=true] { outline:none; box-shadow:none; background:var(--sc-hover); }
#sx-creator-mobile .sc-dropdown { position:absolute; z-index:50; padding:4px; border:1px solid var(--sc-line); border-radius:9px; background:var(--sc-surface); box-shadow:0 8px 24px #00000035; animation:sc-menu-in .12s ease-out; }
#sx-creator-mobile .sc-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:33px; text-align:left; padding:7px 9px; border-radius:5px; color:var(--sc-secondary); font-size:12px; }
#sx-creator-mobile .sc-option[aria-selected=true] { background:var(--sc-soft); color:var(--sc-blue); }
#sx-creator-mobile .sc-option:hover,#sx-creator-mobile .sc-option:focus-visible { outline:none; box-shadow:none; background:var(--sc-hover); }
#sx-creator-mobile .sc-option svg { width:14px; height:14px; }
@keyframes sc-menu-in { from {opacity:0;transform:translateY(-3px)} to {opacity:1;transform:translateY(0)} }
@media(prefers-reduced-motion:reduce) { #sx-creator-mobile .sc-overlay,#sx-creator-mobile .sc-overlay .sc-sheet { transition:none; } #sx-creator-mobile .sc-dropdown { animation:none; } }
#sx-creator-mobile .sc-resultbar .sc-select { width:150px; }
#sx-creator-mobile .sc-resultbar .sc-select .sc-select-trigger { height:29px; min-height:29px; font-size:11px; background:transparent; border:0; padding-top:4px; padding-bottom:4px; }
#sx-creator-mobile .sc-resultbar { min-height:34px; }
#sx-creator-mobile .sc-sheet-grid .sc-select { margin-top:6px; }
#sx-creator-mobile .sc-sheet-grid .sc-select .sc-select-trigger { margin:0; height:40px; }
#sx-creator-mobile .sc-sheet .sc-primary { margin-top:17px; }
#sx-creator-mobile .sc-toast { position:absolute; z-index:30; bottom:83px; right:12px; left:12px; padding:12px 13px; background:var(--sc-soft); border:1px solid var(--sc-blue); color:var(--sc-text); border-radius:12px; font-size:12px; box-shadow:0 7px 25px #00000020; }
#sx-creator-mobile .sc-install-prompt { position:absolute; z-index:8; bottom:82px; left:12px; right:12px; padding:13px; border:1px solid var(--sc-line); border-radius:15px; background:var(--sc-surface); box-shadow:0 7px 25px light-dark(#172e4814,#00000026); animation:sc-install-enter .28s ease-out; }
#sx-creator-mobile .sc-install-intro { display:flex; gap:11px; align-items:center; }
#sx-creator-mobile .sc-install-logo { width:40px; height:40px; flex-shrink:0; display:block; object-fit:contain; background:#000; border-radius:12px; }
#sx-creator-mobile .sc-install-app-heading { display:flex; align-items:center; gap:12px; margin-bottom:21px; }
#sx-creator-mobile .sc-install-app-heading .sc-install-logo { width:52px; height:52px; border-radius:14px; }
#sx-creator-mobile .sc-install-app-heading h2 { font-size:18px; margin:0 22px 5px 0; }
#sx-creator-mobile .sc-install-app-heading .sc-sheet-copy { margin:0; font-size:11px; }
#sx-creator-mobile .sc-install-intro strong { display:block; font-size:13px; font-weight:600; }
#sx-creator-mobile .sc-install-intro p { margin:3px 0 0; color:var(--sc-muted); font-size:11px; }
#sx-creator-mobile .sc-install-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:8px; }
#sx-creator-mobile .sc-install-actions button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; min-width:56px; padding:6px 12px; font-size:12px; color:var(--sc-secondary); }
#sx-creator-mobile .sc-install-actions svg { width:15px; height:15px; }
#sx-creator-mobile .sc-install-actions .sc-install-accept { background:var(--sc-fill); color:var(--sc-onblue); border-radius:8px; }
#sx-creator-mobile .sc-install-steps { list-style:none; padding:0; margin:18px 0 22px; display:grid; gap:17px; counter-reset:install-step; }
#sx-creator-mobile .sc-install-steps li { display:flex; align-items:flex-start; gap:11px; font-size:12px; color:var(--sc-secondary); }
#sx-creator-mobile .sc-install-steps li::before { counter-increment:install-step; content:counter(install-step); width:25px; height:25px; display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:var(--sc-soft); color:var(--sc-blue); font-size:11px; }
#sx-creator-mobile .sc-install-steps strong { font-weight:500; color:var(--sc-text); }
#sx-creator-mobile .sc-install-browser { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--sc-muted); margin-top:17px; }
@keyframes sc-install-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media(pointer:coarse) { #sx-creator-mobile .sc-install-actions button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { #sx-creator-mobile .sc-install-prompt { animation:none; } }
#sx-creator-mobile .sc-preview-note { font-size:10px; text-align:center; color:var(--sc-muted); margin:15px 0 2px; }
@media(max-width:370px) { #sx-creator-mobile .sc-stage { padding:10px 0 0; } #sx-creator-mobile .sc-phone { border-radius:21px; } #sx-creator-mobile .sc-auth { padding:35px 19px 20px; } #sx-creator-mobile .sc-header { padding:13px 15px; } #sx-creator-mobile .sc-discovery { padding-left:12px; padding-right:12px; } #sx-creator-mobile .sc-categories button { gap:4px; font-size:11px; } #sx-creator-mobile .sc-track-name h2 { font-size:12px; } #sx-creator-mobile .sc-track { grid-template-columns:30px minmax(0,1fr); gap:3px 8px; padding:8px 0; } #sx-creator-mobile .sc-track-actions { grid-column:2; justify-content:flex-end; margin-top:-2px; } #sx-creator-mobile .sc-track-name h2 { white-space:normal; } #sx-creator-mobile .sc-tools { gap:5px; } #sx-creator-mobile .sc-tools>button { padding:7px; } #sx-creator-mobile .sc-select .sc-select-trigger { padding-left:8px; padding-right:23px; } #sx-creator-mobile .sc-select>svg { right:6px; } }
@media(pointer:coarse) { #sx-creator-mobile .sc-track { grid-template-columns:34px minmax(0,1fr) 132px; } #sx-creator-mobile .sc-track-actions button { min-width:44px; width:44px; min-height:44px; } #sx-creator-mobile .sc-categories button,#sx-creator-mobile .sc-tools button,#sx-creator-mobile .sc-select .sc-select-trigger,#sx-creator-mobile .sc-stem { min-height:44px; } #sx-creator-mobile input { font-size:16px !important; } #sx-creator-mobile .sc-icon { min-width:44px; min-height:44px; } }
@media(pointer:coarse) and (max-width:420px) { #sx-creator-mobile .sc-track { grid-template-columns:34px minmax(0,1fr); } #sx-creator-mobile .sc-track-actions { grid-column:2; justify-content:flex-end; } }
@media(max-width:420px) {
 #sx-creator-mobile .sc-track { grid-template-columns:32px minmax(0,1fr) 100px; gap:1px 7px; padding:8px 0 5px; }
 #sx-creator-mobile .sc-track-info { display:contents; }
 #sx-creator-mobile .sc-track>.sc-track-play { grid-column:1; grid-row:1 / span 2; }
 #sx-creator-mobile .sc-track-name { grid-column:2 / 4; grid-row:1; }
 #sx-creator-mobile .sc-track-name h2 { white-space:nowrap; }
 #sx-creator-mobile .sc-meta { grid-column:2 / 4; grid-row:2; margin:0; }
 #sx-creator-mobile .sc-tags { grid-column:1 / 3; grid-row:3; margin:0; }
 #sx-creator-mobile .sc-track-actions { grid-column:3; grid-row:3; margin:0; }
}
@media(pointer:coarse) and (max-width:420px) { #sx-creator-mobile .sc-track { grid-template-columns:32px minmax(0,1fr) 132px; } }
@media(pointer:coarse) { #sx-creator-mobile .sc-searchbar { grid-template-columns:minmax(0,1fr) 44px; } #sx-creator-mobile .sc-search,#sx-creator-mobile .sc-filter-trigger { min-height:44px; height:44px; } #sx-creator-mobile .sc-filter-trigger { width:44px; } #sx-creator-mobile .sc-filterbar .sc-select .sc-select-trigger { min-height:44px; } #sx-creator-mobile .sc-categories { padding-bottom:5px; } #sx-creator-mobile .sc-resultbar .sc-select .sc-select-trigger { min-height:44px; } }
#sx-creator-mobile .sc-phone-input:focus-within,#sx-creator-mobile .sc-search:focus-within,#sx-creator-mobile .sc-input:focus { background:var(--sc-hover); }
#sx-creator-mobile .sc-phone-input,#sx-creator-mobile .sc-search,#sx-creator-mobile .sc-input,#sx-creator-mobile .sc-select-trigger { transition:background-color .12s ease; }
#sx-creator-mobile.sc-device-only .sc-stage { padding:0; }
#sx-creator-mobile.sc-device-only .sc-phone { max-width:none; min-height:100svh; border:0; border-radius:0; box-shadow:none; }
#sx-creator-mobile .sc-device-gate { display:grid; place-items:center; min-height:100svh; padding:32px 24px; text-align:center; }
#sx-creator-mobile .sc-device-content { width:100%; max-width:340px; }
#sx-creator-mobile .sc-device-gate .sc-brand { justify-content:center; font-size:28px; margin-bottom:36px; }
#sx-creator-mobile .sc-device-gate h1 { margin:0 0 12px; font-size:24px; line-height:1.3; font-weight:600; letter-spacing:-.7px; }
#sx-creator-mobile .sc-device-gate p { margin:0 auto; max-width:280px; color:var(--sc-secondary); font-size:13px; line-height:1.8; }
#sx-creator-mobile .sc-device-gate small { display:block; margin-top:25px; color:var(--sc-muted); font-size:11px; }
#sx-creator-mobile { color-scheme:dark; background:var(--sc-bg); }
#sx-creator-mobile .sc-stage { padding:0; background:var(--sc-bg); }
#sx-creator-mobile .sc-phone { display:flex; flex-direction:column; max-width:none; height:100vh; height:100dvh; margin:0; border:0; border-radius:0; box-shadow:none; }
#sx-creator-mobile .sc-header { flex-shrink:0; position:relative; z-index:9; padding-top:max(14px,env(safe-area-inset-top)); background:var(--sc-bg); }
#sx-creator-mobile .sc-main { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:none; touch-action:pan-y pinch-zoom; -webkit-overflow-scrolling:touch; }
#sx-creator-mobile .sc-footer { flex-shrink:0; z-index:10; }
#sx-creator-mobile .sc-nav { padding-bottom:max(15px,env(safe-area-inset-bottom)); }
#sx-creator-mobile .sc-auth,#sx-creator-mobile .sc-library { min-height:100%; }
#sx-creator-mobile .sc-sheet { max-height:calc(100% - max(12px,env(safe-area-inset-top))); overflow-y:auto; overscroll-behavior-y:contain; }
#sx-creator-mobile .sc-toast,#sx-creator-mobile .sc-install-prompt { bottom:calc(82px + env(safe-area-inset-bottom)); }
#sx-creator-mobile.sc-device-only .sc-phone { min-height:0; }
#sx-creator-mobile .sc-device-gate { min-height:100%; }
.sc-queued-plan{display:flex;flex-direction:column;gap:7px;padding:14px;margin:16px 0;border:1px solid var(--sc-line);border-radius:14px;background:var(--sc-field)}.sc-queued-plan>small{color:var(--sc-muted);font-size:11px}.sc-queued-plan p{font-size:12px;line-height:1.6;margin:0}.sc-activation-warning{padding:12px;border:1px solid #806237;border-radius:10px;background:#30271b;color:#f0d8af}.sc-activation-warning p{margin-top:8px}.sc-activation-buttons{display:flex;gap:10px;margin-top:12px}.sc-activation-buttons>button{flex:1;margin:0;font-size:12px}

/* App document and the sole visual refinement requested after design approval. */
html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#15171b;color-scheme:dark;}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
button{cursor:pointer;} button:disabled{cursor:default;}
#sx-creator-mobile :is(.sc-main,.sc-list-viewport,.sc-sheet,.sc-dropdown){scrollbar-width:thin;scrollbar-color:#59647480 transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
#sx-creator-mobile :is(.sc-main,.sc-list-viewport,.sc-sheet,.sc-dropdown)::-webkit-scrollbar{width:5px;height:5px;}
#sx-creator-mobile :is(.sc-main,.sc-list-viewport,.sc-sheet,.sc-dropdown)::-webkit-scrollbar-track{background:transparent;}
#sx-creator-mobile :is(.sc-main,.sc-list-viewport,.sc-sheet,.sc-dropdown)::-webkit-scrollbar-thumb{background:#59647480;border-radius:99px;}
#sx-creator-mobile :is(.sc-main,.sc-list-viewport,.sc-sheet,.sc-dropdown)::-webkit-scrollbar-thumb:hover{background:#8996a8a6;}

/* Keep discovery controls fixed; only the sound list scrolls. */
#sx-creator-mobile .sc-main.sc-list-main { overflow:hidden; }
#sx-creator-mobile .sc-list-main>.sc-library { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
#sx-creator-mobile .sc-list-main :is(.sc-discovery,.sc-resultbar,.sc-panel-title) { flex-shrink:0; }
#sx-creator-mobile .sc-list-main .sc-list-viewport { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; }