/*! 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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size: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;--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{.start{inset-inline-start:var(--spacing)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#dce9e8;--muted:#859a9b;--brass:#c9a458;--brass-light:#f0d38e;--panel:#0c1416eb;--line:#c9a4583d;--magic-primary:#e7bd68;--magic-secondary:#57d7ef;--energy:.2}*{box-sizing:border-box}html{background:#050909}body{color:var(--ink);background:#050909;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit;touch-action:manipulation}.studio-shell{background:radial-gradient(circle at 50% 45%, var(--magic-primary), transparent 29%), radial-gradient(circle at 82% 13%, var(--magic-secondary), transparent 24%), linear-gradient(145deg, #071011, #0b1214 46%, #070b0c);min-height:100vh;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-shell{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--magic-primary) calc(var(--energy) * 22%), transparent), transparent 29%), radial-gradient(circle at 82% 13%, color-mix(in srgb, var(--magic-secondary) 9%, transparent), transparent 24%), linear-gradient(145deg, #071011, #0b1214 46%, #070b0c)}}.studio-layout{z-index:1;zoom:.9;width:111.111%;min-height:111.111vh;position:relative}.studio-shell:before{content:"";pointer-events:none;z-index:0;opacity:.22;mix-blend-mode:overlay;background-image:repeating-linear-gradient(83deg,#0000 0 7px,#ffffff04 8px,#0000 9px),repeating-linear-gradient(2deg,#0000 0 5px,#0000001f 6px,#0000 8px);position:fixed;inset:0}.ambient-field{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-field>i{--x:calc((var(--i) * 37) % 100);width:2px;height:2px;left:calc((var(--i) * 31 + 7) * 1%);top:calc((var(--i) * 47 + 11) * 1%);max-left:98%;background:var(--magic-secondary);box-shadow:0 0 9px 2px var(--magic-secondary);opacity:calc(.15 + var(--energy) * .45);animation:mote-drift calc(8s + var(--i) * .37s) ease-in-out infinite alternate;border-radius:50%;position:absolute}.aurora{filter:blur(70px);width:58vw;height:42vw;opacity:calc(.035 + var(--energy) * .12);border-radius:50%;transition:background .9s,opacity .6s;position:absolute}.aurora-one{background:var(--magic-primary);animation:16s ease-in-out infinite alternate aurora-one;top:18vh;left:-14vw}.aurora-two{background:var(--magic-secondary);animation:19s ease-in-out infinite alternate aurora-two;top:8vh;right:-18vw}.constellation-grid{opacity:calc(.035 + var(--energy) * .06);background-image:linear-gradient(30deg, transparent 49.8%, var(--magic-secondary) 50%, transparent 50.2%), linear-gradient(-30deg, transparent 49.8%, var(--magic-primary) 50%, transparent 50.2%);background-size:110px 190px;animation:80s linear infinite constellation-turn;position:absolute;inset:10% 14%;-webkit-mask-image:radial-gradient(circle,#000 5%,#0000 64%);mask-image:radial-gradient(circle,#000 5%,#0000 64%)}.login-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#144c4e47,#0000 29%),radial-gradient(circle at 16% 84%,#5e351936,#0000 31%),linear-gradient(145deg,#040808,#091112 48%,#050808);place-items:center;min-height:100svh;padding:34px 18px;display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";z-index:-1;opacity:.2;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(87deg,#0000 0 7px,#ffffff05 8px,#0000 9px),repeating-linear-gradient(3deg,#0000 0 5px,#00000029 6px,#0000 8px);position:absolute;inset:0}.login-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-aurora{filter:blur(90px);opacity:.09;border-radius:50%;width:48vw;height:48vw;position:absolute}.login-aurora-one{background:#49c8d0;animation:17s ease-in-out infinite alternate aurora-one;top:4vh;left:-18vw}.login-aurora-two{background:#c3984f;animation:20s ease-in-out infinite alternate aurora-two;bottom:-13vh;right:-20vw}.login-stars{opacity:.21;background-image:radial-gradient(circle at 12% 19%,#a9ffff 0 1px,#0000 1.5px),radial-gradient(circle at 88% 27%,#e9c779 0 1px,#0000 1.5px),radial-gradient(circle at 77% 82%,#a9ffff 0 1px,#0000 1.5px),radial-gradient(circle at 25% 73%,#d5b76f 0 1px,#0000 1.5px),radial-gradient(circle at 54% 11%,#fff 0 1px,#0000 1.5px);background-size:280px 270px,310px 290px,230px 240px,340px 330px,260px 300px;animation:130s linear infinite constellation-turn;position:absolute;inset:0}.login-card{text-align:center;background:linear-gradient(160deg,#101b1cf7,#050b0cfb);border:1px solid #cda85b57;width:min(440px,100%);padding:72px 48px 31px;position:relative;box-shadow:inset 0 0 0 5px #030809d4,inset 0 0 0 6px #c8a04e17,0 28px 90px #000000ad,0 0 55px #2fb1b90d}.login-card:before,.login-card:after{content:"";pointer-events:none;width:54px;height:54px;position:absolute}.login-card:before{border-top:1px solid #dcb5635c;border-left:1px solid #dcb5635c;top:12px;left:12px}.login-card:after{border-bottom:1px solid #dcb5635c;border-right:1px solid #dcb5635c;bottom:12px;right:12px}.login-crown{color:#e9cf8b;text-shadow:0 0 12px #e8c97699;font-size:12px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.login-orrery{background:repeating-conic-gradient(from 0deg, #cba45133 0 .5deg, transparent .5deg 30deg), radial-gradient(circle, transparent 0 45%, #4ac9d117 46% 47%, transparent 48% 68%, #d2ac5924 69% 70%, #081012 71%);border:1px solid #d4ad5b7a;border-radius:50%;width:122px;height:122px;margin:0 auto 27px;animation:4.5s ease-in-out infinite alternate login-breathe;position:relative;box-shadow:inset 0 0 0 5px #070d0e,inset 0 0 0 6px #d2ac592e,0 0 24px #40c6cf1c}.login-orrery>i{width:7px;height:7px;transform:rotate(calc(var(--n,0) * 30deg)) translateY(-51px);background:#152225;border:1px solid #e5cb8a94;border-radius:50%;margin:-3.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #54d5dd33}.login-orrery>i:first-child{--n:0}.login-orrery>i:nth-child(2){--n:1}.login-orrery>i:nth-child(3){--n:2}.login-orrery>i:nth-child(4){--n:3}.login-orrery>i:nth-child(5){--n:4}.login-orrery>i:nth-child(6){--n:5}.login-orrery>i:nth-child(7){--n:6}.login-orrery>i:nth-child(8){--n:7}.login-orrery>i:nth-child(9){--n:8}.login-orrery>i:nth-child(10){--n:9}.login-orrery>i:nth-child(11){--n:10}.login-orrery>i:nth-child(12){--n:11}.login-orrery>div{background:radial-gradient(circle at 38% 32%,#adf9fc54,#20626826 18%,#061214 65%);border:1px solid #74dae061;border-radius:50%;place-items:center;display:grid;position:absolute;inset:30px;box-shadow:inset 0 0 17px #000,0 0 15px #4bced62b}.login-orrery span{color:#dffeff;text-shadow:0 0 10px #59d7df;font-family:Georgia,serif;font-size:18px}.login-kicker{color:#b89b5f;letter-spacing:.34em;margin:0;font-size:7px}.login-card h1{color:#ede2ca;letter-spacing:.025em;text-shadow:0 0 25px #e5c3731a;margin:9px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,5vw,31px);font-weight:400}.login-intro{color:#718586;max-width:310px;margin:0 auto 28px;font-size:10px;line-height:1.65}.login-form{text-align:left;gap:17px;display:grid}.login-form label{gap:7px;display:grid}.login-form label>span{color:#817557;letter-spacing:.2em;font-size:7px}.login-field{background:#0208098c;border:1px solid #cba65633;grid-template-columns:31px 1fr auto;align-items:center;min-height:47px;transition:border-color .16s,box-shadow .16s;display:grid}.login-field:focus-within{border-color:#5dd5dc7a;box-shadow:inset 0 0 15px #47c2cb0a,0 0 12px #47c2cb0d}.login-field>i{color:#8e7b4e;padding-left:12px;font-size:11px;font-style:normal}.login-field input{color:#dce9e8;caret-color:#7de4e9;background:0 0;border:0;outline:none;width:100%;min-width:0;height:45px;font-family:Georgia,serif;font-size:13px}.login-field input::placeholder{color:#425657}.login-field button{color:#66797a;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff0d;align-self:stretch;padding:0 10px;font-size:6px}.login-error{color:#d79ca4;background:#7517251a;border:1px solid #dc425440;align-items:center;gap:8px;min-height:35px;padding:8px 10px;font-size:8px;line-height:1.45;display:flex}.login-error i{background:#e44a5f;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 8px #e44a5f}.enter-court{color:#f0ddb0;letter-spacing:.25em;cursor:pointer;background:linear-gradient(#c69b4721,#4430100d);border:1px solid #deb86380;justify-content:center;align-items:center;gap:13px;min-height:48px;margin-top:3px;font-size:8px;transition:filter .16s,box-shadow .16s;display:flex;box-shadow:inset 0 0 22px #cea65008,0 0 17px #cda54e0a}.enter-court:hover:not(:disabled){filter:brightness(1.18);box-shadow:inset 0 0 22px #cea6500f,0 0 21px #cda54e1a}.enter-court:disabled{cursor:not-allowed;opacity:.42}.enter-court i{color:#77d9de;font-size:14px;font-style:normal}.login-card footer{color:#4f6263;letter-spacing:.17em;justify-content:center;align-items:center;gap:10px;margin-top:29px;font-size:6px;display:flex}.login-card footer i{background:linear-gradient(90deg,#0000,#c39d4d61);width:22px;height:1px}.login-card footer i:last-child{transform:rotate(180deg)}@keyframes login-breathe{to{box-shadow:inset 0 0 0 5px #070d0e,inset 0 0 0 6px #d2ac593d,0 0 34px #40c6cf30}}.topbar{z-index:10;border-bottom:1px solid var(--line);background:linear-gradient(#060a0bfa,#080e0fe8);grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:12px 24px;display:grid;position:relative;box-shadow:0 10px 35px #00000052}.brand-block{align-items:center;gap:13px;display:flex}.brand-sigil{width:44px;height:44px;color:var(--brass-light);background:radial-gradient(circle,#e7bd6821,#091011 70%);border:1px solid #e7bd6880;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:21px;display:grid;box-shadow:inset 0 0 0 4px #080d0e,inset 0 0 0 5px #e7bd682b,0 0 18px #e7bd6814}.brand-block p,.brand-block h1,.panel-heading span,.panel-heading h2,.arrangement-heading span,.arrangement-heading h2{margin:0}.brand-block p{color:#758788;letter-spacing:.24em;text-transform:uppercase;font-size:8px}.brand-block h1{color:#e9ddd0;letter-spacing:.28em;text-shadow:0 0 22px #e7bd6826;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.session-readout{border-left:1px solid var(--line);border-right:1px solid var(--line);align-items:center;gap:22px;padding:7px 21px;display:flex}.session-readout>div{gap:2px;min-width:130px;display:grid}.session-readout small{color:#647878;letter-spacing:.2em;font-size:7px}.session-readout strong{color:#bfcfcf;font-family:Georgia,serif;font-size:12px;font-weight:400}.status-light{background:#62efba;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #62efba}.header-actions{justify-content:flex-end;gap:8px;display:flex}.save-button{border:1px solid var(--line);color:#efe0b6;letter-spacing:.17em;cursor:pointer;background:linear-gradient(#e7bd681f,#e7bd6809);border-color:#e7bd686b;min-height:34px;padding:0 14px;font-size:8px;box-shadow:inset 0 0 18px #e7bd680a}.workspace-grid{z-index:2;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.instrument-column{grid-row:1}.track-panel{grid-row:2}.scene-panel{grid-row:3}.panel{border-top:1px solid var(--line);background:linear-gradient(#0a1213ed,#070d0ef7);box-shadow:inset 0 8px 26px #0000002e}.drawer-panel{z-index:4;position:relative}.drawer-panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.drawer-panel>summary::-webkit-details-marker{display:none}.drawer-summary-tail{align-items:center;gap:14px;display:flex}.drawer-summary-tail>i,.drawer-chevron{color:var(--brass-light);font-size:17px;font-style:normal;transition:transform .18s}.drawer-panel[open]>.drawer-summary .drawer-summary-tail>i,.drawer-panel[open]>.drawer-summary>.drawer-chevron{transform:rotate(180deg)}.drawer-content{animation:.18s ease-out drawer-reveal;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);background:#00000024;justify-content:space-between;align-items:center;gap:10px;height:71px;padding:13px 16px;display:flex}.panel-heading span,.arrangement-heading span{color:var(--brass);letter-spacing:.22em;font-size:7px}.panel-heading h2,.arrangement-heading h2{color:#b9c9c8;margin-top:5px;font-family:Georgia,serif;font-size:13px;font-weight:400}.loop-badge{border:1px solid #5fdade2e;padding:5px 7px;color:#72bbbd!important;letter-spacing:.12em!important}.add-scene{width:29px;height:29px;color:var(--brass-light);cursor:pointer;background:#e7bd680f;border:1px solid #e7bd6857;border-radius:50%}.track-stack,.scene-stack{gap:8px;padding:10px;display:grid}.track-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.track-card{cursor:pointer;background:linear-gradient(135deg,#ffffff06,#0000001a);border:1px solid #fff1;padding:10px;transition:border-color .18s,background .18s,transform .18s;position:relative}.track-card:hover{border-color:var(--track-color)}@supports (color:color-mix(in lab, red, red)){.track-card:hover{border-color:color-mix(in srgb, var(--track-color) 30%, transparent)}}.track-card.active{border-color:var(--track-color)}@supports (color:color-mix(in lab, red, red)){.track-card.active{border-color:color-mix(in srgb, var(--track-color) 54%, transparent)}}.track-card.active{background:linear-gradient(120deg, var(--track-color), #0000001f)}@supports (color:color-mix(in lab, red, red)){.track-card.active{background:linear-gradient(120deg, color-mix(in srgb, var(--track-color) 7%, transparent), #0000001f)}}.track-card.active{box-shadow:inset 2px 0 0 var(--track-color), 0 0 18px #0000002e;transform:translate(2px)}.track-mainline{align-items:center;gap:9px;display:flex}.track-symbol{border:1px solid var(--track-color);flex:0 0 28px;width:28px;height:28px}@supports (color:color-mix(in lab, red, red)){.track-symbol{border:1px solid color-mix(in srgb, var(--track-color) 38%, transparent)}}.track-symbol{background:var(--track-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.track-symbol{background:color-mix(in srgb, var(--track-color) 7%, #080d0e)}}.track-symbol{color:var(--track-color);font-size:13px}.track-symbol.selected{box-shadow:0 0 13px var(--track-color)}@supports (color:color-mix(in lab, red, red)){.track-symbol.selected{box-shadow:0 0 13px color-mix(in srgb, var(--track-color) 38%, transparent)}}.track-copy{flex:1;gap:2px;min-width:0;display:grid}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#d1dddd;font-family:Georgia,serif;font-size:11px;font-weight:400;overflow:hidden}.track-copy span{text-overflow:ellipsis;white-space:nowrap;color:#667a7b;letter-spacing:.08em;font-size:8px;overflow:hidden}.track-switches{gap:3px;display:flex}.track-switches button{color:#607071;cursor:pointer;background:#0b1213;border:1px solid #ffffff17;border-radius:3px;width:21px;height:21px;padding:0;font-size:7px}.track-switches .armed{color:#ff8794;border-color:#ff485c8c;box-shadow:0 0 8px #ff394f3b}.track-switches .muted{color:#ffcd69;border-color:#ffbe4d73}.track-switches .solo{color:#72eaff;border-color:#4fdaf480}.mini-timeline{background:#00000047;border:1px solid #ffffff0d;height:29px;margin-top:10px;position:relative;overflow:hidden}.bar-grid{background-image:linear-gradient(90deg,#0000 calc(25% - 1px),#e7bd681c 25%,#0000 calc(25% + 1px));background-size:25% 100%;position:absolute;inset:0}.mini-timeline>i{background:var(--track-color);opacity:.62;min-width:3px;height:13px;box-shadow:0 0 6px var(--track-color);border-radius:2px;position:absolute;top:7px}@supports (color:color-mix(in lab, red, red)){.mini-timeline>i{box-shadow:0 0 6px color-mix(in srgb, var(--track-color) 44%, transparent)}}.track-playhead{background:#fff5cb;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #fff5cb}.track-mix{align-items:center;gap:7px;margin-top:8px;display:flex}.track-mix label{color:#617575;letter-spacing:.1em;align-items:center;gap:4px;font-size:6px;display:flex}.track-mix input[type=range]{width:48px;height:2px;accent-color:var(--track-color)}.track-mix>span{color:#536565;margin-left:auto;font-size:7px}.track-tools{border-top:1px solid #ffffff0d;gap:4px;margin-top:8px;padding-top:8px;display:flex}.track-tools button{color:#7f9292;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;flex:1;min-height:22px;padding:0 4px;font-size:6px}.input-guide{background:#42cfdc06;border:1px solid #5fdade21;margin:3px 10px 12px;padding:12px}.input-guide span{color:#5c8587;letter-spacing:.18em;font-size:7px;display:block}.input-guide strong{color:#bcd7d7;margin-top:4px;font-family:Georgia,serif;font-size:12px;font-weight:400;display:block}.input-guide p{color:#617273;margin:7px 0 0;font-size:8px;line-height:1.5}.instrument-column{background:radial-gradient(circle at 50% 39%,#1f41433d,#070b0c52 53%,#040809b3);flex-direction:column;min-width:0;display:flex}.instrument-meta{background:#0000001f;border-bottom:1px solid #e7bd681f;justify-content:center;align-items:center;gap:28px;height:51px;display:flex}.instrument-meta>div{align-items:center;gap:8px;display:flex}.instrument-meta span{color:#607475;letter-spacing:.18em;font-size:7px}.instrument-meta strong,.instrument-meta select{color:var(--brass-light);letter-spacing:.08em;font-size:9px}.instrument-meta select{background:#0a1112;border:1px solid #e7bd682e;outline:none;padding:3px 18px 3px 7px}.orrery-stage{flex:1;place-items:center;min-height:640px;padding:26px 0 84px;display:grid;position:relative;overflow:hidden}.orrery-stage:before{content:"";background:radial-gradient(circle, var(--magic-primary), transparent 65%);border-radius:50%;width:660px;height:660px;position:absolute}@supports (color:color-mix(in lab, red, red)){.orrery-stage:before{background:radial-gradient(circle, color-mix(in srgb, var(--magic-primary) calc(var(--energy) * 18%), transparent), transparent 65%)}}.orrery-stage:before{filter:blur(18px)}.orrery-crown{z-index:8;color:var(--brass-light);text-shadow:0 0 14px var(--magic-primary);font-size:16px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.orrery{width:535px;height:535px;box-shadow:inset 0 0 0 5px #090d0d, inset 0 0 0 7px #b98e4252, inset 0 0 45px #000000d9, 0 0 0 9px #070b0c, 0 0 0 10px #c39a4e40, 0 25px 55px #000000a6, 0 0 calc(35px * var(--energy)) var(--magic-primary);background:radial-gradient(circle at 46% 42%,#ffffff09,#0000 21%),repeating-radial-gradient(circle,#0000 0 20px,#d5b06209 21px,#0000 22px 39px),radial-gradient(circle,#122326 0 19%,#0b1517 20% 45%,#151a19 46% 65%,#0a1011 66% 100%);border:1px solid #edcd8580;border-radius:50%;position:relative}@supports (color:color-mix(in lab, red, red)){.orrery{box-shadow:inset 0 0 0 5px #090d0d, inset 0 0 0 7px #b98e4252, inset 0 0 45px #000000d9, 0 0 0 9px #070b0c, 0 0 0 10px #c39a4e40, 0 25px 55px #000000a6, 0 0 calc(35px * var(--energy)) color-mix(in srgb, var(--magic-primary) 28%, transparent)}}.orrery{touch-action:none;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform:translate(-28px)scale(1.05)}.orrery-rim{background:repeating-conic-gradient(#d5b26347 0deg .3deg,#0000 .3deg 7.5deg);border:1px solid #d3ad604a;border-radius:50%;position:absolute;inset:13px;-webkit-mask-image:radial-gradient(circle,#0000 0 93%,#000 93.5%);mask-image:radial-gradient(circle,#0000 0 93%,#000 93.5%)}.engraved-ring{pointer-events:none;border-radius:50%;position:absolute}.ring-a{border:1px dashed #d8b46638;animation:100s linear infinite constellation-turn;inset:62px}.ring-b{border:1px solid #51b8c133;animation:74s linear infinite reverse constellation-turn;inset:124px;box-shadow:inset 0 0 13px #49bec912,0 0 13px #49bec90d}.key-house,.chord-seal,.tone-stone{cursor:pointer;touch-action:none;position:absolute;top:50%;left:50%}.key-house{z-index:5;color:#9d9279;background:radial-gradient(circle,#202421,#0b1010 68%);border:1px solid #cea6574d;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;box-shadow:inset 0 0 0 3px #0b1010,inset 0 0 0 4px #cea65721}.key-house span{z-index:2;font-family:Georgia,serif;font-size:14px;position:relative}.key-house i{background:#887344;border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.key-house:hover,.key-house.selected{color:#fff0bc;border-color:var(--magic-primary);background:radial-gradient(circle, var(--magic-primary), #0a1112 70%)}@supports (color:color-mix(in lab, red, red)){.key-house:hover,.key-house.selected{background:radial-gradient(circle, color-mix(in srgb, var(--magic-primary) 28%, #101717), #0a1112 70%)}}.key-house:hover,.key-house.selected{box-shadow:inset 0 0 0 3px #0b1010, inset 0 0 0 4px var(--magic-primary), 0 0 17px var(--magic-primary)}@supports (color:color-mix(in lab, red, red)){.key-house:hover,.key-house.selected{box-shadow:inset 0 0 0 3px #0b1010, inset 0 0 0 4px color-mix(in srgb, var(--magic-primary) 28%, transparent), 0 0 17px color-mix(in srgb, var(--magic-primary) 37%, transparent)}}.key-house.selected i{box-shadow:0 0 7px 2px var(--magic-primary);background:#fff3bd}.chord-seal{z-index:6;background:radial-gradient(circle,#101b1d 25%,#081011 68%);border:1px solid #cfa95b3d;border-radius:50%;place-content:center;gap:1px;width:59px;height:59px;margin:-30px 0 0 -30px;display:grid;box-shadow:inset 0 0 0 3px #dab25f0e}.chord-seal strong{color:#dfc98e;font-family:Georgia,serif;font-size:13px;font-weight:400}.chord-seal span{color:#5f7473;letter-spacing:.08em;text-transform:uppercase;font-size:5px}.chord-seal:hover,.chord-seal:active{border-color:var(--magic-secondary);box-shadow:inset 0 0 13px var(--magic-secondary), 0 0 18px var(--magic-secondary)}@supports (color:color-mix(in lab, red, red)){.chord-seal:hover,.chord-seal:active{box-shadow:inset 0 0 13px color-mix(in srgb, var(--magic-secondary) 13%, transparent), 0 0 18px color-mix(in srgb, var(--magic-secondary) 26%, transparent)}}.chord-seal:hover,.chord-seal:active{transform-origin:50%}.tone-stone{z-index:8;color:#a4d6d7;background:radial-gradient(circle at 40% 35%,#2c5559,#0b1719 65%);border:1px solid #72d2da59;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;box-shadow:inset 0 0 8px #70dfe71f}.tone-stone span{font-family:Georgia,serif;font-size:10px}.tone-stone:hover,.tone-stone.sounding{color:#f1ffff;background:radial-gradient(circle, #bfffff, var(--magic-secondary) 28%, #0a1b1d 70%);box-shadow:0 0 17px var(--magic-secondary), 0 0 35px var(--magic-secondary);border-color:#aafaff}@supports (color:color-mix(in lab, red, red)){.tone-stone:hover,.tone-stone.sounding{box-shadow:0 0 17px var(--magic-secondary), 0 0 35px color-mix(in srgb, var(--magic-secondary) 35%, transparent)}}.tone-stone:hover,.tone-stone.sounding{animation:.75s ease-in-out infinite alternate tone-pulse}.sigil-lines{z-index:4;pointer-events:none;border:1px solid #4dccd92b;border-radius:50%;position:absolute;inset:184px}.sigil-lines i{transform-origin:0;background:linear-gradient(90deg, var(--magic-secondary), transparent);width:142px;height:1px;box-shadow:0 0 4px var(--magic-secondary);transition:opacity .12s;position:absolute;top:50%;left:50%}.oracle-stone{z-index:10;text-align:center;background:radial-gradient(circle at calc(20% + var(--energy) * 25%) 28%, var(--magic-secondary), transparent 2%, transparent 13%), radial-gradient(circle at 35% 31%, #fff3, transparent 3%), radial-gradient(circle at 53% 58%, var(--magic-primary), #07191c 48%, #020708 75%);border:1px solid #aee5e56b;border-radius:50%;place-content:center;width:154px;height:154px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.oracle-stone{background:radial-gradient(circle at calc(20% + var(--energy) * 25%) 28%, color-mix(in srgb, var(--magic-secondary) 45%, #fff), transparent 2%, transparent 13%), radial-gradient(circle at 35% 31%, #fff3, transparent 3%), radial-gradient(circle at 53% 58%, color-mix(in srgb, var(--magic-primary) 18%, transparent), #07191c 48%, #020708 75%)}}.oracle-stone{box-shadow:inset 0 0 28px #000, inset 0 0 45px var(--magic-secondary), 0 0 0 5px #0b1111, 0 0 0 7px #c7a3553d, 0 0 calc(27px * var(--energy)) var(--magic-secondary)}@supports (color:color-mix(in lab, red, red)){.oracle-stone{box-shadow:inset 0 0 28px #000, inset 0 0 45px color-mix(in srgb, var(--magic-secondary) 12%, transparent), 0 0 0 5px #0b1111, 0 0 0 7px #c7a3553d, 0 0 calc(27px * var(--energy)) color-mix(in srgb, var(--magic-secondary) 40%, transparent)}}.oracle-stone{cursor:crosshair;touch-action:none}.oracle-depth{background:repeating-conic-gradient(from 20deg, transparent 0 28deg, #6fdfe60e 29deg 30deg);border:1px solid #7ce0e61f;border-radius:50%;animation:40s linear infinite constellation-turn;position:absolute;inset:17px}.oracle-star{background:var(--magic-secondary);width:10px;height:10px;box-shadow:0 0 8px 2px var(--magic-secondary), 0 0 18px var(--magic-primary);border:1px solid #dff;border-radius:50%;margin:-5px;transition:left 40ms linear,top 40ms linear;position:absolute}.oracle-stone>span{z-index:2;color:#c7efef;letter-spacing:.2em;pointer-events:none;font-family:Georgia,serif;font-size:11px;position:relative}.oracle-stone>small{z-index:2;color:#4f7779;letter-spacing:.15em;pointer-events:none;margin-top:4px;font-size:5px;position:relative}.reaction-caption{z-index:5;text-align:center;gap:3px;min-width:310px;display:grid;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.reaction-caption span{color:var(--magic-secondary);letter-spacing:.25em;font-size:7px}.reaction-caption strong{color:#dcebea;text-shadow:0 0 18px var(--magic-primary);font-family:Georgia,serif;font-size:14px;font-weight:400}.reaction-caption small{color:#6d8080;font-size:8px}.mobile-performance-dock{display:none}.orrery-quick-controls{z-index:6;background:linear-gradient(#0a1213f7,#060b0cfc);border-top:1px solid #e7bd682e;justify-items:center;gap:9px;padding:13px 16px 16px;display:grid;position:relative;box-shadow:0 -12px 30px #00000038}.sustain-command{color:#9d9279;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#e7bd6814,#e7bd6805);border:1px solid #e7bd6847;border-radius:18px;min-width:220px;min-height:36px;font-size:7px}.sustain-command.active{color:#fff0b6;border-color:#e7bd689e;box-shadow:inset 0 0 16px #e7bd6814,0 0 16px #e7bd6826}.loop-command-row{grid-template-columns:repeat(5,minmax(74px,1fr));gap:7px;width:min(600px,100%);display:grid}.quick-command{color:#738485;cursor:pointer;background:radial-gradient(circle at 50% 10%,#ffffff09,#050a0bb8);border:1px solid #ffffff17;justify-content:center;align-items:center;gap:7px;min-height:48px;display:flex}.quick-command>span{color:#a7b8b7;font-size:14px}.quick-command>strong{letter-spacing:.13em;font-size:6px;font-weight:500}.quick-command.active,.loop-command.active{color:#f0dda5;background:#e7bd680b;border-color:#e7bd6861;box-shadow:inset 0 0 14px #e7bd680d}.quick-record{color:#b47d83;border-color:#bf414d59}.quick-record>i{background:#8c2d3a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 7px #d62d4459}.quick-record.recording{color:#ffd9dd;border-color:#ff4b60;animation:.75s ease-in-out infinite alternate record-pulse;box-shadow:0 0 15px #ff233f47,inset 0 0 16px #ff233f14}.quick-record.recording>i{background:#ff334d;box-shadow:0 0 13px #ff334d}.quick-play{color:#a7dfe2;border-color:#67d2e059}.quick-play.active{color:#e4ffff;border-color:#67d2e094;box-shadow:inset 0 0 14px #4cc7d714,0 0 13px #4cc7d71a}.transport{z-index:4;background:linear-gradient(#0b1314,#070c0d);border-top:1px solid #e7bd683b;position:relative;box-shadow:0 -12px 30px #00000040}.transport-summary{grid-template-columns:1fr auto 28px;align-items:center;gap:20px;min-height:62px;padding:8px 18px;display:grid}.transport-summary>div:first-child span{color:var(--brass);letter-spacing:.22em;font-size:7px}.transport-summary>div:first-child h2{color:#b9c9c8;margin:5px 0 0;font-family:Georgia,serif;font-size:13px;font-weight:400}.transport-row{justify-content:center;align-items:center;gap:8px;min-height:73px;padding:9px 14px;display:flex}.transport button{cursor:pointer}.transport-small{color:#9aa7a5;background:radial-gradient(circle,#172021,#080e0f);border:1px solid #e7bd6833;border-radius:50%;width:34px;height:34px;font-size:12px}.record-control{color:#b47d83;letter-spacing:.16em;background:linear-gradient(#7519272b,#1a0c0e66);border:1px solid #bf414d59;justify-content:center;align-items:center;gap:7px;min-width:90px;height:36px;font-size:7px;display:flex}.record-control i{background:#8c2d3a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 7px #d62d4459}.record-control.recording{color:#ffd9dd;border-color:#ff4b60;animation:.75s ease-in-out infinite alternate record-pulse;box-shadow:0 0 15px #ff233f47,inset 0 0 16px #ff233f14}.record-control.recording i{background:#ff334d;box-shadow:0 0 13px #ff334d}.play-control{color:#d5ffff;background:radial-gradient(circle,#46bccc2e,#071012 66%);border:1px solid #67d2e087;border-radius:50%;place-content:center;gap:1px;width:60px;height:60px;font-size:15px;display:grid;box-shadow:inset 0 0 0 4px #081011,inset 0 0 0 5px #72dee826,0 0 15px #4cc7d71f}.play-control span{letter-spacing:.12em;font-size:5px}.song-position{border-left:1px solid #e7bd6821;border-right:1px solid #e7bd6821;place-items:center;min-width:130px;padding:6px 12px;display:grid}.song-position small,.song-position span{color:#586a6b;letter-spacing:.2em;font-size:5px}.song-position strong{color:#bdebee;letter-spacing:.12em;text-shadow:0 0 9px #4cccda52;margin:1px 0;font-family:ui-monospace,Consolas,monospace;font-size:16px}.rune-toggle{color:#607273;background:#ffffff05;border:1px solid #ffffff14;place-content:center;gap:1px;width:48px;height:44px;font-size:14px;display:grid}.rune-toggle span{letter-spacing:.1em;font-size:5px}.rune-toggle.active{color:#e9d89f;background:#e7bd680b;border-color:#e7bd6852;box-shadow:inset 0 0 11px #e7bd680a}.transport-options{border-top:1px solid #ffffff0b;align-items:center;gap:6px;min-height:37px;padding:5px 12px;display:flex}.transport-options>button{color:#667778;letter-spacing:.1em;background:#ffffff05;border:1px solid #fff1;min-height:24px;padding:0 8px;font-size:6px}.transport-options>button.active{color:#9adfe3;background:#42c5cf0a;border-color:#5acfd940}.tempo-control{color:#657677;letter-spacing:.12em;align-items:center;gap:4px;margin-left:auto;font-size:6px;display:flex}.tempo-control button{color:#a99362;background:#0d1516;border:1px solid #e7bd6826;width:20px;height:20px;padding:0}.tempo-control input{color:#e6ce90;text-align:center;background:0 0;border:0;outline:none;width:34px;padding:0;font-family:ui-monospace,monospace;font-size:12px}.tempo-control small{color:#596969;font-size:5px}.autosave-mark{color:#596a6b;letter-spacing:.1em;align-items:center;gap:5px;margin-left:10px;font-size:5px;display:flex}.autosave-mark i{background:#4fcba2;border-radius:50%;width:4px;height:4px;box-shadow:0 0 5px #4fcba2}.queued-scene{color:#77bfc3;letter-spacing:.12em;background:#43bfcb09;border:1px solid #5ad2dd2e;margin:9px 10px 0;padding:7px 8px;font-size:6px}.queued-scene i{background:var(--magic-secondary);width:5px;height:5px;box-shadow:0 0 7px var(--magic-secondary);border-radius:50%;margin-right:6px;display:inline-block}.scene-card{background:#ffffff05;border:1px solid #fff1}.scene-card.active{border-color:var(--scene-a)}@supports (color:color-mix(in lab, red, red)){.scene-card.active{border-color:color-mix(in srgb, var(--scene-a) 48%, transparent)}}.scene-card.active{box-shadow:inset 2px 0 0 var(--scene-a), 0 0 16px var(--scene-a)}@supports (color:color-mix(in lab, red, red)){.scene-card.active{box-shadow:inset 2px 0 0 var(--scene-a), 0 0 16px color-mix(in srgb, var(--scene-a) 8%, transparent)}}.scene-load{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:22px 47px 1fr auto;align-items:center;gap:8px;width:100%;min-height:65px;padding:7px;display:grid}.scene-number{color:#536566;font-family:ui-monospace,monospace;font-size:8px}.scene-thumbnail{border:1px solid var(--scene-a);place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.scene-thumbnail{border:1px solid color-mix(in srgb, var(--scene-a) 38%, transparent)}}.scene-thumbnail{background:radial-gradient(circle, var(--scene-b), var(--scene-a) 56%, #080d0e);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.scene-thumbnail{background:radial-gradient(circle, color-mix(in srgb, var(--scene-b) 22%, transparent), color-mix(in srgb, var(--scene-a) 13%, #081011) 56%, #080d0e)}}.scene-thumbnail{box-shadow:inset 0 0 0 3px #091011}.scene-thumbnail:before{content:"";border:1px dashed var(--scene-b);position:absolute;inset:7px}@supports (color:color-mix(in lab, red, red)){.scene-thumbnail:before{border:1px dashed color-mix(in srgb, var(--scene-b) 35%, transparent)}}.scene-thumbnail:before{border-radius:50%}.scene-thumbnail i{z-index:2;color:var(--scene-a);position:relative}@supports (color:color-mix(in lab, red, red)){.scene-thumbnail i{color:color-mix(in srgb, var(--scene-a) 80%, #fff)}}.scene-thumbnail i{text-shadow:0 0 8px var(--scene-a);font-size:13px;font-style:normal}.scene-thumbnail b{background:linear-gradient(90deg, transparent, var(--scene-b), transparent);opacity:.4;width:38px;height:1px;position:absolute;transform:rotate(-35deg)}.scene-copy{gap:3px;min-width:0;display:grid}.scene-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#c7d4d3;font-family:Georgia,serif;font-size:10px;font-weight:400;overflow:hidden}.scene-copy small{color:#647677;font-size:7px}.scene-copy input{color:#e5d5aa;background:#091011;border:1px solid #e7bd6859;outline:none;width:100%;padding:3px 4px;font-family:Georgia,serif;font-size:10px}.scene-state{color:#566869;letter-spacing:.12em;border:1px solid #ffffff0f;padding:3px 4px;font-size:5px}.scene-card.active .scene-state{color:var(--scene-a)}@supports (color:color-mix(in lab, red, red)){.scene-card.active .scene-state{color:color-mix(in srgb, var(--scene-a) 75%, #fff)}}.scene-card.active .scene-state{border-color:var(--scene-a)}@supports (color:color-mix(in lab, red, red)){.scene-card.active .scene-state{border-color:color-mix(in srgb, var(--scene-a) 28%, transparent)}}.scene-actions{border-top:1px solid #ffffff0b;display:flex}.scene-actions button{color:#536465;cursor:pointer;background:#0000001c;border:0;border-right:1px solid #ffffff0b;flex:1;min-height:22px;padding:0 2px;font-size:5px}.scene-actions button:hover{color:#b6c7c7}.scene-transition{background:#e7bd6805;border:1px solid #e7bd681f;margin:4px 10px 12px;padding:11px}.scene-transition label{gap:5px;display:grid}.scene-transition label span{color:#796f55;letter-spacing:.17em;font-size:6px}.scene-transition select{color:#aebcba;background:#091011;border:1px solid #e7bd6824;outline:none;width:100%;padding:6px 7px;font-size:8px}.scene-transition p{color:#58696a;margin:7px 0 0;font-size:7px;line-height:1.5}.arrangement-panel{z-index:3;border-top:1px solid var(--line);background:linear-gradient(#091011,#060a0b);position:relative}.arrangement-heading{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:60px;padding:9px 11px;display:flex}.arrangement-actions{justify-content:flex-end;gap:6px;padding:9px 18px 0;display:flex}.arrangement-actions button,.add-scene-text{color:#9e8c60;letter-spacing:.1em;cursor:pointer;background:#e7bd6809;border:1px solid #e7bd682e;min-height:32px;padding:0 11px;font-size:6px}.arrangement-actions button.active{color:#9ce9ed;border-color:#53cfd959}.drawer-actionbar{justify-content:flex-end;padding:9px 10px 0;display:flex}.arrangement-strip{align-items:stretch;gap:7px;min-height:91px;padding:10px 18px 13px;display:flex;overflow-x:auto}.arrangement-strip article{background:linear-gradient(135deg, var(--scene-a), #0000002b);border:1px solid #fff1;flex:0 0 205px;grid-template-columns:18px 34px 1fr 18px;align-items:center;gap:7px;padding:8px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.arrangement-strip article{background:linear-gradient(135deg, color-mix(in srgb, var(--scene-a) 5%, transparent), #0000002b)}}.arrangement-strip article{cursor:grab}.arrangement-strip article.playing{border-color:var(--scene-a)}@supports (color:color-mix(in lab, red, red)){.arrangement-strip article.playing{border-color:color-mix(in srgb, var(--scene-a) 50%, transparent)}}.arrangement-strip article.playing{box-shadow:inset 0 -2px 0 var(--scene-a), 0 0 16px var(--scene-a)}@supports (color:color-mix(in lab, red, red)){.arrangement-strip article.playing{box-shadow:inset 0 -2px 0 var(--scene-a), 0 0 16px color-mix(in srgb, var(--scene-a) 10%, transparent)}}.arrangement-strip article>i{border:1px solid var(--scene-a);place-items:center;width:31px;height:31px;display:grid}@supports (color:color-mix(in lab, red, red)){.arrangement-strip article>i{border:1px solid color-mix(in srgb, var(--scene-a) 35%, transparent)}}.arrangement-strip article>i{color:var(--scene-a);background:radial-gradient(circle, var(--scene-b), transparent);border-radius:50%;font-style:normal}@supports (color:color-mix(in lab, red, red)){.arrangement-strip article>i{background:radial-gradient(circle, color-mix(in srgb, var(--scene-b) 11%, transparent), transparent)}}.arr-index{color:#4f6162;font-family:ui-monospace,monospace;font-size:8px}.arrangement-strip article>div{gap:4px;min-width:0;display:grid}.arrangement-strip article strong{text-overflow:ellipsis;white-space:nowrap;color:#b8c7c6;font-family:Georgia,serif;font-size:9px;font-weight:400;overflow:hidden}.arrangement-strip article label{color:#5e7071;font-size:6px}.arrangement-strip article input{width:25px;color:var(--scene-a);background:0 0;border:0}@supports (color:color-mix(in lab, red, red)){.arrangement-strip article input{color:color-mix(in srgb, var(--scene-a) 75%, #fff)}}.arrangement-strip article input{outline:none;font-family:ui-monospace,monospace;font-size:8px}.arrangement-strip article>button{color:#536566;cursor:pointer;background:0 0;border:0}.empty-map{color:#627475;font-size:9px}.status-footer{z-index:4;color:#536566;letter-spacing:.11em;background:#050909;border-top:1px solid #e7bd681c;justify-content:space-between;align-items:center;min-height:29px;padding:0 18px;font-size:6px;display:flex;position:relative}.status-footer span:first-child{color:#799393}.status-footer i{background:#5fe4b8;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block;box-shadow:0 0 5px #5fe4b8}.transition-veil{z-index:30;pointer-events:none;background:radial-gradient(circle, var(--magic-primary), var(--magic-secondary));position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.transition-veil{background:radial-gradient(circle, color-mix(in srgb, var(--magic-primary) 22%, transparent), color-mix(in srgb, var(--magic-secondary) 9%, #00000026))}}.transition-veil{animation:.9s ease-out forwards scene-veil}.transition-reverbWash .transition-veil{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.transition-filterSweep .transition-veil{background:linear-gradient(90deg, transparent, var(--magic-secondary), transparent)}@supports (color:color-mix(in lab, red, red)){.transition-filterSweep .transition-veil{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--magic-secondary) 25%, transparent), transparent)}}.transition-filterSweep .transition-veil{animation:.9s ease-out forwards filter-sweep}.transition-instant .transition-veil{animation-duration:.18s}@keyframes record-pulse{to{filter:brightness(1.5);box-shadow:0 0 25px #ff233f7a,inset 0 0 18px #ff233f1f}}@keyframes drawer-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes tone-pulse{to{filter:brightness(1.35);transform-origin:50%}}@keyframes mote-drift{to{opacity:.75;transform:translate(17px,-38px)scale(1.7)}}@keyframes aurora-one{to{transform:translate(18vw,-4vh)scale(1.18)}}@keyframes aurora-two{to{transform:translate(-13vw,12vh)scale(.86)}}@keyframes constellation-turn{to{transform:rotate(360deg)}}@keyframes scene-veil{0%{opacity:0}23%{opacity:1}to{opacity:0}}@keyframes filter-sweep{0%{opacity:0;transform:translate(-100%)}35%{opacity:1}to{opacity:0;transform:translate(100%)}}@media (width<=1180px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.track-stack,.scene-stack,.scene-panel .scene-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-actions{flex-wrap:wrap}.session-readout>div:last-child{display:none}}@media (width<=820px){.studio-shell{overflow:clip}.studio-layout{zoom:1;width:100%;min-height:100vh}.topbar{padding:max(10px, env(safe-area-inset-top)) 14px 10px;grid-template-columns:1fr auto;min-height:66px;position:sticky;top:0}.session-readout,.brand-block p{display:none}.header-actions button{min-height:44px}.workspace-grid{flex-direction:column;display:flex}.instrument-column{order:1}.track-panel{order:2}.scene-panel{order:3;display:block}.orrery-stage{transform-origin:top;min-height:520px;padding-top:18px}.orrery{transform-origin:50%;transform:translate(-24px)scale(.78)}.orrery-stage:before{width:520px;height:520px}.reaction-caption{bottom:20px}.mobile-performance-dock{background:linear-gradient(#0a1213f2,#060c0dfa);border-top:1px solid #e7bd681f;grid-template-columns:1fr auto;gap:10px;padding:14px 16px 16px;display:grid}.mobile-performance-dock>div:first-child{gap:3px;display:grid}.mobile-performance-dock>div:first-child span{color:#b99b5b;letter-spacing:.19em;font-size:7px}.mobile-performance-dock>div:first-child strong{color:#bcd5d5;font-family:Georgia,serif;font-size:12px;font-weight:400}.mobile-performance-dock>small{color:#65cdd2;letter-spacing:.13em;align-self:center;font-size:6px}.mobile-note-grid{scrollbar-width:thin;grid-column:1/-1;grid-template-columns:repeat(7,minmax(48px,1fr));gap:7px;padding:2px 0 5px;display:grid;overflow-x:auto}.mobile-note-grid button{color:#b8dedf;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 28%,#43adb41f,#050d0eb8);border:1px solid #5fcfd640;border-radius:4px;place-content:center;gap:3px;min-width:48px;min-height:58px;display:grid}.mobile-note-grid button span{font-family:Georgia,serif;font-size:16px}.mobile-note-grid button i{color:#5f7d7e;font-size:6px;font-style:normal}.mobile-note-grid button.sounding{color:#efffff;background:radial-gradient(circle,#8ffbff6b,#20777e3d 35%,#071416 72%);border-color:#8ef5fa;box-shadow:inset 0 0 14px #6ae6ed24,0 0 14px #53dce533}.orrery-quick-controls{z-index:28;padding-bottom:max(16px, env(safe-area-inset-bottom));position:sticky;bottom:0}.sustain-command{min-height:44px}.loop-command-row{width:100%}.quick-command{min-height:48px}.transport{z-index:4;padding-bottom:0;position:relative;bottom:auto}.transport-summary{grid-template-columns:1fr auto 24px;gap:8px;padding-inline:14px}.transport-row{flex-wrap:wrap;gap:9px}.transport-summary .song-position{border:0}.transport-small{width:44px;height:44px}.record-control{min-height:44px}.rune-toggle{min-width:48px;min-height:48px}.transport-options{scrollbar-width:thin;flex-wrap:nowrap;padding:7px 12px;overflow-x:auto}.transport-options>button{flex:none;min-height:38px}.tempo-control{margin-left:0}.track-stack{grid-template-columns:repeat(2,1fr)}.track-card{padding:13px}.track-symbol{flex-basis:42px;width:42px;height:42px}.track-switches button{width:36px;height:36px;font-size:8px}.track-tools button{min-height:38px}.track-mix input[type=range]{width:76px;height:4px}.scene-load{min-height:78px}.scene-actions button{min-height:36px}.scene-stack,.scene-panel .scene-stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.status-footer{white-space:nowrap;gap:12px;overflow-x:auto}}@media (width<=560px){.login-shell{padding:16px 12px}.login-card{padding:58px 23px 24px}.login-orrery{width:105px;height:105px;margin-bottom:21px}.login-orrery>i{transform:rotate(calc(var(--n,0) * 30deg)) translateY(-43px)}.login-orrery>div{inset:26px}.topbar{gap:7px;padding-inline:9px}.brand-block{gap:7px}.brand-sigil{width:35px;height:35px;font-size:16px}.brand-block h1{letter-spacing:.2em;font-size:13px}.header-actions{gap:4px}.save-button{letter-spacing:.1em;padding:0 7px;font-size:6px;min-height:40px!important}.instrument-meta{scrollbar-width:none;justify-content:flex-start;gap:18px;padding:0 13px;overflow-x:auto}.instrument-meta>div{flex:none}.orrery-stage{min-height:430px;padding-bottom:48px}.orrery{transform:translate(-28px)scale(.63)}.orrery-crown{top:5px}.reaction-caption{min-width:260px;bottom:8px}.mobile-performance-dock{padding-inline:11px}.mobile-note-grid{grid-template-columns:repeat(7,52px);gap:6px}.mobile-note-grid button{min-width:52px;min-height:62px}.track-stack,.scene-stack,.scene-panel .scene-stack{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:none;gap:10px;padding:11px;display:flex;overflow-x:auto}.track-card{scroll-snap-align:center;flex:0 0 min(84vw,360px)}.scene-card{scroll-snap-align:center;flex:0 0 min(84vw,350px)}.input-guide,.scene-transition{margin-inline:11px}.transport-row{gap:5px;padding-inline:5px}.record-control{min-width:84px}.rune-toggle{width:46px;min-width:46px}.song-position{padding-block:4px}.transport-options{padding-inline:8px}.transport-options>button{min-height:42px}.tempo-control{flex:none;min-height:42px}.tempo-control button{width:34px;height:34px}.autosave-mark{display:none}.arrangement-strip article{flex-basis:180px}.status-footer{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=820px) and (orientation:landscape) and (height<=600px){.topbar{position:relative}.orrery-stage{min-height:405px}.orrery{transform:translate(-28px)scale(.68)}.mobile-note-grid button{min-height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ambient-field>i,.aurora,.constellation-grid{display:none}}.orrery-quick-controls{padding:10px 8px max(11px, env(safe-area-inset-bottom));gap:8px}.sustain-command{width:min(230px,76vw)}.loop-command-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.quick-command{flex-direction:column;gap:2px;min-width:0;min-height:48px;padding:3px}.quick-command>span{font-size:12px}.quick-command>strong{letter-spacing:.07em;font-size:5px}.transport-summary{grid-template-columns:1fr auto 20px;padding-inline:10px}.transport-summary>div:first-child h2{font-size:11px}.transport-summary .song-position{min-width:104px;padding-inline:4px}.drawer-summary-tail{gap:7px}.panel-heading{padding-inline:11px}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}