.module-app{min-height:100vh;background:radial-gradient(circle at 18% -10%,#1d3154,transparent 34%),#070b11;color:#edf4ff;font-family:Inter,ui-sans-serif,system-ui}.module-app *{box-sizing:border-box}.module-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;overflow:auto;padding:14px 18px;border-bottom:1px solid #253247;background:#070b11e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.module-head a{color:#b9c7d9;text-decoration:none;white-space:nowrap;padding:9px 11px;border-radius:9px}.module-head a:first-child{font-weight:900;color:#fff}.module-head a[aria-current=page]{color:#65e8ff;background:#122533}.module-main{max-width:1250px;margin:auto;padding:34px 18px 90px}.module-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.module-title h1{font-size:clamp(40px,7vw,84px);line-height:.95;letter-spacing:-.055em;margin:8px 0}.module-title p{color:#97a7bb;max-width:680px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:.18em;color:#5fe6ff;font-weight:800}.rack{border:1px solid #2b3b53;border-radius:18px;background:linear-gradient(145deg,#111b28,#0b1018);padding:20px;margin:16px 0}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-grid label{display:block;color:#9cabc0;font-size:11px}.control-grid input,.control-grid select{width:100%;margin-top:7px;background:#091019;border:1px solid #314158;color:#fff;padding:10px;border-radius:9px}.keys{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin-top:18px}.keys button{min-height:118px;border:1px solid #34445d;border-radius:8px;background:#e9edf2;color:#111;font-weight:800}.keys button.black{background:#17202d;color:#fff}.primary{background:linear-gradient(90deg,#45e5ef,#9a8cff);border:0;color:#071016;padding:12px 16px;border-radius:10px;font-weight:900}.secondary{background:#101a27;border:1px solid #33445d;color:#e8f2ff;padding:11px 14px;border-radius:10px}.steps{overflow:auto}.step-grid{display:grid;grid-template-columns:110px repeat(16,38px);gap:5px;align-items:center;min-width:760px}.step-grid button{width:38px;height:38px;border-radius:7px;border:1px solid #30425b;background:#0c1420;color:#6e829d}.step-grid button.on{background:#5ce9ff;color:#061018;border-color:#5ce9ff}.lane{font-weight:800}.status{margin:12px 0;color:#83f1c9}.dropzone{border:1px dashed #48617f;border-radius:16px;padding:28px;text-align:center;background:#0d1622}.note-list{max-height:300px;overflow:auto;font:12px ui-monospace,monospace;color:#aebed2}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:800px){.control-grid{grid-template-columns:1fr 1fr}.module-title{align-items:flex-start;flex-direction:column}.keys{grid-template-columns:repeat(7,1fr)}.keys button{min-height:90px}}.drum-grid{grid-template-columns:150px repeat(16,38px) 130px;min-width:930px}.lane-preview{min-width:30px;margin-right:7px;padding:4px 6px;border:1px solid #314158;border-radius:7px;background:#101a27;color:#65e8ff}.lane-velocity{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:9px!important}.lane-velocity input{width:78px!important;margin:0!important}.step-grid button.cursor{box-shadow:inset 0 0 0 2px #a995ff}.drum-grid .lane{display:flex;align-items:center}.pro-drums .module-main,.pro-synth .module-main{max-width:1520px}.pro-drums .module-title,.pro-synth .module-title{padding:18px 0 26px;border-bottom:1px solid #27384e}.drum-command,.synth-command{background:radial-gradient(circle at 100% 0,#5ce9ff14,transparent 34%),linear-gradient(145deg,#111b28,#0a1018)}.drum-stat{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #2f425a;border-radius:999px;color:#6de9ff;font:700 10px ui-monospace,monospace}.drum-scenes{display:flex;align-items:center;justify-content:space-between;gap:20px}.drum-scenes h2{margin:5px 0}.drum-scenes>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.drum-scenes span{display:flex;border:1px solid #304258;border-radius:10px;overflow:hidden}.drum-scenes span button{border:0!important;border-radius:0!important;min-height:38px}.drum-scenes span button+button{border-left:1px solid #304258!important;color:#63e8ff}.pro-grid{grid-template-columns:190px repeat(64,34px)!important;min-width:max-content!important;gap:4px!important}.pro-grid button{width:34px!important;height:34px!important}.pro-grid .lane{position:sticky;left:0;z-index:4;display:flex!important;align-items:center;gap:5px;min-height:34px;padding-right:8px;background:#0d1622}.pro-grid .lane.selected-lane{color:#6de9ff}.lane-mute{min-width:28px!important;width:28px!important;height:28px!important;padding:0!important}.lane-mute.active{background:#e14d68!important;color:white!important}.pro-grid button.selected-step{box-shadow:inset 0 0 0 2px #a995ff,0 0 18px #8b7cff66!important}.pro-grid button.on{background:linear-gradient(180deg,#65ecff,#7d8cff)!important;border-color:#73e9ff!important;color:#061018!important}.pro-grid button.cursor{outline:1px solid #f7d36d;outline-offset:1px}.drum-editors{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:10px;background:transparent!important;border:0!important;padding:0!important}.drum-editor{padding:18px;border:1px solid #2b3b53;border-radius:16px;background:linear-gradient(145deg,#101a27,#0a1018)}.drum-editor h2{font-size:20px;margin:5px 0 12px}.drum-editor .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drum-editor.euclid .control-grid{grid-template-columns:1fr 1fr}.drum-editor.euclid .primary{width:100%;margin-top:12px}.synth-quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.synth-quick button{min-height:34px;padding:7px 11px;border:1px solid #31455e;border-radius:999px;background:#0a141f;color:#9fefff}.morph-rack{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center;background:radial-gradient(circle at 80% 0,#9b8cff1c,transparent 42%),linear-gradient(145deg,#111827,#0b1019)}.morph-rack h2{margin:5px 0}.morph-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:12px}.morph-slider input{width:100%;accent-color:#8b7cff}.motif-rack{background:radial-gradient(circle at 0 100%,#5ce9ff13,transparent 36%),linear-gradient(145deg,#111a27,#0b1018)}.motif-rack h2{margin:5px 0}.motif-rack>div:first-child>p:last-child{color:#8d9cb0}.motif-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:16px 0}.motif-steps label{padding:8px;border:1px solid #2c3e55;border-radius:9px;background:#0a121d}.motif-steps span{display:block;margin-bottom:5px;color:#5ce9ff;font:700 9px ui-monospace,monospace}.motif-steps select{width:100%}.synth-slot{display:inline-flex;border:1px solid #31445b;border-radius:10px;overflow:hidden}.synth-slot button{border:0!important;border-radius:0!important}.synth-slot button+button{border-left:1px solid #31445b!important}.pro-drums .rack,.pro-synth .rack{box-shadow:inset 0 1px #ffffff08,0 12px 30px #0002}.pro-drums .control-grid label,.pro-synth .control-grid label{padding:9px;border:1px solid #27384e;border-radius:9px;background:#09111b}.pro-drums .control-grid input[type=range],.pro-synth .control-grid input[type=range]{accent-color:#5ce9ff}@media(max-width:1050px){.drum-editors{grid-template-columns:1fr 1fr}.drum-editor.euclid{grid-column:1/-1}.morph-rack{grid-template-columns:1fr}.motif-steps{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.drum-scenes{align-items:flex-start;flex-direction:column}.drum-editors{grid-template-columns:1fr}.drum-editor.euclid{grid-column:auto}.pro-grid{grid-template-columns:150px repeat(64,32px)!important}.pro-grid button{width:32px!important;height:32px!important}.motif-steps{grid-template-columns:repeat(2,1fr)}.morph-grid{grid-template-columns:1fr}.pro-drums .control-grid,.pro-synth .control-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.pro-drums .control-grid,.pro-synth .control-grid{grid-template-columns:1fr}.motif-steps{grid-template-columns:1fr 1fr}}.floating-transport{position:fixed;right:18px;bottom:92px;z-index:140;min-width:132px;min-height:48px;padding:11px 16px;border:1px solid #6cecff!important;border-radius:999px!important;background:linear-gradient(135deg,#5ce9ff,#58d9bd 58%,#a28cff)!important;color:#041017!important;font-weight:900!important;box-shadow:0 12px 34px #0009,0 0 28px #5ce9ff2f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-transport:disabled{opacity:.45;filter:saturate(.5)}@media(min-width:900px){.floating-transport{bottom:28px;right:28px}}.my-creations-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.my-creations-tools label{display:grid;gap:5px;min-width:min(320px,70vw);font-size:10px;color:#91a4ba}.my-creations-tools input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #33465d;border-radius:9px;background:#08111b;color:#eef7ff}@media(max-width:650px){.my-creations-tools{width:100%}.my-creations-tools label{width:100%;min-width:0}.my-creations-tools button{width:100%}}@media(max-width:899px){.floating-transport{position:sticky!important;top:8px!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:2000!important;display:block;width:max-content;max-width:calc(100vw - 24px);margin:0 0 12px auto!important;pointer-events:auto!important}}