/* Public homepage workspace showcase. */
.r-timeline-ruler {display:none}
.r-editor-section {position:relative;isolation:isolate}
.r-editor-section:before {content:'';position:absolute;z-index:-1;inset:180px -20px 0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent 68%)}
.r-editor-section .r-section-heading {max-width:none;margin-inline:auto;margin-bottom:36px;gap:48px}
.r-editor-section .r-section-heading h2 {margin-bottom:0;font-size:clamp(36px,3.8vw,54px);line-height:1.08}
.r-editor-section .r-section-heading h2 span {color:var(--accent-text)}
.r-editor-section .r-section-heading>p {font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:3px;max-width:340px}
.r-editor-section .r-studio {width:100%;max-width:none;background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 32px 80px -30px color-mix(in srgb,var(--shadow-color) 45%,transparent),0 0 0 6px color-mix(in srgb,var(--accent-primary) 4%,transparent)}
.r-editor-section .r-studio-top {height:64px;padding-inline:24px;background:var(--surface-base);border-color:var(--border-subtle);gap:20px}
.r-editor-section .r-studio-brand {gap:12px;font-size:11px;letter-spacing:.1em}
.r-editor-section .r-studio-brand>[data-icon] {display:grid;place-items:center;width:32px;height:32px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px}
.r-editor-section .r-studio-top>span:nth-child(2) {font-size:13px;font-weight:700}
.r-editor-section .r-studio-top small {display:inline-block;font-size:8px;letter-spacing:.1em;font-weight:400;padding:5px 7px;border:1px solid var(--border-default);border-radius:4px;margin-left:12px}
.r-editor-section .r-studio-top>a {font-size:11px;color:var(--text-secondary);text-underline-offset:4px}
.r-editor-section .r-studio-top>a:hover {color:var(--accent-text);text-decoration:underline}
.r-editor-section .r-studio-tools {height:64px;padding:10px 20px;gap:6px;background:var(--surface-base);border-color:var(--border-subtle)}
.r-editor-section .r-studio-tools [role=tab] {min-height:42px;padding:0 16px;gap:9px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:700;color:var(--text-secondary)}
.r-editor-section .r-studio-tools [role=tab]:hover {background:var(--surface-raised);color:var(--text-primary)}
.r-editor-section .r-studio-tools [aria-selected=true] {background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}
.r-editor-section .r-studio-tools [aria-selected=true]:after {display:none}
.r-editor-section .r-studio-tools>span {display:block;font-size:9px;color:var(--text-muted);letter-spacing:.1em}
.r-editor-section .r-studio-body {grid-template-columns:252px minmax(0,1fr)}
.r-editor-section .r-studio-sidebar {padding:24px 18px;background:var(--surface-base);border-color:var(--border-subtle)}
.r-editor-section .r-panel-heading {font-size:12px;color:var(--text-primary);margin-bottom:18px;line-height:1.5}
.r-editor-section .r-panel-heading>span {display:inline;font-size:10px;white-space:nowrap}
.r-editor-section .r-scene-list {gap:10px}
.r-editor-section .r-scene {display:flex;gap:10px;padding:8px;min-height:76px;background:var(--surface-panel);border-color:var(--border-subtle);border-radius:4px}
.r-editor-section .r-scene:hover {border-color:var(--border-strong);background:var(--surface-raised)}
.r-editor-section .r-scene[aria-pressed=true] {border-color:var(--accent-border);background:var(--accent-soft)}
.r-editor-section .r-scene img {width:72px;height:54px;margin:0;border-radius:4px;object-fit:cover}
.r-editor-section .r-scene small {font-size:8px;letter-spacing:.05em;margin-bottom:6px;line-height:1.4}
.r-editor-section .r-scene strong {font-size:11px;line-height:1.4;font-weight:700;color:var(--text-primary)}
.r-editor-section .r-prompt {display:block;padding:16px 12px;margin-top:22px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-panel)}
.r-editor-section .r-prompt small {font-size:8px;letter-spacing:.12em}
.r-editor-section .r-prompt p {font-size:11px;line-height:1.7;color:var(--text-secondary);margin-top:10px}
.r-editor-section .r-studio-monitor {padding:20px 20px 0;background:var(--surface-panel)}
.r-editor-section .r-monitor-frame {height:auto;aspect-ratio:1.9;border-radius:8px;border:1px solid var(--media-border);box-shadow:0 12px 32px -16px var(--shadow-color)}
.r-editor-section .r-frame-caption {left:28px;right:20px;bottom:28px}
.r-editor-section .r-frame-caption small {font-size:9px;margin-bottom:10px}
.r-editor-section .r-frame-caption strong {font-size:30px;line-height:1.2}
.r-editor-section .r-frame-caption>span {display:block;font-size:11px;line-height:1.5;margin-top:8px}
.r-editor-section .r-frame-label {font-size:8px;top:16px;right:16px;padding:5px 8px;background:color-mix(in srgb,var(--media-surface) 65%,transparent)}
.r-editor-section .r-transport {height:64px;gap:14px;font-size:10px;color:var(--text-secondary)}
.r-editor-section .r-transport>button {display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:8px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px}
.r-editor-section .r-transport>button:hover {background:var(--surface-raised)}
.r-editor-section .r-transport input {height:4px}
.r-editor-section .r-timeline {padding:18px 24px 22px;gap:20px;background:var(--surface-base);border-color:var(--border-subtle)}
.r-editor-section .r-track-names {display:grid;grid-template-rows:42px 28px 24px;align-items:center;justify-content:initial;gap:8px;width:68px;margin-top:24px;font-size:9px;letter-spacing:.08em;color:var(--text-secondary)}
.r-editor-section .r-tracks {gap:8px}
.r-editor-section .r-timeline-ruler {display:flex;justify-content:space-between;height:16px;font-size:9px;font-variant-numeric:tabular-nums;color:var(--text-muted)}
.r-editor-section .r-timeline-ruler>span:before {content:'';display:inline-block;width:1px;height:6px;margin-right:6px;background:var(--border-strong)}
.r-editor-section .r-visual-track {height:42px;gap:6px}
.r-editor-section .r-visual-track>span {border:1px solid var(--media-border);border-radius:4px;padding-inline:12px}
.r-editor-section .r-visual-track>span:before {background:linear-gradient(0deg,color-mix(in srgb,var(--media-surface) 60%,transparent),transparent)}
.r-editor-section .r-visual-track b {font-size:10px;font-weight:700}
.r-editor-section .r-voice-track {height:28px;border:1px solid color-mix(in srgb,var(--track-narration) 35%,transparent);border-radius:4px;padding:6px 10px}
.r-editor-section .r-music-track {height:24px;border:1px solid color-mix(in srgb,var(--track-music) 35%,transparent);border-radius:4px;padding:3px 10px;font-size:9px}
.r-editor-section .r-tracks .m-playhead {top:20px;bottom:-4px}
.r-editor-section .r-studio-bottom {padding:14px 24px;background:var(--surface-base);font-size:10px;border-color:var(--border-subtle);align-items:center}
.r-editor-section .r-studio-bottom>span {display:flex;align-items:center;gap:6px}
.r-editor-section .r-studio-bottom small {display:block;font-size:9px;color:var(--text-muted)}
.r-editor-section .r-script-line {font-size:22px!important;line-height:1.4}
.r-editor-section .r-script-body {font-size:12px!important;color:var(--text-secondary)!important}
.r-editor-section .r-script-note {font-size:11px!important;line-height:1.7}
.r-editor-section .r-sound-item>p {font-size:11px}

