:root{color:#d9e0e4;background:#090b0d;font-family:Inter,ui-sans-serif,system-ui;font-size:15px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,.button,input,select{font:inherit;color:inherit}button,.button{cursor:pointer;background:#171c20;border:1px solid #323b40;border-radius:5px;padding:.55rem .8rem}button:hover,.button:hover{color:#fff;border-color:#59f0a7}main{background:radial-gradient(circle at 50% -30%,#1d272b,#090b0d 42%);grid-template-rows:56px 1fr 110px;height:100vh;display:grid}header{background:#101417;border-bottom:1px solid #273036;align-items:center;gap:.65rem;padding:0 1rem;display:flex}.brand{letter-spacing:.12em;font-weight:850}.brand small{color:#7c898e;font-size:.62rem;display:block}.lamp{background:#59f0a7;border-radius:50%;width:9px;height:9px;margin-right:.65rem;display:inline-block;box-shadow:0 0 14px #59f0a7}.showname{background:0 0;border:0;flex:1;min-width:240px;max-width:520px;padding:.45rem;font-size:1.05rem;font-weight:650}.showname:focus{border-bottom:1px solid #59f0a7;outline:0}.save{color:#7d898e;margin-left:auto;font-size:.8rem}.workspace{grid-template-columns:112px minmax(500px,1fr) 275px;min-height:0;display:grid}.rail,.inspector{background:#0d1114;border-right:1px solid #252d31;padding:1rem}.rail{flex-direction:column;gap:.5rem;display:flex}.rail b,.inspector h2{letter-spacing:.14em;color:#748086;font-size:.7rem}.rail button{text-align:left;text-transform:capitalize}.rail button span{color:#59f0a7;width:24px;display:inline-block}.drop{text-align:center;color:#667278;border:1px dashed #354147;border-radius:7px;margin-top:auto;padding:1rem .4rem;font-weight:800}.drop small{font-size:.62rem;font-weight:400}.list{background:#0b0e10;overflow:auto}.thead,.row{grid-template-columns:64px 92px minmax(180px,1fr) 100px 150px 95px;align-items:center;display:grid}.thead{z-index:1;color:#718087;background:#12171a;border-bottom:1px solid #2d363a;height:35px;font-size:.68rem;font-weight:750;position:sticky;top:0}.thead span,.row span{padding:0 .7rem}.row{color:#b9c3c7;border-bottom:1px solid #1e2529;height:47px}.row:hover{background:#12181b}.row.selected{background:#163328;outline:1px solid #38d58d}.row.next:not(.selected){box-shadow:inset 3px 0 #e6b657}.row.running{background:#19352c}.row.disabled{opacity:.43}.type{font-size:.68rem;font-weight:800}.type.audio{color:#55cfff}.type.midi{color:#c89aff}.type.wait{color:#e6b657}.type.group,.hot{color:#59f0a7}.bad{color:#ff6b63}.done{color:#75837c}.inspector{border:0;border-left:1px solid #252d31;overflow:auto}.inspector h2{margin:0 0 1rem}.inspector label{color:#8d999e;margin:0 0 1rem;font-size:.77rem;display:block}.inspector input:not([type=checkbox]),.inspector select{background:#151a1d;border:1px solid #313a3f;border-radius:4px;width:100%;margin-top:.4rem;padding:.55rem;display:block}.inspector input[type=range]{accent-color:#59f0a7}.inspector output{float:right}.actions{gap:.5rem;margin-top:1.5rem;display:flex}.actions button:last-child,.danger{color:#ff7770}footer{background:#111518;border-top:1px solid #30393e;grid-template-columns:1fr 180px 1fr;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}footer>div:first-child{gap:.5rem;display:flex}.go{color:#07110c;background:#59f0a7;border-color:#8affc3;border-radius:8px;height:82px;box-shadow:0 0 24px #36b87b33}.go b{font-size:2rem;display:block}.go small{letter-spacing:.2em;font-size:.65rem}.master{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.master label{color:#8d999e;grid-template-columns:auto auto;gap:.25rem;font-size:.72rem;display:grid}.master input{accent-color:#59f0a7;grid-column:1/3}.master small{color:#78848a;max-width:130px}@media (width<=900px){.workspace{grid-template-columns:82px 1fr}.inspector{display:none}.rail{padding:.6rem}.rail button{font-size:0}.rail button span{font-size:1rem}.thead,.row{grid-template-columns:50px 72px minmax(180px,1fr) 80px 90px}.thead span:nth-child(5),.row span:nth-child(5),header button,header .button{display:none}footer{grid-template-columns:1fr 140px 1fr}.master small{display:none}}.midi-config{align-items:center;gap:.45rem;display:flex}.midi-dot{background:#626d72;border-radius:50%;width:8px;height:8px;display:inline-block}.midi-dot.ready{background:#59f0a7;box-shadow:0 0 9px #59f0a7}.midi-dot.denied,.midi-dot.unsupported{background:#ff6b63}.midi-dot.requesting{background:#e6b657}.midi-fields{border-top:1px solid #293136;padding-top:.9rem}.test-midi{color:#d7b9ff;border-color:#7860a3;width:100%}.modal-backdrop{z-index:20;background:#030506cc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.midi-panel{background:#11171a;border:1px solid #384449;border-radius:10px;width:min(680px,96vw);padding:0;overflow:hidden;box-shadow:0 24px 80px #000}.midi-panel>header{height:auto;padding:1rem 1.2rem}.midi-panel h2{margin:.15rem 0 0;font-size:1.35rem}.midi-panel header small{letter-spacing:.15em;color:#78868b;font-size:.65rem}.midi-panel header button{margin-left:auto;font-size:1.4rem}.midi-banner{background:#151b1e;border:1px solid #354147;border-radius:7px;grid-template-columns:12px 1fr auto;align-items:start;gap:.8rem;margin:1rem;padding:1rem;display:grid}.midi-banner p{color:#8a979c;margin:.3rem 0 0;font-size:.8rem}.midi-banner.denied,.midi-banner.unsupported{border-color:#693b38}.port-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem 1.4rem;display:grid}.port-grid label{color:#9aa5a9;font-size:.75rem;font-weight:700}.port-grid select{background:#0b0f11;border:1px solid #354147;border-radius:5px;width:100%;margin:.45rem 0;padding:.75rem;display:block}.port-grid small{color:#738087;font-weight:400}.midi-panel>footer{grid-template-columns:none;justify-content:space-between;height:auto;padding:.8rem 1rem;display:flex}.midi-panel>footer span{color:#758187;font-size:.75rem}@media (width<=600px){.port-grid{grid-template-columns:1fr}.midi-banner{grid-template-columns:12px 1fr}.midi-banner button{grid-column:1/3}}.trigger-editor{border-top:1px solid #2b3438;margin-top:1rem;padding-top:1rem}.trigger-title{justify-content:space-between;align-items:start;margin-bottom:.8rem;display:flex}.trigger-title h3{color:#b792ed;letter-spacing:.12em;margin:0;font-size:.72rem}.trigger-title small{color:#8a979d;margin-top:.3rem;display:block}.trigger-title input{accent-color:#b792ed}.exact{align-items:center;gap:.45rem;display:flex!important}.learn-actions{gap:.4rem;display:flex}.learn-actions button{flex:1}.learn-actions button.learning{color:#e6b657;border-color:#e6b657;box-shadow:0 0 12px #e6b65733}.learn-status{color:#e6b657;font-size:.75rem;line-height:1.35}.mapping-policy{color:#748187;margin-top:.65rem;line-height:1.35;display:block}.trigger-mark{color:#c498ff;float:right;font-size:1rem;font-style:normal}.auth-page{background:radial-gradient(circle at 50% 0,#1a2927,#090b0d 45%);place-items:center;min-height:100vh;display:grid;overflow:auto}.auth-card{background:#11171a;border:1px solid #344045;border-radius:12px;width:min(420px,92vw);padding:2rem;box-shadow:0 30px 90px #000}.auth-card h1{margin:.6rem 0}.auth-card p{color:#8d999e;line-height:1.5}.auth-card form{gap:1rem;margin:1.5rem 0;display:grid}.auth-card label{color:#9ba7ab;font-size:.78rem}.auth-card input{background:#0a0e10;border:1px solid #364248;border-radius:5px;width:100%;margin-top:.4rem;padding:.75rem;display:block}.auth-card form button{color:#07110c;background:#59f0a7;font-weight:800}.auth-card .link{color:#9fb0b6;background:0 0;border:0;width:100%}.auth-brand{letter-spacing:.15em;font-weight:900}.auth-brand span{background:#59f0a7;border-radius:50%;width:9px;height:9px;margin-right:.6rem;display:inline-block;box-shadow:0 0 12px #59f0a7}.auth-error{color:#ff918a;background:#3a1918;border:1px solid #743d39;border-radius:5px;padding:.75rem}.library{background:#090b0d;min-height:100vh}.library>header{gap:1rem;display:flex}.library>header>div:nth-child(2){margin-left:auto;display:grid}.library>header small{color:#7f8b90}.library>main{max-width:1100px;height:auto;margin:auto;padding:3rem 1.5rem;display:block}.library-title{justify-content:space-between;align-items:end;display:flex}.library-title small{color:#59f0a7;letter-spacing:.14em}.library-title h1{margin:.4rem 0;font-size:2.4rem}.library-title p{color:#879399}.library-title>button{color:#07110c;background:#59f0a7;font-weight:800}.show-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem;display:grid}.show-card{text-align:left;background:#12181b;min-height:170px;padding:1.2rem}.show-card span{color:#59f0a7;font-size:.65rem}.show-card h2{margin:1rem 0}.show-card p,.show-card time{color:#7f8b90;font-size:.78rem;display:block}.empty{color:#7f8b90;border:1px dashed #364147;padding:2rem}