/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@font-face{font-family:GangTie;src:url(/assets/GangTieSongTiSpecial-1.ttf)format("truetype");font-display:swap}:root{--ink:#0e1316;--panel:#151b1f;--line:#344047;--muted:#8a969d;--yellow:#f5d51f;--white:#f3f3ee;--red:#e0564a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--white);background:#0b0e10;margin:0}body{font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(125deg,#f5d51f08,#0000 30%),#0b0e10;grid-template-columns:440px minmax(0,1fr);height:100vh;min-height:720px;display:grid}.editor{z-index:5;background:linear-gradient(135deg,#0000 0 92%,#f5d51f1c 92% 93%,#0000 93%),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 5px),#111619;border-right:1px solid #3c464b;grid-template-rows:84px 64px minmax(0,1fr) 42px;display:grid;position:relative;box-shadow:24px 0 60px #00000059}.editor:before{content:"";background:linear-gradient(90deg,var(--yellow) 0 74%,transparent 74%);height:4px;position:absolute;inset:0 0 auto}.brand{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 18px 10px;display:flex}.brand-mark{color:#121719;background:var(--yellow);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);letter-spacing:-.08em;place-items:center;width:49px;height:49px;font-weight:900;display:grid}.brand-mark span{transform:skew(-9deg)}.brand p{letter-spacing:.19em;color:#91a0a7;margin:0 0 3px;font-size:9px}.brand h1{letter-spacing:.05em;margin:0;font-size:21px;line-height:1}.build-tag{color:var(--yellow);letter-spacing:.12em;border:1px solid #f5d51f8c;align-self:flex-start;margin-left:auto;padding:4px 7px;font:700 8px/1 monospace}.tabs{border-bottom:1px solid var(--line);background:#0c1012;grid-template-columns:repeat(4,1fr);display:grid}.tabs button{cursor:pointer;background:0 0;border:0;border-right:1px solid #263037;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.tabs button:after{content:"";background:0 0;height:3px;position:absolute;inset:auto 10px 0}.tabs button b{color:#536068;font:700 9px monospace}.tabs button span{color:#aab3b7;font-size:13px}.tabs button.active{background:linear-gradient(#f5d51f1c,#0000)}.tabs button.active:after{background:var(--yellow);box-shadow:0 0 12px #f5d51f73}.tabs button.active b,.tabs button.active span{color:var(--yellow)}.editor-scroll{scrollbar-color:#4b575d #111619;scrollbar-width:thin;padding:16px 18px 26px;overflow:auto}.section-head{color:#849198;letter-spacing:.14em;align-items:center;margin:10px 0;font:700 10px/1.2 monospace;display:flex}.section-head:before{content:"";background:var(--yellow);width:24px;height:3px;margin-right:8px}.section-head:after{content:"";background:#394248;flex:1;height:1px;margin:0 9px}.section-head b{color:var(--yellow)}.field{gap:6px;margin-bottom:11px;display:grid}.field>span{color:#9aa5aa;letter-spacing:.04em;font-size:11px}.field input,.field select,.repeat-card input{color:#eff2ef;background:#0e1316;border:1px solid #3b474d;border-radius:0;outline:none;width:100%;min-width:0;height:38px;padding:0 10px;transition:border-color .18s,box-shadow .18s,background .18s}.field input:focus,.field select:focus,.repeat-card input:focus{border-color:var(--yellow);box-shadow:inset 3px 0 0 var(--yellow);background:#151c20}.field input[type=color],.repeat-card input[type=color]{cursor:pointer;padding:4px}.field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#aeb7bb 50%),linear-gradient(135deg,#aeb7bb 50%,#0000 50%);background-position:calc(100% - 14px) 16px,calc(100% - 9px) 16px;background-repeat:no-repeat;background-size:5px 5px}.angled-card,.export-card{background:linear-gradient(135deg,#ffffff06,#ffffff02);border:1px solid #3a454b;margin:12px 0 18px;padding:14px;position:relative}.angled-card:before,.export-card:before{content:"";background:var(--yellow);width:66px;height:2px;position:absolute;top:-1px;left:18px}.button-grid{gap:7px;margin:8px 0 14px;display:grid}.button-grid.two{grid-template-columns:repeat(2,1fr)}.button-grid.three{grid-template-columns:repeat(3,1fr)}.button-grid.four{grid-template-columns:repeat(4,1fr)}.button-grid button,.wide-button,.stage-actions button{cursor:pointer;background:#1b2327;border:1px solid #48545a;min-height:36px;padding:0 11px;font-size:12px;transition:transform .16s,border-color .16s,background .16s,color .16s}.button-grid button:hover,.wide-button:hover,.stage-actions button:hover{border-color:var(--yellow);color:var(--yellow);background:#242c30;transform:translateY(-1px)}.button-grid .danger:hover{border-color:var(--red);color:#ff786c}.wide-button{width:100%;margin:7px 0 14px}.wide-button.play{min-height:48px;color:var(--yellow);background:linear-gradient(90deg,#f5d51f24,#f5d51f08);border-color:#f5d51f8c}.wide-button.play.active{color:#111619;background:var(--yellow)}.station-list{gap:4px;display:grid}.station-list button{text-align:left;cursor:pointer;background:#ffffff04;border:1px solid #2b3439;grid-template-columns:9px 1fr auto;align-items:center;gap:12px;min-height:54px;padding:7px 10px;display:grid;position:relative;overflow:hidden}.station-list button:before{content:"";background:var(--yellow);width:0;transition:width .16s;position:absolute;inset:0 auto 0 0}.station-list button:hover{background:#192024}.station-list button.selected{background:linear-gradient(90deg,#f5d51f1a,#0000 72%);border-color:#647178}.station-list button.selected:before{width:3px}.station-list i{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #111619,0 0 0 4px #677278}.station-list span{gap:2px;display:grid}.station-list span b{font-size:13px;font-weight:650}.station-list small{color:#7f8a90;font-size:10px}.station-list em{color:#5e6b72;font:700 12px monospace}.station-list .selected em{color:var(--yellow)}.repeat-list{gap:8px;display:grid}.repeat-card{background:#12181b;border:1px solid #303a40;grid-template-columns:42px 1fr 1fr 28px;gap:5px;padding:7px;display:grid}.repeat-card input{height:35px;font-size:11px}.repeat-card .letter{text-align:center;color:var(--yellow);padding:0;font-weight:800}.repeat-card .color{padding:4px}.repeat-card.platform-card{grid-template-columns:42px 54px 1fr 1fr 28px}.repeat-card .platform-number{text-align:center;color:var(--yellow);padding:0 4px;font-weight:800}.repeat-card button{color:#829097;cursor:pointer;background:#242d31;border:0}.repeat-card button:hover{color:#ff766d;background:#4c2624}.wide-button:disabled{opacity:.38;cursor:not-allowed}.timing-grid{grid-template-columns:repeat(2,1fr);column-gap:10px;display:grid}.timing-grid .field:last-child{grid-column:1/-1}.shortcut-list{gap:5px;margin-bottom:16px;display:grid}.shortcut-list div{border-bottom:1px solid #2c353a;align-items:center;min-height:42px;display:flex}kbd{min-width:30px;min-height:25px;color:var(--yellow);background:#22292d;border:1px solid #5a666c;border-bottom-width:3px;place-items:center;padding:0 7px;font:700 10px monospace;display:inline-grid}.shortcut-list span{color:#bdc4c7;margin-left:14px;font-size:12px}.export-card h3{margin:0 0 5px;font-size:14px}.export-card p{color:#89969c;margin:0 0 13px;font-size:11px;line-height:1.65}.export-card.accent{background:linear-gradient(135deg,#f5d51f1c,#f5d51f05);border-color:#f5d51f73}.export-note{color:#7e898f;background:#0e1316;border-left:3px solid #5e6a70;padding:10px 12px;font-size:10px;line-height:1.7}.editor-footer{color:#657178;letter-spacing:.1em;background:#0c1012;border-top:1px solid #333d42;align-items:center;gap:9px;padding:0 18px;font:700 9px monospace;display:flex}.editor-footer i{background:#63d48d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #63d48d}.editor-footer b{color:#99a5aa;margin-left:auto}.stage{background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 54% 42%,#22292d 0,#121719 45%,#090c0e 100%);grid-template-rows:64px minmax(0,1fr) 42px;min-width:0;display:grid;position:relative}.stage:after{content:"R.L.D / 540";color:#ffffff09;writing-mode:vertical-rl;pointer-events:none;font:900 72px/1 monospace;position:absolute;top:86px;right:22px}.stage-head{letter-spacing:.13em;background:#0b0e10db;border-bottom:1px solid #313a3f;justify-content:space-between;align-items:center;padding:0 26px;font:700 10px monospace;display:flex}.status-dot{background:#61d283;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #61d283e6}.stage-actions{gap:8px;display:flex}.stage-actions button{min-height:30px;font-size:10px}.preview-zone{flex-direction:column;justify-content:center;min-height:0;padding:24px clamp(24px,4vw,74px);display:flex}.preview-meta{background:#0b0e10d1;border:1px solid #3d474c;grid-template-columns:1.4fr 1fr .5fr .7fr;align-self:center;width:min(100%,1360px);margin-bottom:13px;display:grid}.preview-meta>div{border-right:1px solid #30393e;gap:4px;padding:8px 13px;display:grid}.preview-meta>div:last-child{border-right:0}.preview-meta span{color:#68757b;letter-spacing:.12em;font:700 8px monospace}.preview-meta b{font-size:12px}.preview-meta b.signal{color:var(--yellow)}.screen-rig{background:#050607;align-self:center;width:min(100%,1360px)}.screen-rig:fullscreen{background:#000;place-items:center;width:100vw;display:grid}.screen-rig:fullscreen .screen-bezel{border:0;width:100vw;padding:0}.screen-rig:fullscreen .screen-label{display:none}.screen-bezel{background:linear-gradient(145deg,#30373a,#0a0c0d 28%,#1d2326);border:1px solid #596268;width:100%;padding:10px;position:relative;box-shadow:0 28px 80px #0000008c,inset 0 0 0 2px #080a0b}.lcd-canvas{aspect-ratio:1920/540;background:#efefec;width:100%;height:auto;display:block}.scene-enter{animation:.55s cubic-bezier(.2,.7,.2,1) sceneIn}@keyframes sceneIn{0%{opacity:0;filter:brightness(1.45);transform:translate(18px)}to{opacity:1;filter:brightness();transform:translate(0)}}.scanlines{pointer-events:none;opacity:.15;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 4px);position:absolute;inset:10px}.screen-label{color:#6c777c;letter-spacing:.12em;font:700 8px monospace;position:absolute;bottom:-25px;right:14px}.view-switcher{grid-template-columns:repeat(3,1fr) 1.35fr;align-self:center;gap:8px;width:min(100%,890px);margin-top:42px;display:grid}.view-switcher button{color:#98a3a8;cursor:pointer;text-align:left;background:#101518eb;border:1px solid #455158;align-items:center;gap:9px;min-height:48px;padding:0 11px;transition:transform .16s,border-color .16s,background .16s;display:flex}.view-switcher button:hover{border-color:#77848a;transform:translateY(-2px)}.view-switcher button.active{border-color:var(--yellow);color:#fff;background:linear-gradient(110deg,#f5d51f2e,#f5d51f08)}.view-switcher button.active kbd{background:var(--yellow);color:#111619}.view-switcher span{font-size:11px}.view-switcher .auto{border-style:dashed}.stage-foot{color:#5f6c72;background:#090c0ee6;border-top:1px solid #30393e;justify-content:space-between;align-items:center;padding:0 26px;font-size:9px;display:flex}.stage-foot b{color:#7f8c92;letter-spacing:.1em;font:700 9px monospace}.toast{z-index:20;color:#e7ebe8;background:#0e1316f5;border:1px solid #5f6a70;align-items:center;gap:9px;max-width:560px;padding:12px 17px;font-size:12px;animation:.25s ease-out toastIn;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #00000073}.toast i{background:#69d58a;border-radius:50%;width:7px;height:7px}.toast.busy i{background:var(--yellow);box-shadow:0 0 12px var(--yellow);animation:1s infinite busy}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes busy{50%{opacity:.25}}@media (width<=1100px){body{overflow:auto}.app-shell{grid-template-columns:360px minmax(720px,1fr);min-width:1080px}}@media (height<=760px){.app-shell{min-height:650px}.preview-zone{padding-top:14px;padding-bottom:14px}.view-switcher{margin-top:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
