:root{--bg:#0b1020;--bg2:#11182c;--panel:#131b31;--panel2:#18213a;--line:#263153;--text:#f0efff;--muted:#a4a8c3;--purple:#a88bff;--purple2:#7956db;--lav:#d2c6ff;--cyan:#78c9e8;--coral:#ff9caa;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}.ce-drum-lab,.ce-drum-lab *{box-sizing:border-box}body:has(>.ce-drum-lab){margin:0;background:#0b1020}.ce-drum-lab button,.ce-drum-lab input,.ce-drum-lab select,.ce-drum-lab textarea{font:inherit;color:inherit}.ce-drum-lab button{cursor:pointer}.ce-drum-lab button:focus-visible,.ce-drum-lab input:focus-visible,.ce-drum-lab select:focus-visible,.ce-drum-lab summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ce-drum-lab{display:flex;align-items:stretch;min-height:100vh;background:#0e1427;color:var(--text);font:14px/1.5 var(--sans)}.ce-drum-lab h1,.ce-drum-lab h2,.ce-drum-lab h3,.ce-drum-lab h4,.ce-drum-lab h5,.ce-drum-lab h6,.ce-drum-lab p{color:inherit}.shell{min-height:100vh}.ce-lab-sidebar{width:238px;flex:0 0 238px;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow:auto;background:#0e1427;border-right:1px solid var(--line);padding:20px 15px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:block;padding:2px 3px 27px}.brand img{width:100%;height:auto;max-height:120px;object-fit:contain;mix-blend-mode:screen}.nav-label,.eyebrow,.kicker,.ce-lab-page label>span,.meter-block label,.bpm-block>label,.editor-meta,.score-heading .eyebrow,.exercise-tempo small{font:10px var(--mono);letter-spacing:.12em;color:#939bbd}.nav-label{padding:0 12px 12px}.ce-lab-sidebar nav{display:grid;gap:4px}.ce-lab-nav{position:relative;height:42px;width:100%;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:7px;background:none;color:#aab1d2;text-align:left}.ce-lab-nav>span{width:18px;text-align:center;font-size:18px}.ce-lab-nav b{font-weight:500;font-size:12px}.ce-lab-nav.active{color:#e3d9ff;background:#272149}.ce-lab-nav.active:before{content:'';position:absolute;left:0;width:2px;height:24px;background:var(--purple);border-radius:0 2px 2px 0}.ce-lab-nav:hover:not(.active){background:#171e35}.side-bottom{margin-top:auto}.teacher{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:13px 7px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#28254a;color:var(--lav);font:10px var(--mono);border:1px solid #514881}.teacher>span:nth-child(2){display:grid;gap:4px}.teacher b{font-size:11px}.teacher small{font-size:9px;color:var(--muted)}.teacher>i,.local-status>i,.dot{width:6px;height:6px;border-radius:50%;background:var(--purple)}.teacher>i{margin-left:auto}.local-status{border-top:1px solid var(--line);padding:12px 8px 0;display:flex;align-items:center;gap:8px;color:#8790b0;font-size:9px}.local-status small{margin-left:auto;font:9px var(--mono)}.ce-drum-lab>.ce-lab-main{flex:1 1 auto;min-width:0;min-height:100vh;background:radial-gradient(ellipse at 75% -10%,#29215355 0,transparent 35%),var(--bg)}.topbar{height:64px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#0b1020c9}.crumb{display:flex;align-items:center;gap:10px;color:#8790b0;font:9px var(--mono);letter-spacing:.08em}.crumb>b{color:#424b6d}.crumb strong{color:#d6d8ec;font-weight:400}.top-actions{display:flex;align-items:center;gap:17px}.top-actions time{font:9px var(--mono);color:#828ba9}.language{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:6px 8px;border-radius:5px;color:#a8aed0;font:11px var(--mono)}.language select{appearance:none;border:0;background:transparent;text-transform:uppercase;font:10px var(--mono);outline:0}.language option,.ce-lab-page select option{background:#151c32}.avatar.mini{width:29px;height:29px;font-size:9px}.ce-lab-page{display:none;max-width:1500px;margin:auto;padding:34px 38px 20px}.ce-lab-page.active{display:block}.hero{min-height:218px;display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:18px;height:1px;background:var(--purple)}.ce-drum-lab h1{font:600 37px/1.12 var(--display);letter-spacing:-.04em;margin:15px 0 8px}.hero h1{max-width:600px}.ce-drum-lab .lead{font-size:12px;line-height:1.65;color:#a3aac3;margin:0;max-width:540px}.hero-orbit{width:210px;height:185px;position:relative;margin-right:9%;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #51427d;border-radius:50%}.orbit.one{width:180px;height:85px;transform:rotate(-24deg)}.orbit.two{width:135px;height:180px;transform:rotate(45deg);border-color:#3b4773}.hero-disc{width:78px;height:78px;border-radius:50%;display:grid;align-content:center;text-align:center;background:linear-gradient(145deg,#272344,#131a31);border:1px solid #7663b9;box-shadow:0 0 35px #9578ff28;color:var(--lav)}.hero-disc span{font:700 23px var(--display)}.hero-disc small{font:8px var(--mono);letter-spacing:.12em}.hero-orbit>b{position:absolute;right:21px;top:17px;color:var(--purple);font-size:25px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:8px 0 13px}.section-title h2{font:600 17px var(--display);margin:0 0 4px}.section-title p{font-size:10px;color:#979fbb;margin:0}.section-title>small{font:9px var(--mono);color:#7e88a9}.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{min-height:185px;background:linear-gradient(145deg,#161e35,#12192b);border:1px solid #283456;border-radius:9px;padding:14px;text-align:left;transition:.18s}.tool-card:hover{transform:translateY(-2px);border-color:#7263a8;background:#191f39}.card-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#24274a;color:var(--purple);font-size:19px}.tool-card.purple .card-icon{color:#c3aaff;background:#302652}.tool-card.lavender .card-icon{color:var(--cyan);background:#1e3045}.kicker{font-size:8px;margin-top:13px;color:#9aa5c3}.tool-card h3{font:600 15px var(--display);margin:5px 0}.tool-card p{min-height:14px;color:#a0a8c1;font-size:10px;margin:0}.tool-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293252;margin-top:12px;padding-top:9px;color:#a8b0c8;font-size:9px}.tool-card footer>span{display:flex;align-items:center;gap:6px}.tool-card footer b{color:var(--lav)}.dot{width:5px;height:5px;background:var(--purple)}.home-lower{display:grid;grid-template-columns:1.25fr .9fr;gap:12px;margin-top:13px}.panel{background:linear-gradient(145deg,#151d34,#121a2d);border:1px solid var(--line);border-radius:9px}.saved-panel{padding:15px 17px;min-height:137px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top h3{font:600 14px var(--display);margin:7px 0 0}.text-button{border:0;background:none;color:#c4b4ff;font-size:9px}.saved-empty{padding:15px 0 0;color:#8992ad;font-size:10px}.saved-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0 0;font-size:10px}.saved-row small{color:#a4acc3;font:9px var(--mono)}.saved-row button{background:none;border:0;color:var(--purple)}.quote-panel{position:relative;overflow:hidden;padding:17px 19px;background:linear-gradient(130deg,#242044,#171e35);border:1px solid #42396d;border-radius:9px}.quote-panel>span{font:32px Georgia;color:var(--purple)}.quote-panel p{font:500 12px/1.5 var(--display);margin:1px 0 13px;position:relative;z-index:1;max-width:310px}.quote-panel small{font:8px var(--mono);letter-spacing:.06em;color:#aaa8c4}.quote-panel>b{position:absolute;right:8px;bottom:-27px;color:#ffffff08;font:900 100px var(--display)}.page-footer{display:flex;justify-content:space-between;padding-top:18px;color:#68728e;font:8px var(--mono);letter-spacing:.08em}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 1px 21px}.page-heading h1{font-size:31px;margin:11px 0 6px}.page-heading>span{font:9px var(--mono);color:#8089a6}.page-heading>span i{font-style:normal;color:#485171}.metro-layout{display:grid;grid-template-columns:minmax(430px,1fr) 230px;gap:12px}.metro-panel{padding:20px 22px}.metro-controls-top{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.bpm-block>label,.meter-block>label{display:block;font-size:9px;margin-bottom:10px}.bpm-input{display:flex;align-items:center;gap:6px}.bpm-input button,.exercise-tempo button{width:27px;height:27px;background:#202844;border:1px solid #354064;border-radius:5px;color:#d6d5ed}.bpm-input input{width:75px;border:0;background:transparent;outline:0;font:600 29px var(--display);letter-spacing:-.04em}.bpm-input input::-webkit-inner-spin-button,.editor-toolbar input::-webkit-inner-spin-button{appearance:none}.bpm-input span{font:9px var(--mono);color:#a2aac3;margin-right:auto}.range{appearance:none;height:3px;width:100%;background:#303957;border-radius:5px;accent-color:var(--purple);display:block}.range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px #a88bff24}.bpm-block .range{margin:15px 0 3px}.range-ends{display:flex;justify-content:space-between;color:#7781a0;font:8px var(--mono)}.meter-block select,.sound-line select{width:100%;height:38px;background:#1a2239;border:1px solid #354064;border-radius:5px;padding:0 9px;font:11px var(--mono);margin-top:1px}.beat-display{height:190px;display:grid;place-items:center;position:relative}.pulse-ring{width:140px;height:140px;border:1px solid #534887;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 11px #1a2037,0 0 0 12px #394269;transition:transform .08s}.pulse-ring.pulse{transform:scale(1.035);border-color:var(--lav);box-shadow:0 0 0 11px #24203c,0 0 0 12px #8772ce,0 0 30px #a88bff33}.pulse-ring>div{width:103px;height:103px;border-radius:50%;display:grid;align-content:center;justify-items:center;background:#1a2239;border:1px solid #384466}.pulse-ring strong{font:500 36px var(--display);color:var(--lav)}.pulse-ring small{font:8px var(--mono);color:#929cba;letter-spacing:.15em}.beat-dots{position:absolute;bottom:13px;display:flex;gap:9px}.beat-dots i{width:6px;height:6px;border-radius:50%;background:#424b68}.beat-dots i.active{background:var(--purple);box-shadow:0 0 8px var(--purple)}.metro-controls{display:flex;align-items:center;justify-content:center;gap:9px}.tap-button,.icon-button{height:39px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #354064;background:#1a2239;border-radius:6px;color:#d3d5e8;font-size:10px}.tap-button span:first-child{font-size:18px;color:var(--purple)}.play-button{height:41px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:6px;background:linear-gradient(120deg,#c6b4ff,#9475f1);color:#14152b;font-weight:700;font-size:11px;box-shadow:0 4px 18px #9172ef22}.play-button:hover{filter:brightness(1.07)}.icon-button{width:38px;padding:0;font-size:17px}.metro-settings{border-top:1px solid var(--line);margin-top:19px;padding-top:11px}.toggle-line,.setting-line{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-line>span,.setting-line>span{display:grid;gap:3px;min-width:130px}.toggle-line b,.setting-line b{font-size:10px;font-weight:500}.toggle-line small,.setting-line small{font-size:8px;color:#929cb6}.toggle-line input,.toggle-control input{display:none}.toggle-line>i,.toggle-control i{width:30px;height:16px;background:#38415c;border-radius:10px;position:relative;flex:none}.toggle-line>i:after,.toggle-control i:after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#a1aac1;transition:.16s}.toggle-line input:checked+i,.toggle-control input:checked+i{background:#584996}.toggle-line input:checked+i:after,.toggle-control input:checked+i:after{transform:translateX(14px);background:var(--lav)}.sub-buttons{display:flex;gap:4px}.sub-buttons button{min-width:50px;height:33px;border:1px solid #303a59;border-radius:5px;background:#1a2238;color:#d2d3e7;font-size:14px}.sub-buttons button.active{border-color:#8070bc;background:#2c294b;color:#d5c7ff}.sub-buttons button small{display:block;font:7px var(--sans);color:#a6aec4}.sound-line{border-top:1px solid #252f4b}.sound-line select{width:112px;height:31px;margin-left:auto;font-size:9px}.volume{display:flex;align-items:center;gap:5px;color:#9ca5c1;font-size:10px}.volume input{width:72px;accent-color:var(--purple)}.volume span:last-child{font:8px var(--mono);width:25px}.ramp-line{border-top:1px solid #252f4b}.toggle-control{cursor:pointer}.metro-side{display:flex;flex-direction:column;gap:11px}.quick-tempos{padding:15px}.quick-tempos .eyebrow{font-size:9px}.quick-tempos>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.quick-tempos button{height:46px;text-align:left;padding:7px;border:1px solid #334062;border-radius:5px;background:#1a2239;font:600 14px var(--display)}.quick-tempos button:hover{border-color:var(--purple);color:var(--lav)}.quick-tempos button small{display:block;font:8px var(--sans);color:#a0a9c0}.tip{flex:1;padding:16px;border:1px solid #3b3765;border-radius:8px;background:linear-gradient(150deg,#252144,#181f35)}.tip>span{color:var(--purple);font-size:19px}.tip .kicker{margin-top:8px}.tip p{font:500 11px/1.6 var(--display);color:#d1cfe3}.tip>small{font:8px var(--mono);color:#9299b2}.tempo-guide{padding:17px 20px;margin-top:13px}.guide-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.guide-heading h2{font:600 16px var(--display);margin:7px 0 4px}.guide-heading p{font-size:9px;color:#9ba4be;margin:0}.guide-heading>small{max-width:230px;text-align:right;font-size:8px;color:#808ba8}.tempo-table-wrap{overflow:auto}.ce-drum-lab table{border-collapse:collapse;width:100%;min-width:560px}.ce-drum-lab th{text-align:left;font:9px var(--mono);letter-spacing:.08em;color:#8893b1;padding:8px 10px;border-bottom:1px solid #303a5b}.ce-drum-lab td{padding:7px 10px;border-bottom:1px solid #222d49;font-size:10px;color:#c9cde0}.ce-drum-lab td:first-child{font:600 11px var(--display);color:#ddd2ff}.ce-drum-lab td:last-child{font:10px var(--mono);color:#b7a6ff}.tempo-row.current{background:#282548} .tempo-row.current td{color:#eee4ff}.editor-toolbar{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--line);background:#121a2d;border-radius:7px;margin-bottom:11px;flex-wrap:wrap}.pattern-title{display:flex;align-items:center;gap:8px;margin-right:auto}.pattern-title i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.pattern-title input{background:transparent;border:0;outline:0;width:145px;font:600 11px var(--display)}.editor-toolbar>label:not(.pattern-title){display:flex;align-items:center;gap:5px;padding-right:8px;border-right:1px solid var(--line);font:8px var(--mono);color:#a2abc5}.editor-toolbar>label>span{font-size:8px}.editor-toolbar input[type=number]{width:34px;background:transparent;border:0;color:var(--text);text-align:right;font:11px var(--mono);outline:0}.editor-toolbar select{width:54px;background:#1a2239;border:1px solid #313d5e;border-radius:4px;padding:4px;font:9px var(--mono)}.bar-count button{width:20px;height:20px;background:#202844;border:1px solid #354064;border-radius:4px}.bar-count b{font:10px var(--mono);color:var(--lav)}.outline{height:31px;padding:0 9px;border:1px solid #374266;background:#1a2238;border-radius:5px;color:#d0d3e7;font-size:9px}.outline:hover{border-color:var(--purple)}.compact{height:31px;padding:0 10px;font-size:9px}.editor-panel{padding:0 13px 8px}.editor-meta{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:8px}.grid-resolution{display:flex;align-items:center;gap:4px}.grid-resolution span{margin-right:5px}.grid-resolution button{background:#1a2238;border:1px solid #303b5a;border-radius:4px;padding:5px 7px;font:8px var(--mono);color:#aeb5cd}.grid-resolution button.active{background:#2c2949;color:var(--lav);border-color:#796abb}.legend{display:flex;gap:11px}.legend>span{display:flex;align-items:center;gap:5px;color:#aab3cb;font:9px var(--sans)}.legend-kick,.legend-snare{width:7px;height:7px;border-radius:50%;background:var(--lav)}.legend-snare{background:var(--coral)}.legend-cymbal{color:var(--cyan);font:12px var(--mono)}.reference-toggle{border:0;background:none;color:#b7a6ff;font:9px var(--sans)}.drum-grid-scroll{overflow:auto;max-height:510px}.drum-grid{display:grid;grid-template-columns:130px repeat(var(--steps),minmax(17px,1fr));gap:2px;padding:8px 0;min-width:690px}.instrument-label{height:27px;display:flex;align-items:center;gap:8px;color:#c3c9df;font-size:9px;white-space:nowrap}.instrument-label b{font:8px var(--mono);color:#858eac;width:18px}.instrument-label.group-start{border-top:1px solid #343e5f;padding-top:3px;height:30px;margin-top:2px}.step-number{height:18px;display:grid;place-items:center;color:#7783a3;font:8px var(--mono)}.step-number.beat-start{color:#c7badf;border-left:1px solid #586287}.grid-cell{height:27px;min-width:0;border:1px solid #2b3654;border-radius:3px;background:#19223a;padding:0;position:relative}.grid-cell.bar-start{border-left:1px solid #7784ab}.grid-cell:hover{border-color:#9f8ae8}.grid-cell.active{background:#342e59;border-color:#a98cff}.grid-cell.active[data-inst="snare"],.grid-cell.active[data-inst="rim"]{background:#4a303e;border-color:var(--coral)}.grid-cell.active[data-inst="kick"],.grid-cell.active[data-inst="tom-high"],.grid-cell.active[data-inst="tom-mid"],.grid-cell.active[data-inst="tom-floor"]{background:#33334d;border-color:#b9a6ff}.grid-cell.active[data-inst^="hat"],.grid-cell.active[data-inst^="ride"],.grid-cell.active[data-inst="crash"]{background:#203b4b;border-color:var(--cyan)}.grid-cell.active:after{content:'';position:absolute;width:6px;height:6px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--lav)}.grid-cell.active[data-inst^="hat"]:after,.grid-cell.active[data-inst^="ride"]:after,.grid-cell.active[data-inst="crash"]:after{width:7px;height:2px;border-radius:0;background:var(--cyan);transform:translate(-50%,-50%) rotate(-45deg)}.grid-cell.playhead{box-shadow:inset 0 0 0 1px #fff}.drum-key{border-top:1px solid var(--line);padding:8px 0}.drum-key summary{cursor:pointer;color:#bdadff;font-size:9px}.drum-key img{display:block;max-width:min(640px,100%);height:auto;margin:12px auto 4px;border-radius:5px;background:white}.score-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0 4px}.score-heading .eyebrow{font-size:9px}.score-heading small{display:block;margin:4px 0 0 27px;color:#939db8;font-size:8px}.score-heading>span{font:10px var(--mono);color:#c0b2f7}.score-scroll{overflow:auto}.score-preview svg{display:block;min-width:650px;width:100%;height:auto}.score-preview .staff{stroke:#68739a;stroke-width:1}.score-preview .bar-line{stroke:#9aa5ca;stroke-width:1}.score-preview .staff-label{fill:#9fa9c6;font:8px var(--mono)}.score-preview .note-head{fill:#e6e1ff;stroke:#e6e1ff;stroke-width:1}.score-preview .note-x{stroke:#93ddf3;stroke-width:1.7}.score-preview .note-plus{stroke:#ffc4ce;stroke-width:1.8}.score-preview .note-diamond{fill:#93ddf3;stroke:#93ddf3}.score-preview .note-open{fill:none;stroke:#93ddf3;stroke-width:1.5}.score-preview .stem{stroke:#e6e1ff;stroke-width:1.2}.score-preview .beam{stroke:#e6e1ff;stroke-width:2}.score-preview .beat-count{fill:#858eac;font:8px var(--mono)}.score-preview .bar-number{fill:#b5a7e3;font:8px var(--mono)}.editor-foot{border-top:1px solid var(--line);height:32px;display:flex;align-items:center;justify-content:space-between;color:#a6b092}.editor-foot>span{display:flex;align-items:center;gap:6px;font-size:8px}.editor-foot>small{font-size:8px;color:#929bb5}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;color:#a7afc6}.editor-footer>span{font-size:9px}.editor-footer button{border:0;background:none;color:#c8b7ff;font-size:9px}.drum-key[open]{margin-bottom:8px}.rudiment-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr);gap:12px}.rudiment-list,.exercise-panel{padding:17px}.rudiment-list h2{font:600 14px var(--display);margin:8px 0 13px}.rudiment-choice{display:flex;align-items:center;gap:10px;padding:9px 7px;border:1px solid transparent;border-radius:6px;cursor:pointer}.rudiment-choice:hover{background:#1c2540}.rudiment-choice.active{background:#282449;border-color:#4b4275}.rudiment-choice .number{width:27px;height:27px;display:grid;place-items:center;border-radius:5px;background:#222a45;color:#a99af0;font:9px var(--mono)}.rudiment-choice>span:nth-child(2){display:grid;gap:3px}.rudiment-choice b{font-size:10px;font-weight:500}.rudiment-choice small{font-size:8px;color:#9ba4bd}.rudiment-choice>i{margin-left:auto;color:#9d91ca;font-style:normal}.exercise-top{display:flex;align-items:center;justify-content:space-between;color:#c0adff;font:9px var(--mono);letter-spacing:.08em}.exercise-top small{color:#8590ad}.exercise-panel h2{font:600 21px var(--display);margin:17px 0 4px}.exercise-panel>p{font-size:10px;color:#9ea7c0;margin:0}.sticking{min-height:88px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:auto}.sticking span{width:31px;height:36px;flex:none;display:grid;place-items:center;border-radius:5px;background:#1d2740;border:1px solid #343f61;font:14px var(--mono);color:#e0daf8}.sticking span.right{color:#c7b2ff;border-color:#51427d}.sticking span.left{color:#ffbac5;border-color:#684453}.sticking span.hit{box-shadow:0 0 0 2px white}.hands-legend{display:flex;justify-content:center;gap:16px;color:#9da7c1;font:8px var(--mono)}.hands-legend>span{display:flex;align-items:center;gap:4px}.hands-legend i{width:6px;height:6px;border-radius:50%;background:#c4a8ff}.hands-legend i.left-hand{background:#ff9eae}.exercise-tempo{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.exercise-tempo>span{display:grid;gap:5px}.exercise-tempo b{font:19px var(--display)}.exercise-tempo strong{font-weight:500}.exercise-tempo button{width:24px;height:24px}.exercise-play{width:100%;margin:12px 0;height:37px}.exercise-tip{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:4px}.exercise-tip b{font-size:9px}.exercise-tip small{font-size:8px;color:#9da7bf}.toast{position:fixed;left:50%;bottom:19px;transform:translate(-50%,15px);padding:9px 15px;border-radius:6px;background:#c6b5ff;color:#17162d;font-size:10px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.ce-lab-sidebar{width:195px;flex-basis:195px}.brand img{max-height:104px}.ce-lab-page{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metro-layout{grid-template-columns:1fr}.metro-side{display:grid;grid-template-columns:1fr 1fr}.metro-side .tip{min-height:130px}.rudiment-layout{grid-template-columns:.9fr 1.1fr}}
@media(max-width:760px){.ce-lab-sidebar{width:59px;flex:0 0 59px;max-height:100vh;padding:17px 7px}.brand{padding:0 3px 28px}.brand img{height:auto;max-height:none;object-fit:contain;object-position:center}.nav-label,.ce-lab-nav b,.teacher>span:nth-child(2),.teacher>i,.local-status span,.local-status small{display:none}.ce-lab-nav{justify-content:center;padding:0}.ce-lab-nav>span{font-size:20px}.teacher{justify-content:center;padding:12px 0}.local-status{justify-content:center}..ce-lab-page{padding:24px 20px 16px}.topbar{padding:0 20px}.hero-orbit{margin-right:0;transform:scale(.82)}.metro-side{grid-template-columns:1fr 1fr}.rudiment-layout{grid-template-columns:1fr}.rudiment-list #rudiment-options{display:grid;grid-template-columns:1fr 1fr}.drum-grid{min-width:720px}}
@media(max-width:540px){.topbar{height:54px;padding:0 12px}.crumb{font-size:8px;gap:7px}.top-actions{gap:8px}.top-actions time{display:none}.ce-lab-page{padding:21px 12px 15px}.hero{min-height:180px;align-items:flex-start}.hero h1{font-size:29px}.hero .lead{font-size:10px;max-width:230px}.hero-orbit{position:absolute;right:2px;top:74px;width:150px;height:145px;transform:scale(.64);transform-origin:top right;opacity:.65}.section-title h2{font-size:15px}.section-title p{font-size:9px}.tool-cards{grid-template-columns:1fr;gap:7px}.tool-card{min-height:131px;padding:11px}.card-icon{float:right}.tool-card .kicker{margin-top:0}.tool-card h3{font-size:14px;margin:4px 0}.tool-card p{font-size:9px}.tool-card footer{margin-top:8px;padding-top:7px}.home-lower{grid-template-columns:1fr;gap:8px}.page-footer{font-size:7px}.page-heading{align-items:flex-start;margin-bottom:16px}.page-heading h1{font-size:27px}.page-heading .lead{font-size:10px}.metro-panel{padding:14px 11px}.metro-controls-top{grid-template-columns:1fr 1fr;gap:10px}.bpm-block{grid-column:1/-1}.beat-display{height:173px}.pulse-ring{width:128px;height:128px}.pulse-ring>div{width:96px;height:96px}.metro-side{grid-template-columns:1fr}.sub-buttons button{min-width:41px}.setting-line>span{min-width:92px}.sound-line{flex-wrap:wrap;padding:7px 0}.sound-line select{width:100px}.volume{margin-left:auto}.tempo-guide{padding:13px}.guide-heading{align-items:flex-start;gap:9px}.guide-heading>small{max-width:105px}.editor-toolbar{gap:5px;padding:7px}.pattern-title{flex-basis:100%;margin:0}.editor-toolbar>label:not(.pattern-title){padding-right:5px;gap:3px}.bar-count{border:0!important}.editor-toolbar button{padding:0 7px}.editor-panel{padding:0 8px 6px}.editor-meta{gap:5px}.grid-resolution{gap:2px}.grid-resolution button{padding:4px}.legend{gap:5px}.legend>span{font-size:8px}.reference-toggle{font-size:8px}.drum-grid{min-width:760px;grid-template-columns:112px repeat(var(--steps),minmax(15px,1fr))}.drum-grid-scroll{max-height:440px}.instrument-label{font-size:8px}.editor-foot>small{display:none}.score-preview svg{min-width:730px}.editor-footer{align-items:flex-start;gap:7px}.editor-footer>span{font-size:8px}.editor-footer button{max-width:145px;text-align:right;line-height:1.4}.rudiment-list #rudiment-options{grid-template-columns:1fr}.exercise-panel{padding:15px}.exercise-panel h2{font-size:18px}}
.tempo-meaning{color:#a5adc6;font-size:9px}.tempo-row{cursor:pointer}.grid-cell.disabled{cursor:default;opacity:.42}/* Requested interaction refinements */
.bpm-input input{font-size:43px;width:96px}
.beat-display{height:225px}
.pulse-ring{width:178px;height:178px;animation:orbit-breathe 2.8s ease-in-out infinite}
.pulse-ring>div{width:130px;height:130px}
.pulse-ring strong{font-size:50px}
.pulse-ring:before,.pulse-ring:after{content:'♪';position:absolute;color:#c5b3ff;font-size:21px;animation:float-note 2.2s ease-in-out infinite}
.pulse-ring:before{transform:translate(79px,-73px)}.pulse-ring:after{content:'✦';font-size:15px;transform:translate(-78px,70px);animation-delay:.6s}
@keyframes orbit-breathe{0%,100%{box-shadow:0 0 0 11px #1a2037,0 0 0 12px #394269;transform:rotate(-2deg)}50%{box-shadow:0 0 0 14px #24203c,0 0 0 16px #6555a3,0 0 32px #a88bff33;transform:rotate(2deg)}}
@keyframes float-note{0%,100%{margin-top:0}50%{margin-top:-10px}}
.instrument-label{height:31px;min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:14px 10px;gap:0 4px;align-content:center;padding:2px 5px;overflow:hidden}
.instrument-label b{grid-row:1 / 3;width:auto;font-size:8px}.instrument-label span{overflow:hidden;text-overflow:ellipsis;font-size:8px}.instrument-fader{grid-column:2;grid-row:2;width:100%;height:9px;margin:0;accent-color:var(--purple);cursor:ew-resize}.instrument-label.group-start{height:34px}
.score-preview svg{min-width:730px;height:auto}.score-preview .staff-label{display:none}
.editor-toolbar .outline,.editor-toolbar .play-button{height:42px;padding-inline:15px;font-size:11px}.pattern-title input{width:190px;font-size:14px;min-height:36px;padding:4px 8px;border:1px solid #354064;border-radius:5px;background:#18213a}.editor-toolbar{gap:9px}.rudiment-choice{min-height:52px;gap:12px;padding:9px 10px}.rudiment-choice b{font-size:13px;color:#9da6c0;font-weight:600;text-shadow:0 1px 3px #0008}.rudiment-choice.active b{font-size:15px;color:#e5dcff;text-shadow:0 0 12px #a88bff66}.rudiment-choice .number{flex:none}.rudiment-choice>i{flex:none}.rudiment-choice .number{color:#827d9b}
.custom-meter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;margin-top:7px}.custom-meter input,.custom-meter select{height:27px;min-width:0;width:100%;padding:2px 5px;background:#1a2239;border:1px solid #354064;border-radius:4px;font:10px var(--mono)}.custom-meter button{grid-column:1 / -1;width:100%;height:27px;font-size:9px}
.trainer-panel{padding:20px}.trainer-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.trainer-controls label,.poly-panel>label{display:grid;gap:6px;color:#969fbc;font:9px var(--mono)}.trainer-controls input,.trainer-controls select,.poly-panel input,.poly-ratio select{height:38px;padding:0 9px;border:1px solid #354064;border-radius:5px;background:#1a2239}.limb-grid{display:grid;gap:8px;margin-top:25px;overflow-x:auto}.limb-row{display:grid;grid-template-columns:145px repeat(16,minmax(20px,1fr));gap:4px;min-width:550px;align-items:center}.limb-row>b{font-size:11px;color:#cbd0e4}.limb-step{height:31px;border:1px solid #303a59;border-radius:4px;background:#192139;padding:0}.limb-step.beat-start{border-left:2px solid #536084}.limb-step.on{background:#59498e;border-color:#a88bff;box-shadow:0 0 10px #9578ff2a}.limb-step.current{outline:2px solid #d0c2ff;outline-offset:1px}.trainer-hint{font-size:11px;color:#9ca5bf;line-height:1.6;margin:17px 0 0}.poly-panel{max-width:650px;display:grid;justify-items:start;gap:17px}.poly-panel>label input{width:100px}.poly-ratio{display:flex;align-items:center;gap:13px}.poly-ratio select{width:75px;font:600 22px var(--display)}.poly-ratio b{font:600 19px var(--display);color:var(--lav)}.poly-display{display:grid;gap:18px;width:min(100%,500px);padding:16px;border:1px solid var(--line);border-radius:9px;background:#11192d}.poly-display>div{display:flex;justify-content:space-around;gap:8px}.poly-display i{width:20px;height:20px;border-radius:50%;background:#3b4567;border:1px solid #697499;transition:.1s}.poly-display i.active{background:#c3aaff;border-color:#eee4ff;box-shadow:0 0 14px #a88bff}
@media(max-width:700px){.bpm-input input{font-size:38px}.pulse-ring{width:158px;height:158px}.pulse-ring>div{width:118px;height:118px}.custom-meter{grid-template-columns:1fr auto 1fr}.pattern-title input{width:150px}}/* Overview refresh, notation clarity, and expanded metronome scale */
.ce-lab-sidebar{padding-top:18px}.nav-label{padding-top:0}.hero{gap:20px}.hero-logo-wrap{width:min(33vw,320px);height:180px;display:grid;place-items:center;flex:none}.hero-logo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.home-lower{grid-template-columns:1fr}.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.score-preview .time-signature{fill:#d8d0f2;font:600 12px var(--mono);text-anchor:start}.score-preview .beat-count{fill:#858eac;font:8px var(--mono)}
.limb-grid{display:grid;gap:5px;margin-top:22px;overflow-x:auto}.limb-ruler,.limb-row{display:grid;grid-template-columns:170px repeat(var(--steps),minmax(22px,1fr));gap:4px;min-width:620px;align-items:center}.limb-ruler{height:27px;color:#aab4d0}.limb-ruler span{text-align:center;font:10px var(--mono)}.limb-ruler>b{font:8px var(--mono);letter-spacing:.06em;color:#7883a4}.limb-row{min-height:47px;border-top:1px solid #252f4b;padding-top:4px}.limb-row>b{font-size:11px;color:#cbd0e4}.limb-step{height:34px;border:1px solid #303a59;border-radius:5px;background:#141d32;padding:0}.limb-step.beat-start{border-left:2px solid #69749b}.limb-step.on{background:#58458a;border-color:#a88bff;box-shadow:0 0 10px #9578ff25}.limb-step.current{outline:2px solid #e4dcff;outline-offset:1px}
.poly-display{width:min(100%,700px);display:grid;gap:17px;padding:19px 20px;border:1px solid var(--line);border-radius:9px;background:#11192d}.poly-display>div.poly-row{display:grid;grid-template-columns:145px minmax(180px,1fr);align-items:center;gap:12px}.poly-row>b{display:grid;gap:4px;color:#ded8fa;font:700 18px var(--display)}.poly-row>b small{font:9px var(--sans);color:#8e99b7}.poly-track{height:34px;position:relative;margin-left:12px;border-bottom:1px solid #3c4868;background:linear-gradient(90deg,transparent 0,transparent 99%,#384362 99%)}.poly-track i{position:absolute;top:7px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#3b4567;border:1px solid #697499;transition:background .08s,box-shadow .08s}.poly-track i:first-child{left:0!important}.poly-track i.active{background:#c3aaff;border-color:#eee4ff;box-shadow:0 0 14px #a88bff}
#page-metronome .page-heading h1{font-size:62px}#page-metronome .page-heading .lead{font-size:24px;max-width:750px}#page-metronome .bpm-block>label,#page-metronome .meter-block>label{font-size:18px;margin-bottom:18px}#page-metronome .bpm-input input{font-size:86px;width:150px}#page-metronome .bpm-input span{font-size:18px}#page-metronome .bpm-input button{width:42px;height:42px;font-size:25px}#page-metronome .range-ends{font-size:16px}#page-metronome .meter-block select{height:54px;font-size:22px}#page-metronome .custom-meter input,#page-metronome .custom-meter select{height:38px;font-size:18px}#page-metronome .custom-meter button{height:38px;font-size:16px}#page-metronome .beat-display{height:340px}#page-metronome .pulse-ring{width:267px;height:267px}#page-metronome .pulse-ring>div{width:195px;height:195px}#page-metronome .pulse-ring strong{font-size:100px}#page-metronome .pulse-ring small{font-size:16px}#page-metronome .pulse-ring:before{font-size:32px}#page-metronome .pulse-ring:after{font-size:24px}#page-metronome .beat-dots{gap:14px}#page-metronome .beat-dots i{width:12px;height:12px}#page-metronome .metro-controls .tap-button,#page-metronome .metro-controls .play-button{height:56px;font-size:20px;padding-inline:20px}#page-metronome .metro-controls .icon-button{width:54px;height:54px;font-size:25px}#page-metronome .toggle-line b,#page-metronome .setting-line b{font-size:20px}#page-metronome .toggle-line small,#page-metronome .setting-line small{font-size:16px}#page-metronome .toggle-line,#page-metronome .setting-line{min-height:64px}#page-metronome .sub-buttons button{min-width:70px;height:50px;font-size:22px}#page-metronome .sub-buttons button small{font-size:14px}#page-metronome .sound-line select{width:150px;height:45px;font-size:16px}#page-metronome .volume{font-size:18px}#page-metronome .volume input{width:100px}#page-metronome .volume span:last-child{font-size:16px}#page-metronome .quick-tempos .eyebrow,#page-metronome .tip .kicker{font-size:18px}#page-metronome .quick-tempos button{height:63px;font-size:28px}#page-metronome .quick-tempos button small{font-size:16px}#page-metronome .tip p{font-size:22px}#page-metronome .tip>small{font-size:16px}#page-metronome .guide-heading h2{font-size:32px}#page-metronome .guide-heading p{font-size:18px}#page-metronome .guide-heading>small{font-size:16px;max-width:360px}#page-metronome .tempo-guide .eyebrow{font-size:18px}#page-metronome .tempo-guide th{font-size:18px;padding:14px}#page-metronome .tempo-guide td{font-size:20px;padding:14px}#page-metronome .tempo-guide td:first-child{font-size:22px}#page-metronome .tempo-guide td:last-child{font-size:20px}
@media(max-width:900px){.hero-logo-wrap{width:230px;height:130px}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#page-metronome .metro-layout{grid-template-columns:minmax(0,1fr)}#page-metronome .pulse-ring{width:230px;height:230px}#page-metronome .pulse-ring>div{width:168px;height:168px}}
@media(max-width:600px){.hero-logo-wrap{width:135px;height:85px}.hero{min-height:150px}.tool-cards{grid-template-columns:1fr}.home-lower{grid-template-columns:1fr}#page-metronome .page-heading h1{font-size:42px}#page-metronome .page-heading .lead{font-size:18px}#page-metronome .bpm-input input{font-size:64px;width:110px}#page-metronome .pulse-ring{width:200px;height:200px}#page-metronome .pulse-ring>div{width:145px;height:145px}#page-metronome .pulse-ring strong{font-size:76px}#page-metronome .metro-panel{padding:14px}#page-metronome .metro-controls-top{grid-template-columns:1fr 1fr;gap:12px}#page-metronome .setting-line{align-items:flex-start;flex-wrap:wrap;padding:10px 0}#page-metronome .guide-heading{align-items:flex-start;flex-direction:column;gap:8px}#page-metronome .guide-heading>small{text-align:left}}/* BPM analyser and measure-based rhythm trainers */
.bpm-analyzer{max-width:850px;margin:0 auto;padding:24px;display:grid;gap:16px}.audio-file-picker{min-height:150px;display:grid;place-content:center;justify-items:center;gap:9px;border:1px dashed #7166a5;border-radius:10px;background:linear-gradient(140deg,#1d2340,#151d32);cursor:pointer;text-align:center;color:#d9d3f1}.audio-file-picker>span{font-size:38px;color:var(--purple)}.audio-file-picker b{font:600 15px var(--display)}.audio-file-picker small{max-width:100%;overflow-wrap:anywhere;color:#929bb8;font-size:11px}.audio-file-picker input{position:absolute;width:1px;height:1px;opacity:0}.bpm-analyzer>.play-button,.bpm-analyzer>.outline{justify-self:start;min-width:150px}.privacy-note,.analyzer-status{margin:0;color:#929bb6;font-size:11px;line-height:1.6}.analyzer-status.error{color:#ffadb7}.tempo-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:18px;border:1px solid #413969;border-radius:9px;background:linear-gradient(140deg,#242143,#171f35)}.tempo-result[hidden]{display:none}.tempo-result-main{display:flex;align-items:baseline;gap:9px}.tempo-result-main>span,.tempo-match>span,.candidate-heading{color:#a6aec6;font:10px var(--mono);letter-spacing:.08em}.tempo-result-main strong{font:700 58px var(--display);color:#d9ccff}.tempo-result-main>b{font:12px var(--mono);color:#b3a9d1}.tempo-match{display:grid;gap:6px;text-align:right}.tempo-match>b{font:600 18px var(--display);color:#d5c8ff}.candidate-heading{grid-column:1/-1;border-top:1px solid #343351;padding-top:12px}.tempo-candidates{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.tempo-candidate{min-width:112px;display:grid;gap:4px;padding:10px;border:1px solid #354064;border-radius:6px;background:#1b233a;text-align:left}.tempo-candidate b{font:600 19px var(--display);color:#b9a9f2}.tempo-candidate small{font:9px var(--mono);color:#929bb6}.tempo-candidate.selected{border-color:#a88bff;background:#30294d}.poly-panel>.poly-meter-select{display:grid;gap:6px;font:10px var(--mono);color:#969fbc}.poly-panel>.poly-meter-select select{height:38px;width:120px;padding:0 8px;background:#1a2239;border:1px solid #354064;border-radius:5px}.poly-track{height:50px}.poly-track i{top:8px;width:30px;height:30px}.poly-row>b{font-size:20px}.limb-step{height:38px}
/* Metronome fonts reduced by 25% from the previous enlargement. */
#page-metronome .page-heading h1{font-size:46.5px}#page-metronome .page-heading .lead{font-size:18px}#page-metronome .bpm-block>label,#page-metronome .meter-block>label{font-size:13.5px;margin-bottom:14px}#page-metronome .bpm-input input{font-size:64.5px;width:130px}#page-metronome .bpm-input span{font-size:13.5px}#page-metronome .bpm-input button{font-size:18.75px}#page-metronome .range-ends{font-size:12px}#page-metronome .meter-block select{font-size:16.5px}#page-metronome .custom-meter input,#page-metronome .custom-meter select{font-size:13.5px}#page-metronome .custom-meter button{font-size:12px}#page-metronome .pulse-ring strong{font-size:75px}#page-metronome .pulse-ring small{font-size:12px}#page-metronome .pulse-ring:before{font-size:24px}#page-metronome .pulse-ring:after{font-size:18px}#page-metronome .metro-controls .tap-button,#page-metronome .metro-controls .play-button{font-size:15px}#page-metronome .toggle-line b,#page-metronome .setting-line b{font-size:15px}#page-metronome .toggle-line small,#page-metronome .setting-line small{font-size:12px}#page-metronome .sub-buttons button{font-size:16.5px}#page-metronome .sub-buttons button small{font-size:10.5px}#page-metronome .sound-line select{font-size:12px}#page-metronome .volume{font-size:13.5px}#page-metronome .volume span:last-child{font-size:12px}#page-metronome .quick-tempos .eyebrow,#page-metronome .tip .kicker{font-size:13.5px}#page-metronome .quick-tempos button{font-size:21px}#page-metronome .quick-tempos button small{font-size:12px}#page-metronome .tip p{font-size:16.5px}#page-metronome .tip>small{font-size:12px}#page-metronome .guide-heading h2{font-size:24px}#page-metronome .guide-heading p{font-size:13.5px}#page-metronome .guide-heading>small{font-size:12px}#page-metronome .tempo-guide .eyebrow{font-size:13.5px}#page-metronome .tempo-guide th{font-size:13.5px}#page-metronome .tempo-guide td{font-size:15px}#page-metronome .tempo-guide td:first-child{font-size:16.5px}#page-metronome .tempo-guide td:last-child{font-size:15px}
.score-preview .time-signature{text-anchor:middle;font-size:14px;font-weight:700}
#page-rudiments .rudiment-choice:not(.active) b{color:#8e88a7!important;text-shadow:none!important}.rudiment-choice.active b{color:#e0d6ff!important}
@media(max-width:600px){#page-metronome .page-heading h1{font-size:31.5px}#page-metronome .page-heading .lead{font-size:13.5px}#page-metronome .bpm-input input{font-size:48px}#page-metronome .pulse-ring strong{font-size:57px}}
/* Requested layout refinements */
#page-rudiments #rudiment-options{display:grid;gap:8px;}
#page-rudiments .rudiment-choice{height:62px;min-height:62px;max-height:62px;width:100%;overflow:hidden;box-sizing:border-box;}
#page-rudiments .rudiment-choice b{min-width:0;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#page-metronome .meter-block .meter-subdivision{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #252f4b;}
#page-metronome .meter-block .meter-subdivision>span{min-width:0;}
#page-metronome .meter-block .sub-buttons{display:flex;flex-wrap:wrap;gap:6px;}
#page-metronome .meter-block .sub-buttons button{flex:1 1 48px;min-width:48px;}
#page-metronome .ramp-line{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;padding-right:3px;min-width:0;}
#page-metronome .ramp-line>span{min-width:0;}
#page-metronome .ramp-line .toggle-control{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:26px;}
#page-metronome .ramp-line .toggle-control i{display:block;flex:0 0 30px;width:30px;height:16px;box-sizing:border-box;}
#page-metronome .ramp-line .toggle-control input:checked+i:after{transform:translateX(14px);}
.poly-panel{max-width:none;width:100%;}
.poly-display{width:100%;max-width:none;gap:34px;padding:32px 36px;}
.poly-display>div.poly-row{grid-template-columns:190px minmax(260px,1fr);gap:24px;}
.poly-track{height:100px;}
.poly-track i{top:16px;width:60px;height:60px;}
.poly-row>b{font-size:30px;}
.poly-row>b small{font-size:15px;}
@media(max-width:700px){.poly-display{padding:22px 16px;overflow-x:auto}.poly-display>div.poly-row{min-width:620px;grid-template-columns:150px minmax(430px,1fr);gap:14px}.poly-track{height:82px}.poly-track i{top:11px;width:60px;height:60px}}
#page-metronome .meter-block .meter-subdivision{display:grid;align-items:stretch;gap:8px;}
.poly-track{flex:1;min-width:0;}

#page-metronome .meter-block .meter-subdivision{width:100%;}
#page-metronome .meter-block .sub-buttons{width:100%;gap:0;}
#page-metronome .meter-block .sub-buttons button{flex:1 1 0;min-width:0;border-radius:0;}
#page-metronome .meter-block .sub-buttons button:first-child{border-radius:5px 0 0 5px;}
#page-metronome .meter-block .sub-buttons button:last-child{border-radius:0 5px 5px 0;}

/* Subdivision strip spans the metronome panel beneath tempo and meter controls. */
#page-metronome .metro-panel>.meter-subdivision{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,2fr);align-items:center;gap:18px;width:100%;margin:0 0 22px;padding:15px 0 18px;border-top:1px solid #252f4b;border-bottom:1px solid #252f4b;}
#page-metronome .metro-panel>.meter-subdivision>span{min-width:0;}
#page-metronome .metro-panel>.meter-subdivision .sub-buttons{display:flex;width:100%;gap:0;}
#page-metronome .metro-panel>.meter-subdivision .sub-buttons button{flex:1 1 0;min-width:0;height:64px;border-radius:0;font-size:28px;}
#page-metronome .metro-panel>.meter-subdivision .sub-buttons button small{font-size:13px;}
#page-metronome .metro-panel>.meter-subdivision .sub-buttons button:first-child{border-radius:6px 0 0 6px;}
#page-metronome .metro-panel>.meter-subdivision .sub-buttons button:last-child{border-radius:0 6px 6px 0;}
@media(max-width:650px){#page-metronome .metro-panel>.meter-subdivision{grid-template-columns:1fr;gap:10px;}#page-metronome .metro-panel>.meter-subdivision .sub-buttons button{height:58px;}}

/* Remove the decorative eighth note above the metronome pulse. */
#page-metronome .pulse-ring:before{content:none;display:none;}

.ce-drum-lab section{background:transparent;color:inherit;overflow:visible;z-index:auto}
/* Site icinde: tam ekran kabuk yerine sayfa akisinda kart */
.ce-lab-section{overflow:visible;background:#181818}
.ce-lab-section .ce-drum-lab,.ce-lab-section .shell{min-height:0;border:1px solid #2c3658;border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.35)}
.ce-lab-section .ce-lab-sidebar{top:16px;max-height:calc(100vh - 32px);border-radius:16px 0 0 16px}
.ce-lab-section .ce-lab-main{min-height:0;border-radius:0 16px 16px 0}
body:has(#header.header-sticky.sticky-active) .ce-lab-section .ce-lab-sidebar{top:92px;max-height:calc(100vh - 108px)}
@media(max-width:760px){
.ce-lab-section .ce-drum-lab{flex-direction:column}
.ce-lab-section .ce-lab-sidebar{width:100%;flex:none;max-height:none;position:relative;top:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;padding:12px 12px 10px}
.ce-lab-section .ce-lab-sidebar nav{display:flex;gap:6px;overflow-x:auto}
.ce-lab-section .ce-lab-nav{width:auto;flex:0 0 auto;height:38px;padding:0 12px}
.ce-lab-section .ce-lab-nav b,.ce-lab-section .nav-label{display:block}
.ce-lab-section .nav-label{padding:0 4px 8px}
.ce-lab-section .side-bottom{display:none}
.ce-lab-section .ce-lab-main{border-radius:0 0 16px 16px}
}