:root{font-synthesis:none}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Material Symbols Rounded;src:url(/assets/MaterialSymbolsRounded-BGTVtfRh.ttf) format("truetype");font-style:normal;font-weight:400;font-display:block}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--text: #f8fafc;--muted: rgba(248, 250, 252, .72);--panel: rgba(17, 24, 39, .84);--button: rgba(148, 163, 184, .22);--button-text: #ffffff;--pad: rgba(8, 15, 29, .74);--pad-text: #ffffff;--pad-progress-start: rgba(255, 255, 255, .3);--pad-progress-end: rgba(255, 255, 255, .14);--tab-bg: rgba(8, 16, 32, .44);--tab-active: rgba(139, 44, 255, .9);--mode-accent: #b983ff;--mode-accent-strong: #7c3aed;--mode-accent-shadow: rgba(124, 58, 237, .24);--chrome-bg: #0b1427;--app-bg: radial-gradient(circle at 12% 5%, rgba(151, 71, 255, .32) 0 20%, transparent 46%), radial-gradient(circle at 82% 10%, rgba(49, 86, 182, .42) 0 22%, transparent 50%), radial-gradient(circle at 54% 64%, rgba(183, 80, 145, .24) 0 25%, transparent 58%), radial-gradient(circle at 90% 84%, rgba(14, 21, 46, .78) 0 32%, transparent 58%), linear-gradient(140deg, #07101f 0%, #18233f 46%, #2a2441 100%);--accent: #ffffff;--warning: #fde68a;--danger: #f97373;--radius: 8px}:root[data-theme=light]{color-scheme:light;--text: #111827;--muted: rgba(17, 24, 39, .72);--panel: rgba(255, 255, 255, .78);--button: rgba(107, 123, 139, .2);--button-text: #ffffff;--pad: rgba(255, 255, 255, .72);--pad-text: #111827;--pad-progress-start: rgba(37, 99, 235, .28);--pad-progress-end: rgba(17, 24, 39, .13);--tab-bg: rgba(100, 116, 139, .32);--tab-active: rgba(255, 255, 255, .78);--mode-accent: #d97706;--mode-accent-strong: #f59e0b;--mode-accent-shadow: rgba(217, 119, 6, .22);--chrome-bg: #dcebd9;--app-bg: radial-gradient(circle at 12% 8%, rgba(147, 198, 198, .5) 0 20%, transparent 50%), radial-gradient(circle at 78% 10%, rgba(246, 197, 101, .44) 0 24%, transparent 55%), radial-gradient(circle at 28% 76%, rgba(184, 223, 116, .42) 0 26%, transparent 58%), radial-gradient(circle at 84% 84%, rgba(244, 174, 112, .32) 0 26%, transparent 58%), linear-gradient(140deg, #d8e5df 0%, #dbeeb1 46%, #f0cf93 100%);--accent: #111827;--warning: #92400e}*{box-sizing:border-box}html{min-height:100%;margin:0;background:var(--chrome-bg);scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{min-height:100%;margin:0}body{background-color:var(--chrome-bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;touch-action:manipulation}#app{position:relative;z-index:1;min-height:100dvh;background:transparent}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;content:"";background:var(--app-bg);background-position:0 0;background-repeat:no-repeat;background-size:100vw 100vh;pointer-events:none}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;content:"";background:transparent;pointer-events:none}:root[data-theme=light] body:after{background:transparent}button,input,select{font:inherit;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:inherit}.material-symbols-rounded{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;overflow:hidden;font-family:Material Symbols Rounded,Material Symbols Outlined,system-ui,sans-serif;font-size:24px;font-weight:400;font-style:normal;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sampler-shell{width:min(100%,960px);min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 28px)}.topbar{position:sticky;top:0;z-index:20;margin:calc((env(safe-area-inset-top) + 14px)*-1) -14px 0;padding:calc(env(safe-area-inset-top) + 14px) 14px 6px;background:transparent;isolation:isolate}.topbar:before{position:absolute;top:0;bottom:0;left:50%;z-index:-1;width:100vw;content:"";background:var(--app-bg);background-position:0 0;background-repeat:no-repeat;background-size:100vw 100vh;background-attachment:fixed;transform:translate(-50%)}.header-row{position:relative;display:block;align-items:center;margin:4px 2px 12px}.brand{--brand-title-size: clamp(1.22rem, 4.75vw, 3rem);min-width:0;display:inline-flex;align-items:baseline;gap:clamp(5px,1.35vw,10px);margin:0;color:var(--text);line-height:.95;white-space:nowrap;padding:0;border:0;background:transparent;font-family:inherit;cursor:pointer}.brand-mark{flex:0 0 auto;height:calc(var(--brand-title-size) * .92);width:auto;aspect-ratio:634 / 574;display:block;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.2))}:root[data-theme=light] .brand-mark{content:url(/assets/knal-mark-black-header.png);filter:none}.brand-name{font-size:var(--brand-title-size);font-weight:900;letter-spacing:0}.brand-subtitle{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.62rem,2.35vw,1.5rem);font-weight:300;letter-spacing:0}.controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,420px);gap:4px;align-items:start;margin-bottom:14px}.control-item{display:grid;min-width:0;justify-items:center;gap:6px;color:var(--text);font-size:.6rem;font-weight:460;line-height:1.1;text-align:center}.round-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;color:var(--button-text);background:var(--button);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.control-item.active .round-button{background:linear-gradient(180deg,var(--mode-accent-strong),var(--mode-accent));box-shadow:0 10px 22px var(--mode-accent-shadow)}.button-icon,.warning-icon,.warning-icon svg,.warning-close svg{display:block;width:22px;height:22px;color:currentColor;fill:currentColor}.button-icon.material-symbols-rounded{display:inline-grid;width:24px;height:24px;place-items:center;font-size:24px;line-height:1;transform:none}.button-icon-stop{display:block;width:15px;height:15px;border-radius:2px;background:currentColor}.warning-icon,.warning-close{flex:0 0 auto}.round-button:active,.pad:active,.collection-tabs button:active,.category-arrow:active{transform:translateY(1px) scale(.99)}.round-button.danger{background:var(--button)}.category-strip{position:relative;display:block;width:100%;max-width:100%;padding:4px;border-radius:999px;background:var(--tab-bg);box-shadow:inset 0 0 0 1px #ffffff0d}.category-arrow{display:none;position:absolute;top:50%;z-index:3;place-items:center;width:24px;height:28px;padding:0;border:0;border-radius:999px;color:#ffffffc7;background:#0f172a38;cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.category-arrow[data-direction="-1"]{left:5px}.category-arrow[data-direction="1"]{right:5px}.category-strip.scrollable.can-left .category-arrow[data-direction="-1"],.category-strip.scrollable.can-right .category-arrow[data-direction="1"]{display:grid}.category-arrow .material-symbols-rounded{width:18px;height:18px;font-size:18px}.collection-tabs{display:flex;gap:2px;width:100%;max-width:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs button{display:flex;align-items:center;justify-content:center;min-height:30px;min-width:0;flex:1 1 0;padding:0 10px;border:0;border-radius:999px;color:#fff;background:transparent;cursor:pointer;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(.68rem,2.3vw,.8rem);font-weight:540;white-space:nowrap;scroll-snap-align:start}.collection-tabs.measure-natural button{flex:0 0 auto;min-width:max-content;max-width:none}.category-strip.scrollable .collection-tabs button{flex:0 0 auto;min-width:42px;max-width:min(42vw,150px);overflow:hidden;text-overflow:ellipsis}.category-strip.fits .collection-tabs button{flex:1 1 0}.category-strip.scrollable.can-left .collection-tabs{padding-left:20px}.category-strip.scrollable.can-right .collection-tabs{padding-right:20px}.collection-tabs button.active{color:#fff;background:var(--tab-active);box-shadow:0 8px 20px #7c3aed3d}:root[data-theme=light] .collection-tabs button{color:#111827c2}:root[data-theme=light] .collection-tabs button.active{color:#111827}:root[data-theme=light] .category-arrow{color:#111827ad;background:#ffffff47}.warnings{display:grid;gap:8px;margin:8px 0}.warnings:empty{display:none}.warning{display:flex;gap:8px;align-items:center;padding:8px 8px 8px 10px;border-radius:var(--radius);color:#111827;background:#fde68ae0;font-size:.78rem;font-weight:750}.warning span:nth-child(2){min-width:0;flex:1}.warning-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:999px;color:#111827;background:#1118271a;cursor:pointer}.warning-close-icon{position:relative;display:block;width:14px;height:14px}.warning-close-icon:before,.warning-close-icon:after{position:absolute;top:50%;left:50%;width:16px;height:2px;border-radius:999px;content:"";background:currentColor}.warning-close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.warning-close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.sections{position:relative;z-index:1;display:grid;gap:18px;padding-top:10px}.sample-section{display:grid;gap:9px}.section-heading{display:flex;min-width:0;align-items:center;gap:8px}.sample-section h2{min-width:0;margin:0;font-size:clamp(.88rem,3.25vw,1rem);font-weight:560;line-height:1.15}.sample-section h2 span{font-weight:260}.section-edit-button{display:inline-grid;flex:0 0 auto;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:999px;color:var(--text);background:#94a3b82e;cursor:pointer}.section-edit-button svg{width:13px;height:13px;fill:currentColor}.pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}:root[data-pad-size=large] .pad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-pad-size=xl] .pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pad{position:relative;display:grid;place-items:center;min-height:clamp(60px,17vw,92px);height:clamp(60px,17vw,92px);padding:8px;overflow:hidden;border:0;border-radius:var(--radius);color:var(--pad-text);background:var(--pad);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}:root[data-pad-size=large] .pad{min-height:clamp(76px,24vw,122px);height:clamp(76px,24vw,122px)}:root[data-pad-size=xl] .pad{min-height:clamp(96px,34vw,156px);height:clamp(96px,34vw,156px)}.pad:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.pad:before{width:var(--progress-pct);right:auto;background:linear-gradient(90deg,var(--pad-progress-start),var(--pad-progress-end));opacity:.95;transition:width 80ms linear}.pad span{position:relative;z-index:1;display:-webkit-box;max-width:100%;overflow:hidden;font-size:clamp(.62rem,2.48vw,.82rem);font-weight:680;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.08;text-align:center;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:3}:root[data-pad-size=large] .pad span{font-size:clamp(.72rem,3vw,.94rem)}:root[data-pad-size=xl] .pad span{font-size:clamp(.82rem,3.5vw,1.08rem)}.pad.disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.6)}.app-page{display:grid;gap:16px;padding-top:8px}.page-heading{display:grid;gap:4px}.page-title-row{display:flex;min-width:0;align-items:center;gap:8px}.page-back{display:inline-grid;flex:0 0 auto;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:999px;color:var(--text);background:#94a3b833;cursor:pointer}.page-back .material-symbols-rounded{width:20px;height:20px;font-size:20px}.page-heading h1{margin:0;font-size:clamp(1rem,4.4vw,1.3rem);font-weight:680;line-height:1.15}.page-heading p,.info-block p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.42}.page-form{max-width:640px}.radio-field{display:grid;gap:8px;padding:0;border:0;color:var(--text)}.radio-field legend{padding:0;font-size:clamp(.92rem,3.7vw,1rem);font-weight:430}.radio-field>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.radio-field label{display:flex;min-height:38px;align-items:center;gap:8px;padding:0 10px;border-radius:var(--radius);background:#94a3b838;color:var(--text);font-size:.9rem;font-weight:520;cursor:pointer}.radio-field input{width:16px;min-height:16px;accent-color:var(--mode-accent)}.file-button{width:100%;border-radius:var(--radius);font-weight:520;cursor:pointer}.page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-actions button,.delete-button,.secondary-button,.reorder-row button,.settings-link-button{min-height:38px;border:0;border-radius:var(--radius);color:var(--text);background:#94a3b84d;font-weight:700}.secondary-button{cursor:pointer}.settings-link-button{width:100%;color:#111827;background:#ffffffdb;cursor:pointer}.page-actions .primary{color:#111827;background:#ffffffe0}.page-actions button:disabled{cursor:not-allowed;opacity:.48}.delete-button:disabled{cursor:not-allowed;opacity:.45}.form-link-button{display:inline-flex;width:fit-content;min-height:30px;align-items:center;gap:5px;padding:0;border:0;color:var(--mode-accent);background:transparent;font-weight:620;cursor:pointer}.form-link-button .material-symbols-rounded{width:18px;height:18px;font-size:18px}.form-notice,.settings-help{margin:-4px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.info-block,.reorder-panel{display:grid;gap:10px;padding:12px;border-radius:var(--radius);background:#0f172a33}:root[data-theme=light] .info-block,:root[data-theme=light] .reorder-panel{background:#ffffff47}.info-block h2,.reorder-panel h2{margin:0;font-size:.92rem;font-weight:680}.info-block a{color:var(--mode-accent);font-weight:640;text-decoration:none}.calibration-block{margin-top:2px}.calibration-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.backup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calibration-actions button,.backup-actions button{min-height:38px;border:0;border-radius:var(--radius);color:var(--text);background:#94a3b84d;font-size:clamp(.72rem,2.7vw,.86rem);font-weight:650;cursor:pointer}.calibration-actions button:nth-child(3){color:#fff;background:#dc262680}:root[data-theme=light] .calibration-actions button{color:#111827;background:#ffffff9e}:root[data-theme=light] .backup-actions button{color:#111827;background:#ffffff9e}.volume-editor{display:grid;gap:8px}.volume-editor input[type=range]{width:100%;min-height:26px;accent-color:var(--mode-accent)}.volume-editor output{color:var(--muted);font-size:.82rem;font-weight:620}.settings-section{margin:0}.waveform-editor{gap:12px}.waveform-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.waveform-heading>div{display:grid;gap:6px}.waveform-reset{flex:0 0 auto;min-height:30px;padding:0 9px;border:0;border-radius:var(--radius);color:var(--text);background:#94a3b838;font-size:.72rem;font-weight:620;cursor:pointer}#trim-waveform{display:block;width:100%;height:120px;border-radius:6px;background:#03071252;cursor:ew-resize;touch-action:none}:root[data-theme=light] #trim-waveform{background:#ffffff57}.trim-summary{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem}.trim-summary strong{color:var(--text);font-weight:620}.trim-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trim-controls label{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;font-size:.8rem}.trim-controls input[type=range]{min-width:0}@media(max-width:420px){.waveform-heading{align-items:stretch;flex-direction:column}.waveform-reset{align-self:flex-start}}.trim-controls output{color:var(--muted);font-size:.74rem}.trim-controls input[type=range]{grid-column:1 / -1;--trim-thumb-size: 18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% + var(--trim-thumb-size));min-height:24px;margin-inline:calc(var(--trim-thumb-size) / -2);padding:0;background:transparent;accent-color:var(--mode-accent)}.trim-controls input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#94a3b873}.trim-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--trim-thumb-size);height:var(--trim-thumb-size);margin-top:calc((4px - var(--trim-thumb-size)) / 2);border:2px solid var(--text);border-radius:50%;background:var(--mode-accent)}.trim-controls input[type=range]::-moz-range-track{height:4px;border:0;border-radius:2px;background:#94a3b873}.trim-controls input[type=range]::-moz-range-thumb{width:var(--trim-thumb-size);height:var(--trim-thumb-size);border:2px solid var(--text);border-radius:50%;background:var(--mode-accent)}.preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.preview-actions .material-symbols-rounded{width:18px;height:18px;font-size:18px}:root[data-theme=light] .calibration-actions button:nth-child(3){color:#7f1d1d;background:#fecacab8}.cable-info{justify-items:start}.cable-info img{width:min(62vw,230px);max-height:280px;object-fit:contain;justify-self:center}.check-list{display:grid;gap:4px}.inline-edit-link{display:inline-flex;gap:4px;align-items:center;border:0;color:var(--text);background:transparent;font-size:.76rem;font-weight:520;vertical-align:baseline;cursor:pointer}.inline-edit-link svg{width:14px;height:14px;fill:currentColor}.category-edit-actions{display:grid;width:fit-content;gap:6px}.collection-edit-link{align-self:start;width:fit-content;padding:0 0 2px;color:var(--mode-accent);font-size:clamp(.74rem,2.6vw,.84rem);font-weight:560}.category-add-link,.subcategory-add-link{width:fit-content;padding:0;color:var(--mode-accent);font-size:clamp(.74rem,2.6vw,.84rem);font-weight:520}.pad-editing{grid-template-rows:1fr;padding:22px 8px 8px;cursor:default}.pad-corner-action{position:absolute;z-index:3;top:6px;display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:6px;color:#ffffffdb;background:#ffffff21;cursor:pointer}.pad-edit-action{left:6px}.pad-delete-action{right:6px;color:#ff746f;background:#ff746f1f}.pad-corner-action svg{width:12px;height:12px;fill:currentColor}.add-section-sample{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:1px dashed rgba(255,255,255,.28);border-radius:var(--radius);color:var(--muted);background:#0f172a1f;font-size:clamp(.68rem,2.45vw,.82rem);font-weight:440;cursor:pointer}.add-section-sample .material-symbols-rounded{width:17px;height:17px;font-size:17px}:root[data-theme=light] .pad-corner-action{color:#111827b8;background:#11182714}:root[data-theme=light] .pad-delete-action{color:#dc2626;background:#dc26261a}:root[data-theme=light] .add-section-sample{border-color:#d9770657;color:#9a4f04;background:#f59e0b1a}.reorder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:7px 8px;border-radius:var(--radius);background:#94a3b838;cursor:grab}.reorder-row.active{background:#ffffff47;font-weight:780}.reorder-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-row div{display:grid;grid-auto-flow:column;gap:6px}.reorder-row button{width:34px;min-height:30px;padding:0;font-size:1rem}.delete-button{color:#fff;background:#dc2626b8}.loading-screen,.fatal{display:grid;place-items:center;min-height:100dvh;padding:24px;text-align:center}.loading-screen img{width:min(42vw,180px);border-radius:28px;box-shadow:0 20px 60px #00000047}.loader{display:grid;width:min(76vw,360px);gap:8px;margin-top:22px}.loader-bar{height:10px;overflow:hidden;border-radius:999px;background:#ffffff3d}.loader-bar span{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .16s ease}.loader p,.loader strong,.loader em{margin:0}.loader em{color:var(--warning);font-style:normal}.form label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}select,input{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.35);border-radius:var(--radius);color:var(--text);background:#0f172a47;padding:0 10px}:root[data-theme=light] select,:root[data-theme=light] input{background:#ffffffbd}.form .radio-field label{display:flex;min-height:38px;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:0 10px;color:var(--text);font-size:.9rem;font-weight:520;line-height:1}.form .radio-field input{flex:0 0 auto;width:16px;min-height:16px;margin:0;padding:0}.form{display:grid;gap:12px}.page-form label,.info-block label{color:var(--text);font-size:clamp(.92rem,3.7vw,1rem);font-weight:430}.page-form input,.page-form select,.file-button{min-height:36px;border:0;color:#111827;background:#ffffffd1}.file-pill{display:flex;gap:8px;align-items:center;margin:0;padding:10px;border-radius:var(--radius);background:#94a3b838;font-weight:750}.primary{min-height:44px;border:0;border-radius:var(--radius);color:#111827;background:#fff;font-weight:850}.empty{padding:24px;border-radius:var(--radius);background:var(--panel)}.fatal{align-content:center}.fatal pre{max-width:min(92vw,760px);overflow:auto;padding:12px;border-radius:var(--radius);background:#00000052;text-align:left}@media(min-width:700px){.sampler-shell{padding-inline:28px}.topbar{margin-inline:-28px;padding-inline:28px}.controls{gap:24px}.round-button{width:48px;height:48px}.pad-grid{gap:12px}}