/* v93 — Skylight Multitrack: vintage machine face, simple modern workflow */
.sk-recorder{margin:18px 0 22px;padding:12px;border:2px solid #7b5a2b;border-radius:8px;background:linear-gradient(180deg,#26241f,#11110f 52%,#1b1915);box-shadow:inset 0 0 0 2px #050505,inset 0 0 36px #0009,0 9px 24px #0008;color:#ead8ae;position:relative;overflow:hidden}
.sk-recorder:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#fff 0.55px,transparent .7px);background-size:5px 5px}
.sk-recorder *{box-sizing:border-box}.sk-recorder> *{position:relative;z-index:1}
.sk-rec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 12px;border-bottom:1px solid #5e4930}.sk-rec-brand{display:flex;align-items:baseline;gap:12px}.sk-rec-brand strong{font:900 18px/1 var(--pixel-heading);color:#f06a2a;text-shadow:2px 2px #000}.sk-rec-brand span{font:700 8px/1.2 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#cfbb8e}.sk-power{display:flex;align-items:center;gap:7px;font:700 8px 'IBM Plex Mono',monospace}.sk-power i,.sk-led{width:8px;height:8px;border-radius:50%;display:inline-block;background:#e63c20;box-shadow:0 0 8px #e63c20}
.sk-transport{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:13px 10px}.sk-rec-title span{display:block;color:#f06a2a;font:800 11px var(--pixel-heading);margin-bottom:5px}.sk-rec-title small{font:700 8px 'IBM Plex Mono',monospace;color:#a99673}.sk-buttons{display:flex;gap:7px}.sk-machine-btn{min-width:70px;border:2px solid #080808;border-radius:4px;padding:10px 13px;background:#d2c29c;color:#171511;font:900 9px var(--pixel-heading);box-shadow:inset 0 0 0 1px #f1e5c7,0 4px 0 #050505;cursor:pointer}.sk-machine-btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #f1e5c7,0 2px 0 #050505}.sk-machine-btn.record{background:#c84322;color:#fff3d7}.sk-machine-btn.play{color:#183d18}.sk-machine-btn:disabled{opacity:.42;cursor:not-allowed}.sk-counter{text-align:right}.sk-counter strong{display:block;padding:7px 10px;background:#080705;border:2px solid #3a3022;color:#ff552b;font:700 22px 'Courier New',monospace;letter-spacing:.08em;text-shadow:0 0 8px #a20}.sk-counter span{display:block;margin-top:5px;color:#bfa77a;font:700 8px 'IBM Plex Mono',monospace}
.sk-track-head,.sk-track-row{display:grid;grid-template-columns:42px 150px 178px minmax(180px,1fr) 42px;align-items:center}.sk-track-head{padding:6px 0;color:#b69a68;font:800 7px var(--pixel-heading);border-top:1px solid #4b3b29;border-bottom:1px solid #4b3b29}.sk-track-head span:nth-child(3){text-align:center}.sk-track-row{min-height:69px;border-bottom:1px solid #3b3328;background:#12120f}.sk-track-row.recording{background:#24130e}.sk-track-num{height:100%;min-height:69px;display:grid;place-items:center;background:#3c5871;color:#fff;font:900 13px var(--pixel-heading);border-right:1px solid #020202}.sk-track-row:nth-child(3n+2) .sk-track-num{background:#a84424}.sk-track-row:nth-child(3n+3) .sk-track-num{background:#b66c1f}.sk-track-row:nth-child(3n+4) .sk-track-num{background:#94741e}.sk-track-name{padding:8px 10px;min-width:0}.sk-track-name input{width:100%;border:0;background:transparent;color:#f0e6ce;font:800 10px var(--pixel-heading);outline:none}.sk-track-name small{display:block;color:#8e826b;font:600 8px 'IBM Plex Mono',monospace;margin-top:5px}.sk-track-controls{display:flex;align-items:center;justify-content:center;gap:7px}.sk-mini-btn{width:38px;height:38px;border:1px solid #4d4435;border-radius:4px;background:#1a1916;color:#e8d9b7;font:900 8px var(--pixel-heading);box-shadow:0 2px 0 #000;cursor:pointer}.sk-mini-btn.arm{color:#ff6b46}.sk-mini-btn.active{background:#bd3e23;color:#fff;border-color:#ec8d57}.sk-mini-btn.mute.active{background:#c7952c}.sk-mini-btn.solo.active{background:#568855}.sk-volume{width:52px;accent-color:#e06a2c}.sk-wave{height:48px;width:100%;display:block;background:#090907;border-left:1px solid #3c3428;border-right:1px solid #3c3428}.sk-delete{width:32px;height:32px;border:1px solid #4d4435;background:#171613;color:#c5b38c;border-radius:4px;cursor:pointer}.sk-add-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px}.sk-add-track,.sk-export{border:1px solid #72542c;background:#171510;color:#dec89c;padding:9px 12px;font:800 8px var(--pixel-heading);cursor:pointer}.sk-status{font:700 8px 'IBM Plex Mono',monospace;color:#ad9b78}.sk-status.live{color:#ff7147}
.sk-fx{display:grid;grid-template-columns:1fr 1fr 170px;gap:10px;margin-top:12px}.sk-fx-panel,.sk-master{border:1px solid #5b4930;background:#14130f;padding:10px}.sk-fx-panel h4,.sk-master h4{margin:0 0 9px;color:#f06a2a;font:900 11px var(--pixel-heading)}.sk-fx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sk-fx-grid label{display:grid;gap:6px;color:#bca77e;font:700 7px var(--pixel-heading)}.sk-fx-grid select,.sk-fx-grid input{width:100%;accent-color:#ef6c2d}.sk-fx-grid select{background:#090907;color:#e9ddc3;border:1px solid #53452f;padding:6px;font:700 8px 'IBM Plex Mono',monospace}.sk-master{display:flex;flex-direction:column;justify-content:center}.sk-master-meter{height:12px;background:#070706;border:1px solid #4c402e;overflow:hidden}.sk-master-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4bb65a 0 70%,#d6a829 70% 88%,#d8492f 88%);transition:width .08s linear}.sk-master label{margin-top:8px;color:#bca77e;font:700 7px var(--pixel-heading)}.sk-master input{width:100%;accent-color:#ef6c2d}.sk-rec-tip{margin-top:10px;padding:8px 10px;border-top:1px solid #51422f;color:#a9946e;font:600 8px 'IBM Plex Mono',monospace}.sk-rec-tip b{color:#e98b46}
.digital-tuner-card.tools-tuner-after{margin-top:20px}
@media(max-width:900px){.sk-transport{grid-template-columns:1fr}.sk-counter{text-align:left}.sk-counter strong{display:inline-block}.sk-track-head{display:none}.sk-track-row{grid-template-columns:38px minmax(100px,1fr) 150px 34px;grid-template-rows:auto 50px}.sk-track-num{grid-row:1/3;min-height:104px}.sk-track-controls{justify-content:flex-end;padding-right:5px}.sk-wave{grid-column:2/4}.sk-delete{grid-column:4;grid-row:1/3;align-self:center}.sk-fx{grid-template-columns:1fr}.sk-fx-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sk-recorder{margin-left:-7px;margin-right:-7px;padding:8px}.sk-rec-head{align-items:flex-start}.sk-rec-brand{display:block}.sk-rec-brand span{display:block;margin-top:6px}.sk-buttons{width:100%}.sk-machine-btn{min-width:0;flex:1;padding:10px 6px;font-size:7px}.sk-counter strong{font-size:17px}.sk-track-row{grid-template-columns:34px minmax(72px,1fr) 132px 30px}.sk-track-controls{gap:4px}.sk-mini-btn{width:29px;height:31px;font-size:6px}.sk-volume{width:38px}.sk-fx-grid{grid-template-columns:1fr 1fr}.sk-status{font-size:7px}}
