@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}.loop-editor{color:#48573c;min-width:0}.loop-editor__tools{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 4px;display:flex}.loop-editor__tools>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.loop-editor__tools strong{font-size:13px;font-weight:500}.loop-editor__tools span,.loop-editor__inspector-heading span{color:#7a856e;font:10px var(--mono)}.loop-editor button{border-radius:4px;min-height:44px;font-size:12px}.loop-editor__tools>button,.loop-editor__actions>button,.loop-editor__empty button{color:#4f6540;background:#edf0e4;border:1px solid #acb99a;padding:10px 14px}.loop-editor button:disabled{opacity:.5}.loop-editor__help{color:#75836a;margin:8px 0 12px;font-size:11px;line-height:1.65}.loop-editor__scroll{scrollbar-color:#a2b190 #e2e8d9;overscroll-behavior:contain;background:#dce4d3;border:1px solid #b7c5a8;border-radius:5px;max-height:354px;overflow:auto}.loop-editor__timeline{isolation:isolate;width:100%;position:relative}.loop-editor__grid{pointer-events:none;display:flex;position:absolute;inset:0}.loop-editor__grid>div{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#c6d2bc 0);background-size:25% 100%;border-right:1px solid #acbe99;flex:1;position:relative}.loop-editor__grid>div>span{font:10px var(--mono);color:#748566;padding:9px 8px;display:inline-block}.loop-editor__step{z-index:1;min-width:44px;height:44px;position:absolute}.loop-editor__step.is-selected{z-index:3}.loop-editor__block{text-align:left;white-space:nowrap;color:#415b2c;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#bccca7;border:1px solid #95aa7b;border-left:3px solid #78955d;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:44px;padding:5px 11px;display:flex;overflow:hidden}.loop-editor__block strong{font-size:12px;font-weight:500;line-height:1.35}.loop-editor__block span{font:9px var(--mono);opacity:.7;line-height:1.6}.loop-editor__block:hover{background:#cad8b9}.loop-editor__step.is-selected .loop-editor__block{color:#55472b;background:#e8d7a3;border-color:#a48740;box-shadow:0 0 0 1px #a48740}.loop-editor__resize{color:#816832;cursor:ew-resize;touch-action:none;background:0 0;border:none;width:44px;padding:0;position:absolute;top:0;right:0}.loop-editor__resize span{background:#e2cc91;border:1px solid #a68e51;border-radius:3px;justify-content:center;align-items:center;width:14px;height:27px;display:inline-flex}.loop-editor__resize:hover span{background:#f0dda5}.loop-editor__playhead{z-index:4;pointer-events:none;background:#536f3d;width:2px;position:absolute;inset-block:0}.loop-editor__playhead:before{content:"";background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:8px;position:absolute;top:0;left:-4px}.loop-editor__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:min(100%,640px);min-height:144px;padding:22px;display:flex;position:sticky;left:0}.loop-editor__empty strong{font-size:14px;font-weight:500}.loop-editor__empty span{color:#758569;font-size:11px}.loop-editor__empty button{margin-top:4px}.loop-editor__inspector{background:#edf0e6;border:1px solid #c3cbb8;border-radius:5px;padding:17px 18px}.loop-editor__inspector-heading{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:17px;display:flex}.loop-editor__inspector-heading>strong{font-size:13px;font-weight:500}.loop-editor__inspector fieldset{border:0;grid-template-columns:repeat(2,minmax(70px,1fr)) minmax(150px,2fr) repeat(2,minmax(90px,1fr)) minmax(130px,1.5fr);gap:12px;margin:0;padding:0;display:grid}.loop-editor__inspector label{color:#78836c;flex-direction:column;gap:8px;min-width:0;font-size:10px;display:flex}.loop-editor__inspector input{width:100%;min-width:0;min-height:44px;font:12px var(--mono);color:#3f4d34;background:#f6f5ed;border:1px solid #bdc6b0;border-radius:4px;padding:10px}.loop-editor__inspector input:disabled{opacity:.6}.loop-editor__inspector .loop-editor__help{margin-block:12px}.loop-editor__actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.loop-editor__actions .loop-editor__save{color:#f3f4e9;background:#677c4c;border-color:#677c4c}.loop-editor__actions .loop-editor__delete{color:#946541;border-color:#ccb8a0;margin-left:auto}.loop-editor__error{color:#804a2a;background:#f6e9d7;border:1px solid #caa082;border-radius:4px;padding:12px;font-size:12px;line-height:1.6}.loop-editor__selection-help{color:#78876b;text-align:center;border:1px dashed #bcc8ad;border-radius:4px;padding:16px;font-size:11px}@media (width<=900px){.loop-editor__inspector fieldset{grid-template-columns:repeat(3,minmax(0,1fr))}.loop-editor__notes{grid-column:span 2}}@media (width<=560px){.loop-editor__tools{align-items:flex-start}.loop-editor__tools>div{flex-direction:column;gap:4px}.loop-editor__tools>button{padding-inline:10px}.loop-editor__inspector{padding:15px 12px}.loop-editor__inspector fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.loop-editor__notes,.loop-editor__label{grid-column:1/-1}.loop-editor__inspector-heading{flex-wrap:wrap;gap:7px}.loop-editor__actions{grid-template-columns:1fr 1fr;display:grid}.loop-editor__actions>button{padding-inline:8px}.loop-editor__actions .loop-editor__delete{grid-column:1/-1;margin-left:0}}.orchid-hardware{isolation:isolate;--hardware-focus:#c8893f;width:100%;max-width:1160px;margin-inline:auto;position:relative}.orchid-hardware__stage{aspect-ratio:1.66;touch-action:pan-y;width:100%;min-height:260px;max-height:max(260px,100svh - 240px);position:relative;overflow:hidden}.orchid-hardware__stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.orchid-hardware__controls{pointer-events:none;position:absolute;inset:0}.orchid-hardware__hit{z-index:2;min-width:0;min-height:0;box-shadow:none;color:#0000;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;border-radius:4px;outline:none;padding:0;position:absolute}.orchid-hardware__hit span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.orchid-hardware__hit:hover{background:#ffebb108}.orchid-hardware__hit:focus-visible{outline:2px solid var(--hardware-focus);outline-offset:3px;background:#ffdb961a}.orchid-hardware__hit--encoder{cursor:ns-resize;z-index:4;border-radius:50%}.orchid-hardware__hit--black{z-index:3}.orchid-hardware__hit--key:active{background:#f0c9760d}.orchid-hardware:not(.orchid-hardware--fallback) .orchid-hardware__hit--key{box-shadow:none;background:0 0;border-radius:0;outline:none}.orchid-hardware__hint{text-align:center;letter-spacing:.035em;color:#7a796f;min-height:28px;margin-top:-14px;font-family:inherit;font-size:11px;position:relative}.orchid-hardware--fallback .orchid-hardware__stage{aspect-ratio:auto;min-height:370px;padding-top:50px;overflow:visible}.orchid-hardware--fallback .orchid-hardware__controls{flex-wrap:wrap;gap:8px;padding:20px;display:flex;position:relative}.orchid-hardware--fallback .orchid-hardware__hit{color:#ded9c8;background:#343830;border-radius:5px;width:auto;height:48px;padding:8px 14px;position:relative}.orchid-hardware--fallback .orchid-hardware__hit span{clip-path:none;width:auto;height:auto;position:static}.orchid-hardware__unavailable{text-align:center;color:#696c62;font-size:13px;position:absolute;inset:0 0 auto}@media (width<=650px){.orchid-hardware__stage{aspect-ratio:1.45;min-height:230px}.orchid-hardware__hint{margin-top:-8px;padding-inline:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){.orchid-hardware__hit{scroll-behavior:auto}}:root{color:#292b29;font-synthesis:none;--bg:#deded8;--muted:#77796f;--border:#c3c5ba;--gold:#bb7b24;--gold-dark:#9e601a;--mono:"IBM Plex Mono",monospace;background:#deded8;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:340px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.38}button,a,input,select,[role=slider]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline-offset:4px;outline:2px solid #ba822d}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{transition:background .15s,color .15s}select,input[type=number],input[type=text],input:not([type]){color:#30322b;background:#eeeee7;border:1px solid #bfc1b6;border-radius:4px;min-width:0;padding:10px 12px}select{cursor:pointer}input[type=range]{accent-color:#706d45;cursor:ew-resize;width:100%;margin:12px 0 0}::selection{color:#222;background:#edc16b}.app-shell{max-width:1400px;margin:auto}.topbar{border-bottom:1px solid #c8cac0;align-items:center;gap:40px;height:68px;margin:0 48px;display:flex}.brand{color:#333630;align-items:center;gap:8px;display:flex}.brand>span{letter-spacing:-1.7px;font-size:28px;font-weight:600}.brand-period{color:#b6823f}.brand svg{color:#747c69}.top-nav{align-items:center;gap:24px;display:flex}.nav-link{color:#6f7466;font-size:12px}.nav-link.active{color:#292e24}.top-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.text-button,.midi-button,.audio-button{align-items:center;gap:7px;font-size:12px;display:inline-flex}.text-button,.midi-button{color:#61675a}.audio-button{background:#e6e8df;border:1px solid #a0a68f;border-radius:4px;padding:9px 12px}.audio-button.on{color:#415238;background:#d4ddc3}.midi-button.connected{color:#567339}.guide-button{font-size:11px}main{padding:0 48px}.hardware-heading{font-family:var(--mono);letter-spacing:.1em;color:#606458;align-items:center;gap:12px;padding:34px 8px 0;font-size:11px;display:flex}.hardware-heading>span:first-child{color:#333b2c;letter-spacing:.14em;font-family:inherit;font-size:13px;font-weight:500}.hardware-heading>span:nth-child(2){border-left:1px solid #adb2a3;padding-left:12px}.hardware-heading button{letter-spacing:0;color:#74796b;align-items:center;gap:10px;margin-left:auto;font-size:11px;display:flex}.hardware-heading i{background:#c0ae83;border-radius:50%;width:5px;height:5px}.hardware-heading .saved-light{background:#7b8b61}.orchid-hardware{margin-top:-7px}.hardware-status{color:#777b70;font-size:10px;font-family:var(--mono);justify-content:space-between;align-items:center;gap:18px;margin:0 12px 26px;display:flex}.hardware-status>span:first-child{align-items:center;gap:7px;display:flex}.hardware-status i{background:#9a9c90;border-radius:50%;width:5px;height:5px;display:block}.hardware-status i.ready{background:#6e8b53;box-shadow:0 0 5px #819b5e44}.hardware-status button{border-bottom:1px solid #a9ae9c;padding:3px;font-family:inherit;font-size:10px}.factory-editor{background:#e7e8df;border:1px solid #c8cbbd;border-radius:7px;margin-bottom:24px;overflow:hidden}.editor-tabs{border-bottom:1px solid #ccd0c0;align-items:center;gap:6px;min-height:48px;padding:0 20px;display:flex}.editor-tabs button{color:#757c69;white-space:nowrap;padding:17px 14px;font-size:11px;position:relative}.editor-tabs button[aria-selected=true]{color:#343e27}.editor-tabs button[aria-selected=true]:after{content:"";background:#767e59;height:2px;position:absolute;bottom:0;left:14px;right:14px}.firmware-tag{color:#8a907e;font-family:var(--mono);letter-spacing:.06em;margin-left:auto;font-size:9px}.editor-body{align-items:center;gap:32px;min-height:135px;padding:24px 30px;display:flex}.factory-picker{flex-direction:column;flex:1;gap:8px;min-width:160px;max-width:350px;display:flex}.factory-picker>span,.field-label{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#7d846f;font-size:9px}.factory-picker select{background:#f0f1e9;border-color:#b9c2a9;width:100%;min-height:41px;font-size:13px}.factory-picker small{color:#7c8371;font-size:10px}.native-parameter{flex-direction:column;flex:1;min-width:110px;max-width:220px;display:flex}.native-parameter>span{color:#59644b;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.native-parameter output{font-family:var(--mono);color:#859371;font-size:10px}.native-parameter input{height:4px}.reset-patch{white-space:nowrap;color:#79866b;align-self:flex-end;align-items:center;gap:7px;margin-left:auto;padding:8px;font-size:10px;display:inline-flex}.compact-field{color:#79836d;flex-direction:column;gap:8px;max-width:120px;font-size:10px;display:flex}.compact-field input,.compact-field select{width:100%;font-family:var(--mono);font-size:12px}.native-effects{grid-template-columns:1fr 1fr .8fr;gap:30px;width:100%;display:grid}.native-effect-slot{flex-direction:column;gap:21px;min-width:0;display:flex}.native-effect-slot>.factory-picker{flex:none;max-width:none}.native-effect-slot>.native-parameter{max-width:none}.fx-parameters{grid-template-columns:1fr 1fr;gap:22px 16px;display:grid}.fx-parameters .native-parameter{min-width:0}.fx-parameters .native-parameter>span{font-size:9px}.raw-editor{border-top:1px solid #cdd3c2}.raw-editor summary{cursor:pointer;color:#79856c;align-items:center;gap:12px;padding:13px 30px;font-size:10px;list-style:none;display:flex}.raw-editor summary::-webkit-details-marker{display:none}.raw-editor summary span{font-family:var(--mono);color:#98a28e;margin-left:auto;font-size:8px}.raw-editor[open] summary svg{transform:rotate(180deg)}.raw-toolbar{align-items:center;gap:12px;padding:4px 30px 25px;display:flex}.raw-toolbar input{flex:1;min-width:120px;font-size:12px}.raw-toolbar select,.raw-toolbar button{font-size:10px}.raw-grid{grid-template-columns:repeat(4,1fr);gap:26px 30px;max-height:480px;padding:0 30px 28px;display:grid;overflow:auto}.raw-grid .native-parameter{min-width:0;max-width:none}.raw-grid .native-parameter span{font-family:var(--mono);font-size:9px}.key-settings{flex-direction:column;gap:18px;display:flex}.toggle{white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.toggle>span{background:#bcc3b0;border-radius:20px;width:25px;height:14px;display:block;position:relative}.toggle>span:after{content:"";background:#e8ecdf;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:2px}.toggle.enabled>span{background:#849863}.toggle.enabled>span:after{background:#f0f4e8;left:13px}.inline-selects{gap:8px;display:flex}.inline-selects select{max-width:110px;padding:7px;font-size:11px}.rom-pads{grid-template-columns:repeat(4,32px);gap:7px;display:grid}.rom-pads button{height:28px;font-size:10px;font-family:var(--mono);background:#dce3d0;border:1px solid #b1bca1;border-radius:3px}.rom-pads button:active{background:#aebf92}.output-description{color:#6f7d61;flex:2;max-width:650px;font-size:11px;line-height:1.7}.output-description strong{color:#4d5e3d;font-weight:500}.output-description p{margin:5px 0}.output-description small{color:#89957d;font-size:10px}.bottom-tools{color:#829274;align-items:center;gap:22px;padding:20px 7px 35px;font-size:10px;display:flex}.bottom-tools>span{align-items:center;gap:7px;margin-right:auto;display:flex}.bottom-tools .text-button{color:#657f50;font-size:10px}.audio-rec{color:#ad764b!important}footer{color:#89967b;border-top:1px solid #c4cabb;align-items:center;gap:20px;margin:0 48px;padding:23px 5px 30px;font-size:9px;display:flex}footer>span:first-child{align-items:center;gap:7px;margin-right:auto;display:flex}footer a{align-items:center;gap:4px;display:inline-flex}footer button{font-size:9px}.toast{color:#e9efdf;z-index:10;background:#343f2a;border-radius:7px;align-items:center;gap:10px;max-width:min(600px,90vw);padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #29321f22}.toast>svg{display:none}.toast button{display:flex}dialog{color:#4d6040;background:#e9eee0;border:1px solid #b6c1a7;border-radius:10px;width:min(620px,100% - 32px);max-height:85dvh;padding:0;box-shadow:0 30px 100px #2e392a38}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#28311e66}.dialog-body{padding:30px}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.dialog-heading h2{letter-spacing:-.5px;margin:0;font-size:23px;font-weight:500}.dialog-intro{color:#88967b;margin:13px 0 25px;font-size:12px;line-height:1.7}.guide-list{flex-direction:column;gap:10px;display:flex}.guide-list>div{gap:15px;display:flex}.guide-list b{font:10px var(--mono);color:#9eaf8c;padding-top:4px}.guide-list p{color:#788c67;margin:0 0 14px;font-size:12px;line-height:1.8}.guide-list strong{color:#566f44;font-weight:500;display:block}.fine-print{color:#8b9a7d;border-top:1px solid #cbd6bf;padding-top:18px;font-size:10px;line-height:1.8}.reference-link{color:#617b4d;align-items:center;gap:7px;margin-top:7px;font-size:11px;display:inline-flex}.session-name-label{font:9px var(--mono);letter-spacing:.1em;color:#8d9e7d;flex-direction:column;gap:9px;display:flex}.session-name-label input{letter-spacing:0;border-color:#bccbad;padding:14px;font:18px DM Sans,sans-serif}.saved-note{color:#879a77;align-items:center;gap:8px;padding:13px 0 20px;font-size:10px;display:flex}.session-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.session-actions button,.midi-connect{color:#637d4c;background:#e0e9d5;border:1px solid #bdcfa9;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:11px;display:flex}.session-actions .full{grid-column:1/-1}.session-stats{font:10px var(--mono);color:#92a47f;justify-content:space-between;gap:10px;padding:20px 0;display:flex}.danger-zone{border-top:1px solid #cbd8bc;margin-top:20px;padding-top:20px}.danger-zone button{color:#9c825d;font-size:11px}.midi-selects{gap:18px;display:grid}.midi-selects label{color:#859d72;flex-direction:column;gap:8px;font-size:10px;display:flex}.midi-selects select{font-size:12px}.midi-info{color:#8ba477;align-items:flex-start;gap:12px;font-size:11px;line-height:1.8;display:flex}.midi-connect{margin-bottom:18px}@media (width>=1600px){.app-shell{max-width:1480px}.orchid-hardware{max-width:1250px}}@media (width<=1000px){.topbar{gap:30px;margin:0 28px}.top-nav{gap:17px}.top-actions{gap:12px}main{padding:0 28px}.hardware-heading{padding-top:26px}.editor-tabs{gap:0;padding:0 8px}.editor-tabs button{padding-inline:12px}.firmware-tag{display:none}.editor-body{gap:22px;padding:23px}.reset-patch{gap:0;font-size:0}.reset-patch svg{width:19px}.raw-grid{grid-template-columns:repeat(3,1fr)}footer{margin:0 28px}.hardware-status>span:nth-child(2){font-size:9px}.native-effects{gap:20px}}@media (width<=700px){.topbar{gap:18px;height:58px;margin:0 20px}.brand>span{font-size:24px}.brand svg{width:22px}.top-nav{display:none}.top-actions{gap:12px}.guide-button{gap:0;font-size:0}.midi-button{font-size:10px}.audio-button{padding:8px 9px;font-size:10px}main{padding:0 16px}.hardware-heading{padding:23px 4px 0;font-size:9px}.hardware-heading>span:first-child{font-size:10px}.hardware-heading button{white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:9px;overflow:hidden}.hardware-status{gap:10px;margin:0 3px 20px;font-size:9px}.hardware-status>span:nth-child(2){display:none}.editor-tabs{min-height:44px;padding:0 5px;overflow:auto}.editor-tabs button{padding:15px 10px;font-size:10px}.editor-body{flex-wrap:wrap;align-items:flex-start;gap:27px 22px;padding:22px 19px}.factory-picker{flex:180px;max-width:none}.editor-body>.native-parameter{flex:95px;max-width:none}.editor-body>.reset-patch{align-self:center;padding:2px}.native-effects{grid-template-columns:1fr;gap:26px}.native-effect-slot{border-bottom:1px solid #c9d4bd;padding-bottom:20px}.native-effect-slot:last-child{border:0}.native-effect-slot .factory-picker{flex:none}.fx-parameters{grid-template-columns:repeat(3,1fr)}.raw-editor summary{padding:14px 19px}.raw-toolbar{flex-wrap:wrap;gap:10px;padding:8px 19px 25px}.raw-toolbar input{flex:100%;width:100%}.raw-grid{grid-template-columns:repeat(2,1fr);gap:25px;padding:0 20px 30px}.output-description{flex:100%}.bottom-tools{flex-wrap:wrap;gap:17px;padding:20px 3px 26px}.bottom-tools>span{width:100%;margin-bottom:3px;font-size:9px}.bottom-tools .text-button{font-size:9px}footer{flex-wrap:wrap;gap:13px;margin:0 18px;padding-top:20px;font-size:8px}footer>span:first-child{width:100%}footer button{font-size:8px}.dialog-body{padding:23px}.dialog-heading h2{font-size:20px}.dialog-intro{font-size:11px}.session-actions{grid-template-columns:1fr}.session-stats{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.session-error{color:#803e29;background:#f3e5d9;border:1px solid #bd8d78;border-radius:4px;margin:0 0 18px;padding:12px 14px;font-size:12px;line-height:1.6}.loop-panel{background:#e3e7dc;border:1px solid #bdc7b1;border-radius:7px;padding:24px 28px}.loop-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.loop-title{grid-template-columns:auto 1fr;align-items:center;gap:5px 18px;display:grid}.loop-title>.field-label{grid-column:1/-1;font-size:8px}.loop-title h2{letter-spacing:-.7px;color:#435238;margin:0;font-size:24px;font-weight:500}.transport-label{font:9px var(--mono);color:#6e7d60;letter-spacing:.04em}.transport-label.recording{color:#9c582e}.loop-options{align-items:end;gap:16px;display:flex}.loop-option-field,.loop-tempo{flex-direction:column;gap:7px;display:flex}.loop-option-field>span,.loop-tempo>span{font:8px var(--mono);letter-spacing:.07em;color:#738167}.loop-option-field select{color:#4e6040;background:#edf0e6;border-color:#b7c3a9;min-height:40px;padding:8px 10px;font-size:11px}.loop-tempo strong{min-height:40px;font:18px var(--mono);color:#4e6040;align-items:baseline;gap:6px;padding-top:9px;font-weight:400;display:flex}.loop-tempo small{font-size:9px}.loop-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:18px;display:flex}.loop-transport,.loop-actions{align-items:center;gap:6px;display:flex}.loop-control{color:#536448;white-space:nowrap;background:#eaf0e1;border:1px solid #bdc8b0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:11px;display:inline-flex}.loop-control:hover:not(:disabled){background:#d7e2c9;border-color:#a2b28f}.loop-record{color:#8d5433;background:#eee4d6;border-color:#b38c72;min-width:108px}.loop-record.recording{color:#713917;background:#e7cdb8}.loop-play{color:#f3f4e8;background:#566b42;border-color:#566b42}.loop-play:hover:not(:disabled){color:#fff;background:#425735}.loop-shortcuts{font:9px var(--mono);color:#7a8770;flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.loop-shortcuts span{color:#a1ad95}.reset-warning{background:#f0e1d7;border:1px solid #d3b3a3;border-radius:5px;padding:13px 15px;font-size:12px;line-height:1.6}.reset-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.reset-actions button{border:1px solid #b7c4a8;border-radius:4px;min-height:44px;padding:10px 16px;font-size:12px}.reset-actions .reset-confirm{color:#f5f6ec;background:#526640;border-color:#526640}.reset-everything-button{min-height:40px}@media (width<=800px){.loop-panel{padding:22px 20px}.loop-heading{flex-direction:column;align-items:flex-start;gap:20px}.loop-options{width:100%}.loop-option-field{flex:1}.loop-tempo{min-width:72px}.loop-toolbar{gap:10px}.loop-transport,.loop-actions{width:100%}.loop-control{flex:1}}@media (width<=450px){.loop-panel{padding:18px 13px}.loop-title{gap:5px 12px}.loop-title h2{font-size:22px}.loop-options{gap:9px}.loop-control{gap:5px;padding:10px 8px;font-size:11px}.loop-record{min-width:100px}.loop-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.loop-shortcuts{gap:5px;font-size:8px}}.dialog-heading .icon-button{color:#657a52;border-radius:4px;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.dialog-heading .icon-button:hover{background:#d5dfc9}