.sample-machine-app .module-main{max-width:1580px}.sample-command{background:radial-gradient(circle at 100% 0,#5ce9ff18,transparent 36%),linear-gradient(145deg,#111b28,#0a1018)}.sample-workspace{display:grid;grid-template-columns:minmax(480px,1fr) minmax(460px,.95fr);gap:16px;align-items:start}.sample-grid-rack{position:sticky;top:78px}.sample-pad-grid{display:grid;gap:9px}.sample-pad{aspect-ratio:1;border:2px solid #33455d;border-radius:16px;background:linear-gradient(150deg,#162333,#0a111a);color:#eaf4ff;padding:12px;text-align:left;box-shadow:inset 0 1px #ffffff10,0 10px 22px #0004;touch-action:none;-webkit-user-select:none;user-select:none}.sample-pad.selected,.sample-pad:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #5ce9ff55,0 14px 28px #0007}.sample-pad:active{transform:translateY(2px) scale(.985);filter:brightness(1.3)}.sample-pad small,.sample-pad span{display:block;color:#8496ac;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.sample-pad strong{display:block;margin:8px 0 5px;font-size:13px}.pad-inspector{min-height:660px}.pad-inspector-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.pad-inspector h2{margin:4px 0 12px;font-size:30px}.sample-tabs{display:flex;gap:6px;overflow:auto;margin:4px 0 18px;padding-bottom:6px}.fx-presets button,.layer-toolbar button,.pad-export button,.quick-actions button,.sample-tabs button{border:1px solid #30445d;background:#0a131e;color:#cbd8e8;border-radius:9px;padding:9px 11px;white-space:nowrap}.sample-tabs button[aria-pressed=true]{background:#5ce9ff;color:#051017;border-color:#5ce9ff;font-weight:900}.pad-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.fx-presets,.layer-toolbar,.pad-export{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.layer-mixer{display:grid;gap:10px;max-height:680px;overflow:auto;padding-right:4px}.action-row,.layer-mixer article{border:1px solid #293c54;border-radius:12px;background:#09121c;padding:12px}.layer-mixer header{display:flex;justify-content:space-between;margin-bottom:9px}.layer-mixer header span{color:#65e8ff;font-size:10px;text-transform:uppercase}.layer-mixer .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-row-actions{display:flex;gap:10px;align-items:center;margin-top:9px;color:#9fb0c4;font-size:11px}.layer-row-actions label{display:flex;align-items:center;gap:5px}.action-row{display:grid;grid-template-columns:2fr 1fr .7fr .8fr;gap:7px;margin-top:8px}.action-row input,.action-row select{width:100%;background:#07101a;border:1px solid #30435b;color:white;border-radius:7px;padding:8px}.pad-export{border-top:1px solid #27384e;padding-top:16px;margin-top:20px}.sample-error{padding:11px 14px;border:1px solid #8b3549;background:#30131c;color:#ff9eb0;border-radius:10px}@media(max-width:1100px){.sample-workspace{grid-template-columns:1fr}.sample-grid-rack{position:static}.sample-pad{aspect-ratio:auto;min-height:96px}}@media(max-width:700px){.sample-pad-grid{grid-template-columns:repeat(3,minmax(74px,1fr))!important}.sample-pad{padding:9px;min-height:86px}.layer-mixer .control-grid,.pad-quick{grid-template-columns:1fr}.action-row{grid-template-columns:1fr 1fr}.sample-machine-app .module-title{align-items:flex-start;flex-direction:column}}.sample-layer-card details{border-top:1px solid #213248;margin-top:10px;padding-top:8px}.sample-layer-card summary{cursor:pointer;color:#8feeff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.sample-layer-card details .control-grid{margin-top:10px}.sample-layer-card header>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sample-layer-card header>div:last-child{display:flex;gap:6px}.fx-line button,.group-line button,.macro-line button,.mod-line button,.sample-layer-card button,.snapshot-row button,.take-suggestion button{border:1px solid #30445d;background:#0b151f;color:#dce9f8;border-radius:8px;padding:7px 9px}.take-suggestion{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 0;padding:10px;border:1px solid #38516e;border-radius:11px;background:#0b1723}.take-suggestion b{color:#8feeff}.layer-resample{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:10px 0 14px;padding:10px;border:1px dashed #35516c;border-radius:10px}.layer-resample span{margin-right:auto;color:#9eb0c5;font-size:11px}.snapshot-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.snapshot-row>span:not(:first-child){display:inline-flex;border:1px solid #2e4057;border-radius:9px;overflow:hidden}.snapshot-row>span:not(:first-child) button{border:0;border-radius:0}.xy-pad{height:190px;margin-top:14px;border:1px solid #55718f;border-radius:15px;background:radial-gradient(circle at 50% 50%,#5ce9ff1e,transparent 35%),linear-gradient(135deg,#111f2d,#0a1119);display:flex;justify-content:space-between;align-items:flex-end;padding:12px;touch-action:none;-webkit-user-select:none;user-select:none;color:#8feeff;font:700 10px ui-monospace,monospace}.fx-line,.group-line,.macro-line,.mod-line{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(120px,2fr) auto;gap:8px;align-items:center;margin:8px 0;padding:9px;border:1px solid #293d54;border-radius:10px;background:#09121b}.group-line input,.macro-line input,.mod-line input,.mod-line select{width:100%;background:#07101a;border:1px solid #30435b;color:#fff;border-radius:7px;padding:8px}.mod-line{grid-template-columns:1fr 2fr .8fr .8fr}.group-line{grid-template-columns:1.2fr 1fr 1fr}.sample-layer-card input[type=file]{padding:7px!important}.sample-layer-card .inline{display:flex!important;align-items:center;gap:5px}.sample-layer-card .inline input{width:auto!important;margin:0!important}.sample-layer-card .control-grid input,.sample-layer-card .control-grid label,.sample-layer-card .control-grid select{min-width:0}.sample-layer-card .fx-line{grid-template-columns:1fr 2fr auto}.sample-layer-card .fx-line label{display:flex;align-items:center;gap:7px}.sample-layer-card .fx-line input{margin:0}.module-title .actions select,.sample-command select{background:#0a131e;border:1px solid #30445d;color:#dce9f8;border-radius:9px;padding:10px}.sample-layer-card details[open]{background:#0a141e;padding:9px;border-radius:9px}.sample-layer-card details[open] summary{margin-bottom:3px}@media(max-width:700px){.fx-line,.group-line,.mod-line,.sample-layer-card .fx-line{grid-template-columns:1fr}.snapshot-row>span:not(:first-child){width:100%}.snapshot-row>span:not(:first-child) button{flex:1 1}.xy-pad{height:150px}}.automation-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:7px;align-items:end;margin:8px 0}.automation-line input{width:100%;background:#07101a;border:1px solid #30435b;color:#fff;border-radius:7px;padding:8px}.automation-line label{font-size:10px;color:#98abc1}.automation-line button{border:1px solid #30445d;background:#0b151f;color:#dce9f8;border-radius:8px;padding:8px}@media(max-width:700px){.automation-line{grid-template-columns:1fr 1fr}.automation-line>input{grid-column:1/-1}}.group-card,.macro-card{border:1px solid #2d4057;border-radius:11px;background:#09121b;padding:9px;margin:9px 0}.macro-target{display:grid;grid-template-columns:1fr 1.3fr 1.6fr .7fr .7fr auto auto;gap:6px;align-items:center;margin-top:7px}.group-card select,.macro-target input,.macro-target select{width:100%;background:#07101a;border:1px solid #30435b;color:#fff;border-radius:7px;padding:7px}.macro-target label{display:flex;align-items:center;gap:4px;color:#9eb0c5;font-size:10px}.macro-target label input{width:auto}.group-sends{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr)) auto;gap:8px;align-items:end;margin-top:8px}.group-sends label{font-size:10px;color:#9eb0c5}.group-sends input{width:100%}@media(max-width:900px){.macro-target{grid-template-columns:1fr 1fr}.macro-target input:nth-of-type(2){grid-column:1/-1}.group-sends{grid-template-columns:1fr 1fr}}.sample-meter-label,.sample-pad-meter{display:flex;align-items:center;gap:8px;color:#8ea2b9;font-size:10px}.sample-meter-label meter,.sample-pad-meter meter{width:110px;height:9px;accent-color:#5ce9ff}.sample-pad-meter{margin-top:6px}.sample-pad-meter meter{width:150px}.condition-line,.send-fx-grid{display:grid;gap:8px}.condition-line{grid-template-columns:1fr 1fr 1fr 1fr auto;margin:8px 0}.send-fx-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}.send-fx-grid article{border:1px solid #293c54;border-radius:10px;padding:10px;background:#09121c}.send-fx-grid article>strong{display:block;margin-bottom:8px}.condition-line input,.condition-line select{width:100%;background:#07101a;border:1px solid #30435b;color:white;border-radius:7px;padding:7px}@media(max-width:700px){.condition-line{grid-template-columns:1fr 1fr}.send-fx-grid{grid-template-columns:1fr}}.action-card{border:1px solid #293c54;border-radius:12px;background:#09121c;padding:12px;margin-top:9px}.action-card .action-row{margin:0;border:0;padding:0;background:transparent;grid-template-columns:1.4fr 1fr .65fr .75fr 1fr .8fr}.action-card .action-detail{margin-top:8px;grid-template-columns:1fr 1fr 1.3fr 1fr .65fr auto}.action-condition{margin-top:10px;padding-top:10px;border-top:1px solid #22344a}.action-condition>button{margin-right:8px}@media(max-width:900px){.action-card .action-detail,.action-card .action-row{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sample-tabs{flex-wrap:wrap;overflow:visible}.sample-tabs button{flex:0 0 auto}}.sample-keyboard-guide{padding:10px 14px;background:#172739;border:1px solid #324a60;color:#bcd5e8;border-radius:12px;font:12px/1.7 system-ui,sans-serif}.sample-keyboard-guide kbd,.sample-pad-key{display:inline-block;font:10px ui-monospace,monospace;padding:2px 5px;border:1px solid #4f6e87;border-radius:5px;background:#243e53;color:#eaf5ff}.sample-pad-key{float:right;margin-left:6px}.sample-start-guide{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#111f2e;border:1px solid #36506b;border-radius:15px;padding:18px 21px;margin:12px 0 17px}.sample-start-guide h2{font-size:20px;margin:4px 0}.sample-start-guide p{max-width:700px;color:#b1c6da;font-size:13px;line-height:1.6}.sample-start-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:450px}.sample-start-actions a,.sample-start-actions button{border:1px solid #55708c;background:#20394f;border-radius:9px;padding:10px 13px;color:#e9f5ff;font-size:12px;text-decoration:none;cursor:pointer;white-space:nowrap}.sample-start-actions a{background:#e0f2ff;color:#102d42;font-weight:700}.sample-start-actions :is(button,a):focus-visible{outline:2px solid #9cd7fb;outline-offset:3px}@media(max-width:950px){.sample-start-guide{flex-direction:column;align-items:stretch}.sample-start-actions{max-width:none}}