@media(max-width:950px) {
 .r-editor-section .r-studio-top {padding-inline:18px}
 .r-editor-section .r-studio-top small {display:none}
 .r-editor-section .r-studio-body {grid-template-columns:220px minmax(0,1fr)}
 .r-editor-section .r-studio-sidebar {padding:18px 12px}
 .r-editor-section .r-scene img {width:60px;height:48px}
 .r-editor-section .r-studio-monitor {padding:16px 16px 0}
 .r-editor-section .r-monitor-frame {aspect-ratio:1.5}
 .r-editor-section .r-frame-caption {left:20px;bottom:20px}
 .r-editor-section .r-frame-caption strong {font-size:24px}
 .r-editor-section .r-studio-bottom small {display:none}
}
@media(max-width:760px) {
 .r-editor-section:before {inset:160px 0 0}
 .r-editor-section .r-section-heading {margin-bottom:28px}
 .r-editor-section .r-section-heading h2 {font-size:clamp(32px,8vw,44px)}
 .r-editor-section .r-section-heading>p {font-size:13px;margin:18px 0 0;max-width:440px}
 .r-editor-section .r-studio {border-radius:10px;box-shadow:0 20px 50px -25px color-mix(in srgb,var(--shadow-color) 40%,transparent)}
 .r-editor-section .r-studio-top {height:54px;padding-inline:14px;gap:12px}
 .r-editor-section .r-studio-brand {font-size:9px;gap:8px;letter-spacing:.03em}
 .r-editor-section .r-studio-brand>[data-icon] {width:26px;height:26px}
 .r-editor-section .r-studio-top>span:nth-child(2) {font-size:10px;min-width:0}
 .r-editor-section .r-studio-top>a {display:none}
 .r-editor-section .r-studio-tools {height:60px;padding:8px 10px;gap:4px}
 .r-editor-section .r-studio-tools [role=tab] {flex:1;justify-content:center;padding:0 8px;font-size:11px;gap:6px}
 .r-editor-section .r-studio-tools>span {display:none}
 .r-editor-section .r-studio-body {grid-template-columns:minmax(0,1fr)}
 .r-editor-section .r-studio-monitor {order:1;padding:12px 12px 0}
 .r-editor-section .r-monitor-frame {aspect-ratio:1.55}
 .r-editor-section .r-frame-caption {left:18px;right:14px;bottom:18px}
 .r-editor-section .r-frame-caption small {font-size:7px;margin-bottom:8px}
 .r-editor-section .r-frame-caption strong {font-size:24px}
 .r-editor-section .r-frame-caption>span {font-size:10px;line-height:1.4;margin-top:6px}
 .r-editor-section .r-frame-label {font-size:7px;top:10px;right:10px}
 .r-editor-section .r-transport {height:56px;gap:10px;font-size:9px}
 .r-editor-section .r-studio-sidebar {order:2;padding:16px 12px;border-right:0;border-top:1px solid var(--border-subtle)}
 .r-editor-section .r-panel-heading {font-size:11px;margin-bottom:12px}
 .r-editor-section .r-scene-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .r-editor-section .r-scene {display:block;min-height:0;padding:5px;text-align:left}
 .r-editor-section .r-scene img {width:100%;height:auto;aspect-ratio:1.5;margin-bottom:8px}
 .r-editor-section .r-scene small {font-size:7px;letter-spacing:0;gap:2px;margin-bottom:4px}
 .r-editor-section .r-scene strong {font-size:10px;line-height:1.4}
 .r-editor-section .r-prompt {margin-top:12px;padding:12px}
 .r-editor-section .r-prompt p {font-size:10px;line-height:1.6;margin-top:6px}
 .r-editor-section .r-timeline {padding:14px 12px 16px;gap:10px}
 .r-editor-section .r-track-names {width:42px;font-size:7px;letter-spacing:.03em;grid-template-rows:36px 24px 24px}
 .r-editor-section .r-timeline-ruler {font-size:8px}
 .r-editor-section .r-timeline-ruler>span:before {margin-right:3px}
 .r-editor-section .r-visual-track {height:36px;gap:4px}
 .r-editor-section .r-visual-track>span {padding-inline:5px}
 .r-editor-section .r-visual-track b {font-size:8px}
 .r-editor-section .r-voice-track {height:24px;padding:4px 6px}
 .r-editor-section .r-studio-bottom {padding:12px;font-size:9px;line-height:1.5}
 .r-editor-section .r-studio-bottom svg {width:12px!important;height:12px!important}
}