.story-recorder-content[data-upload=true]{padding-bottom:14px}.record-start-control{isolation:isolate;flex:none;align-self:center;width:260px;height:260px;margin-top:28px;position:relative}.record-start-control>.record-start-field{clip-path:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.record-start-control>.record-start{background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:0;display:flex;position:relative}.record-start-control>.record-start:hover{background:#ffffff14}.record-start-control>.record-start:active{transform:scale(.98)}.record-start-control>.record-start>.story-icon{width:48px;height:48px}.record-start-control .record-action-label{text-align:center;max-width:18ch;padding-inline:12px;line-height:1.4}.record-start-control>.record-start:disabled{opacity:1;color:#fff;cursor:default}.record-start-control>.record-start:focus-visible{outline-offset:-8px;outline-color:#fff}.record-import-actions{flex-direction:column;align-items:flex-end;gap:8px;margin:auto -16px 0;padding-top:24px;display:flex}.record-upload-entry{min-height:44px;color:var(--story-muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:500;display:inline-flex}.record-upload-entry .story-icon{width:17px;height:17px}.record-upload-entry:is(:hover,:active){color:var(--story-ink);background:#15151508}.record-upload-entry:focus-visible,.record-file-back:focus-visible{outline:2px solid var(--story-orange);outline-offset:2px}.story-recorder-content[data-scene=recovery] .record-upload-entry{color:#fff}.story-recorder-content[data-scene=recovery] .record-upload-entry:is(:hover,:active){background:#ffffff14}.record-import-actions>.record-file-error{max-width:none;color:var(--landing-error,#b63b20);text-align:center;overflow-wrap:anywhere;align-self:stretch;margin:0;font-size:14px;line-height:1.4}.story-recorder-content[data-scene=recovery] .record-file-error{color:#fff}.record-file-preview{gap:24px;min-width:0;margin-top:56px;display:grid}.record-file-preview audio{display:none}.record-file-card{border:1px solid var(--story-line);background:var(--story-surface);border-radius:18px;padding:24px}.record-file-card>strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.record-file-transport{align-items:center;gap:14px;margin-top:24px;display:flex}.record-file-transport button{background:var(--story-ink);width:44px;height:44px;color:var(--story-paper);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.record-file-transport .story-wave{min-width:0;height:36px;color:var(--story-orange);flex:1}.record-file-transport>span:last-child{color:var(--story-muted);font-variant-numeric:tabular-nums;font-size:13px}.record-file-preview>.story-button{justify-content:center}.record-file-preview>p{color:var(--landing-error,#b63b20);margin:0;font-size:14px}.record-file-back{min-height:44px;color:var(--story-muted);background:0 0;border:0;border-radius:10px;justify-self:center;padding:8px 12px;font-size:14px}@media (width<=699px){.story-recorder-content[data-upload=true]{padding-bottom:10px}.record-start-control{width:240px;max-width:100%;height:240px}.record-import-actions{margin-inline:-10px}.record-file-preview{margin-top:56px}.record-file-card{padding:18px}}.record-countdown{z-index:2;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;font:750 88px/1 Onest,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-countdown span{animation:.22s cubic-bezier(.16,1,.3,1) both record-countdown-enter;display:block}.record-start-control:has(.record-countdown) .record-start :is(.story-icon,.record-action-label){opacity:0}@keyframes record-countdown-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.record-countdown span{animation:none}}.studio-skeleton-line{border-radius:5px;max-width:100%;height:16px;margin:0 0 12px;display:block}.studio-skeleton-line.is-small{height:11px;margin-bottom:8px}.studio-skeleton-line.is-heading{height:26px;margin-bottom:16px}.studio-skeleton-line.is-title{height:52px;margin:12px 0 18px}.studio-skeleton-line.is-label{height:14px;margin-bottom:8px}.studio-skeleton-icon{border-radius:8px;flex:0 0 28px;width:28px;height:28px;display:block}.studio-skeleton-play{border-radius:50%;flex:0 0 52px;width:52px;height:52px;display:block}.studio-skeleton-publication{border-radius:8px;width:100px;height:32px}.studio-skeleton-button{border-radius:12px;flex-shrink:0;width:150px;height:48px;display:block}.studio-skeleton-new-hum{border-radius:8px;width:130px;height:36px;margin-left:auto}.studio-skeleton-field{border-radius:8px;width:100%;height:48px;display:block}.studio-skeleton-switch{border-radius:24px;flex-shrink:0;width:42px;height:24px}.studio-skeleton-rows .cab-track-copy .studio-skeleton-line{margin-bottom:7px}.studio-skeleton-rows .cab-art-play{flex-shrink:0}.studio-skeleton-own-space{display:none}.cab-workbench-list .studio-skeleton-own-space{grid-area:2/2/auto/4;height:28px;display:block}.studio-skeleton-cards{gap:16px;display:flex;overflow:hidden}.studio-skeleton-cards>.cab-song-card{flex:0 0 calc(20% - 12.8px);min-width:0}.studio-skeleton-cards .cab-art-play{aspect-ratio:1;border-radius:10px;width:100%;height:auto;display:block}.studio-skeleton-cards .cab-track-copy{margin-top:10px}.studio-skeleton-card{border-radius:10px;padding:0 0 58px}.cab-app .cab-skeleton .studio-skeleton-card:before{content:"";aspect-ratio:1;opacity:1;background:0 0;display:block;position:static;inset:auto}.cab-skeleton .cab-placeholder{background:var(--songno-skeleton)}.studio-skeleton-hum-card{height:80px}.studio-skeleton-home-rows{display:grid}.cab-skeleton .studio-skeleton-home-row{background:0 0;border-radius:10px;height:58px;position:relative}.studio-skeleton-home-row:after{content:"";background:var(--songno-skeleton);border-radius:10px;position:absolute;inset:7px 0}.studio-skeleton-hum-shelf{margin-bottom:40px}.studio-skeleton-hum-cards{gap:10px;display:flex;overflow:hidden}.studio-skeleton-hum-cards>.cab-home-hum{flex:0 0 calc(33.3333% - 6.66667px)}.studio-skeleton-hum-cards .cab-art-play{flex-shrink:0}.studio-skeleton-featured{aspect-ratio:2;border-radius:10px;display:block}.studio-skeleton-back{align-items:center;height:44px;margin-bottom:24px;display:flex}.cab-skeleton-song .cab-song-hero>.cab-art{flex-shrink:0}.cab-skeleton-song .cab-song-lyrics{max-width:720px}.studio-editor-skeleton .cab-editor-header>.studio-skeleton-line{margin:0}.studio-editor-skeleton .cab-original-copy{flex:1;min-width:0}.studio-editor-skeleton .cab-original-copy .studio-skeleton-line{margin:0}.studio-skeleton-wave{border-radius:6px;width:100%;height:24px;display:block}.studio-editor-skeleton .cab-workspace-create{width:100%;min-height:64px;display:block}.studio-editor-skeleton .cab-section-heading .studio-skeleton-line{margin:0}.studio-skeleton-scope{border-radius:8px;width:150px;height:28px;display:block}.studio-skeleton-chips{gap:8px;min-height:36px;margin-bottom:20px;display:flex;overflow:hidden}.studio-skeleton-chips>span{border-radius:8px;flex-shrink:0;height:36px}.studio-skeleton-writing-tabs{border-radius:10px;width:min(270px,80%);height:40px;display:block}.studio-skeleton-sound{border-radius:10px;width:100%;height:176px;display:block}.studio-editor-skeleton .cab-lyric-loading{padding:16px}.studio-skeleton-resize{height:14px;display:block}@media (width<=1399px){.studio-skeleton-hum-cards>.cab-home-hum{flex-basis:calc(50% - 5px)}}@media (width<=1199px){.studio-skeleton-cards>.cab-song-card{flex-basis:calc(25% - 12px)}}@media (width<=759px){.studio-skeleton-cards{gap:12px}.studio-skeleton-cards>.cab-song-card{flex-basis:96px}.studio-skeleton-hum-cards>.cab-home-hum{flex-basis:88%}.studio-skeleton-sound{height:80px}.studio-editor-skeleton .cab-workspace-create{min-height:56px}.studio-skeleton-scope{width:130px}.studio-skeleton-line.is-title{height:36px}.studio-skeleton-hum-shelf{margin-bottom:28px}.studio-skeleton-hum-card{height:76px}.studio-skeleton-home-row.is-own{height:116px}}.cab-app .cab-skeleton-idea{max-width:none}.studio-skeleton-hum-picker-row{box-sizing:border-box;align-items:center;gap:12px;height:64px;padding:10px;display:flex}.studio-skeleton-hum-picker-art{border-radius:10px;flex:0 0 44px;width:44px;height:44px}.studio-skeleton-hum-picker-copy{flex:1;min-width:0}.studio-skeleton-hum-picker-copy .studio-skeleton-line{margin:0 0 7px}.studio-skeleton-hum-picker-copy .studio-skeleton-line.is-small{margin:0}@media (prefers-reduced-motion:reduce){.cab-placeholder{animation:none}}@media (width<=759px){.studio-skeleton-rows .studio-skeleton-own-row{grid-template-columns:58px minmax(0,1fr) 44px;gap:12px;padding-block:16px;display:grid}.studio-skeleton-own-row>.cab-art-play{grid-area:1/1}.studio-skeleton-own-row>.cab-track-copy{grid-area:1/2;justify-content:center;min-height:70px}.studio-skeleton-own-row>.studio-skeleton-own-space{grid-area:2/1/auto/-1;height:40px;display:block}.cab-workbench-list .studio-skeleton-own-row{grid-template-columns:44px minmax(0,1fr) 28px;gap:8px 10px;padding:12px 8px}.cab-workbench-list .studio-skeleton-own-row>.studio-skeleton-own-space{grid-column:2/4;height:28px}}.studio-menu-divider{background:var(--songno-line);border:0;height:1px;margin:5px 4px}.studio-menu-backdrop,.songno-select-sheet-backdrop{z-index:80;opacity:1;background:#0007;transition:opacity .18s;position:fixed;inset:0}:is(.studio-menu-backdrop,.songno-select-sheet-backdrop):is([data-starting-style],[data-ending-style]){opacity:0}.songno-positioner:is(.studio-menu-sheet-positioner,.songno-select-sheet-positioner){z-index:81;--available-height:calc(100dvh - 24px);width:100%!important;position:fixed!important;inset:auto 0 0!important;transform:none!important}.songno-popup:is(.studio-menu-sheet,.songno-select-sheet){overscroll-behavior:contain;width:100%;max-width:none;max-height:calc(100dvh - 24px);padding:10px 12px calc(16px + env(safe-area-inset-bottom));transform-origin:bottom;border-radius:24px 24px 0 0;transition:transform .22s cubic-bezier(.23,1,.32,1),opacity .18s;overflow-y:auto}:is(.studio-menu-sheet,.songno-select-sheet):is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(100%)}.studio-menu-sheet-heading,.songno-select-sheet-heading{color:var(--songno-muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:0 12px 16px;font:13px/1.5 Onest,Arial,sans-serif;display:flex}.studio-menu-sheet-handle,.songno-select-sheet-handle{background:var(--songno-muted);opacity:.4;border-radius:4px;width:36px;height:4px;display:block}.songno-popup.songno-select-sheet .songno-select-item{border-radius:12px;min-height:52px;padding:14px 16px;font-size:16px}.songno-select-sheet .songno-select-item[data-selected]{background:var(--songno-hover);font-weight:600}.cab-app .cab-sort-trigger.studio-mobile-sort-trigger{background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;width:auto;min-height:36px;padding:0 8px;font-weight:550;display:inline-flex;position:relative;color:var(--songno-ink)!important;font-size:13px!important}.studio-mobile-sort-trigger:after{content:"";border-radius:14px;position:absolute;inset:-6px -4px}.cab-app .cab-sort-trigger.studio-mobile-sort-trigger:is(:hover,:active,[aria-expanded=true]){background:var(--songno-hover)}.studio-mobile-sort-trigger .songno-select-trigger-icon{align-items:center;display:flex}.studio-mobile-sort-trigger .songno-select-trigger-icon svg{width:16px;height:16px}.songno-popup.studio-menu-sheet [role=menuitem]{border-radius:10px;min-height:48px;padding:12px;font-size:14px}.songno-popup.studio-menu-sheet .studio-menu-cancel{background:var(--songno-hover);justify-content:center}@media (prefers-reduced-motion:reduce){.studio-menu-sheet,.studio-menu-backdrop,.songno-select-sheet,.songno-select-sheet-backdrop{transition:none}}.studio-audio-seek-surface{--audio-accent:var(--audio-accent-light,var(--ui-blue));isolation:isolate;touch-action:pan-y;cursor:pointer;position:relative;overflow:clip}html[data-songno-theme=dark] .studio-audio-seek-surface{--audio-accent:var(--audio-accent-dark,var(--ui-blue))}.studio-audio-seek-surface:before{content:"";width:var(--audio-progress-edge,0px);background:color-mix(in srgb,var(--audio-accent) 12%,transparent);z-index:-1;pointer-events:none;position:absolute;inset:0 auto 0 0}.cab-equalizer{justify-content:center;align-items:center;gap:3px;width:22px;height:22px;display:flex}.cab-equalizer i{background:currentColor;border-radius:2px;width:3px;height:14px;animation:.8s ease-in-out infinite alternate cab-equalize}.cab-equalizer i:nth-child(2){height:20px;animation-delay:-300ms}.cab-equalizer i:nth-child(3){height:10px;animation-delay:-550ms}@keyframes cab-equalize{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.cab-equalizer i{animation:none}}.studio-panel-resizer{z-index:3;cursor:col-resize;touch-action:none;background:0 0;outline:none;width:10px;position:absolute;top:0;bottom:0;left:-5px}.studio-panel-resizer:before{content:"";background:var(--cab-blue);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:4px}.studio-panel-resizer:after{content:"";background:var(--cab-blue);opacity:0;border-radius:4px;width:4px;height:44px;transition:opacity .15s;position:absolute;top:50%;left:3px}.studio-panel-resizer:focus-visible:before,.studio-panel-resizer:focus-visible:after,.studio-resizable-panels[data-resizing] .studio-panel-resizer:before,.studio-resizable-panels[data-resizing] .studio-panel-resizer:after{opacity:1}@media (hover:hover) and (pointer:fine){.studio-panel-resizer:hover:before,.studio-panel-resizer:hover:after{opacity:1}}@media (width<=1050px){.studio-panel-resizer{display:none}}@media (prefers-reduced-motion:reduce){.studio-panel-resizer:before,.studio-panel-resizer:after{transition:none}}