/* Neon Tape skin. Keeps the existing workspace, video canvas and editing behaviour. */
:root[data-skin=neon-tape]{--bg:#0c0912;--panel:#15101e;--panel2:#20162d;--line:#4a325d;--line-soft:#30213e;--text:#f8f2ff;--muted:#b9a9c8;--accent:#bb7bff;--brand-purple:#a45de9;--brand-yellow:#d4ff78;--ui-well:#110d18;--ui-raised:#251932;--ui-hover:#352246;--ui-selected:#452b5b;--ui-radius:8px;color-scheme:dark}
:root[data-skin=neon-tape] body{background:radial-gradient(ellipse at 22% 0,#44215a55,transparent 48%),radial-gradient(ellipse at 90% 70%,#48255422,transparent 55%),#0c0912}
:root[data-skin=neon-tape] .topbar{background:linear-gradient(110deg,#211329e8,#100b18 62%);border-bottom-color:#6a427f;box-shadow:0 2px 22px #0b061944}
:root[data-skin=neon-tape] .brand::after{letter-spacing:-.045em}
:root[data-skin=neon-tape] .workspace .panel{background:linear-gradient(150deg,#21152b90,#15101e 45%)!important;border-color:#513561!important;box-shadow:inset 0 1px #e0acff0b,0 10px 26px #0002}
:root[data-skin=neon-tape] :is(.media-panel,.style-panel) .panel-heading{position:relative;overflow:hidden;background:linear-gradient(115deg,#6f3198,#402252)!important;color:#f7edff!important;border:1px solid #a473c344}
:root[data-skin=neon-tape] .style-panel .panel-heading{background:linear-gradient(115deg,#d4ff78,#bce77c)!important;color:#202715!important}
:root[data-skin=neon-tape] .panel-heading::before{content:'';position:absolute;right:9px;top:9px;bottom:9px;width:6px;background:repeating-linear-gradient(to bottom,currentColor 0 5px,transparent 5px 11px);opacity:.18;border-radius:2px;pointer-events:none}
:root[data-skin=neon-tape] .timeline-head{background:linear-gradient(100deg,#6b3696,#3e2356)!important;color:#f6e9ff!important;border:1px solid #7c51a0!important}
:root[data-skin=neon-tape] :is(.timeline-head strong,#lyricsCount){color:inherit!important}
:root[data-skin=neon-tape] .preview-column{border-color:#6a4280;background:#0f0b15;box-shadow:0 0 38px #8d39c011}
:root[data-skin=neon-tape] .stage-wrap{background:radial-gradient(ellipse at 50% 50%,#3c205044,transparent 70%),#100c17}
:root[data-skin=neon-tape] .empty-stage{background:radial-gradient(ellipse at 50% 15%,#62357244,transparent 70%),#160e20}
:root[data-skin=neon-tape] .editor-poster26{border:1px solid #9e68bb55;inset:12%;transform:rotate(-7deg);box-shadow:10px 12px 0 #09060e,10px 12px 0 1px #68458077}
:root[data-skin=neon-tape] .editor-poster26::before,:root[data-skin=neon-tape] .editor-poster26::after{content:'';position:absolute;top:12px;bottom:12px;width:6px;background:repeating-linear-gradient(to bottom,#b579d166 0 9px,transparent 9px 20px);border-radius:2px}
:root[data-skin=neon-tape] .editor-poster26::before{left:7px}:root[data-skin=neon-tape] .editor-poster26::after{right:7px}
:root[data-skin=neon-tape] :is(input:not([type=range]):not([type=checkbox]):not([type=color]),textarea,select){background:#140e1d;border-color:#533667;color:#f7efff;box-shadow:inset 0 1px #ffffff04}
:root[data-skin=neon-tape] :is(input,textarea,select,button,summary):focus-visible{outline:2px solid #d4ff78;outline-offset:3px}
:root[data-skin=neon-tape] select option{background:#1c1228;color:#f8f2ff}
:root[data-skin=neon-tape] :is(.ghost-button,.top-menu>summary,.timeline-menu>summary){background:linear-gradient(#2b1c39,#21162c);border-color:#55386a}
:root[data-skin=neon-tape] :is(.primary-wide,.export-button,.play-button):not(:disabled){background:#d4ff78;color:#202715;box-shadow:inset 0 1px #f6ffe055,0 3px 12px #b3ee5a0b}
:root[data-skin=neon-tape] :is(.primary-wide,.export-button,.play-button):hover:not(:disabled){background:#e4ffac}
:root[data-skin=neon-tape] .studio-nav-v2{background:#160f1f;border-color:#513561}
:root[data-skin=neon-tape] .studio-nav-v2 button[aria-pressed=true]{background:linear-gradient(130deg,#7834a6,#4c276b)!important;box-shadow:inset 0 1px #d6a8fa33;color:#fff!important}
:root[data-skin=neon-tape] .settings-dialog{background:linear-gradient(140deg,#23162f,#140d1d);border:1px solid #76508d;color:#f8f2ff}
:root[data-skin=neon-tape] .media-drop-v2{background:linear-gradient(125deg,#321d4255,#171020);border-color:#aa71d0}
:root[data-skin=neon-tape] .template-card{border-color:#503063}
:root[data-skin=neon-tape] .lyrics-editor{background:#140e1d}
@media(prefers-reduced-motion:reduce){:root[data-skin=neon-tape] *{scroll-behavior:auto}}