@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cookie&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";.blueprint-page{color:#e8e9df;background:linear-gradient(135deg,#0b1114,#111713 48%,#17170d);min-height:100dvh;padding-bottom:28px;font-family:IBM Plex Mono,monospace}.blueprint-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1311ee;border-bottom:2px solid #318cca;grid-template-columns:92px 1fr minmax(80px,160px);align-items:center;min-height:72px;padding:8px 10px;display:grid;position:sticky;top:0}.blueprint-header button{color:#72bce9;background:#14242d;border:1px solid #315e77;height:42px;font-size:16px}.blueprint-header button span{font-size:7px;display:block}.blueprint-header small{color:#e2bd43;letter-spacing:.15em;font-size:7px}.blueprint-header h1{letter-spacing:.02em;margin:2px 0 0;font:17px Archivo Black}.blueprint-header>b{color:#89938a;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.blueprint-tabs{background:#111612;border-bottom:1px solid #343d36;grid-template-columns:repeat(3,1fr);height:58px;display:grid}.blueprint-tabs button{color:#69736b;background:0 0;border:0;border-right:1px solid #343d36;font:18px Archivo Black}.blueprint-tabs small{letter-spacing:.08em;margin-top:2px;font:7px IBM Plex Mono;display:block}.blueprint-controls{background:#151b17;border-bottom:1px solid #354038;grid-template-columns:1.25fr 1fr .8fr;display:grid}.blueprint-controls>label,.blueprint-controls>div{border-right:1px solid #354038;min-width:0;padding:10px}.blueprint-controls span,.blueprint-summary small{color:#7f8a80;margin-bottom:5px;font-size:7px;display:block}.blueprint-controls input,.blueprint-controls select{color:#e8c746;text-align:center;background:#0f1411;border:1px solid #455148;height:32px;font-size:16px}.blueprint-controls input{width:62px}.blueprint-controls select{width:100%}.blueprint-controls em{color:#7f8a80;margin-left:4px;font-size:7px}.blueprint-controls strong{font:18px Archivo Black}.blueprint-controls strong.ok{color:#62c99a}.blueprint-controls strong.bad{color:#ff735e}.blueprint-summary{border-bottom:1px solid #343d36;grid-template-columns:repeat(3,1fr);display:grid}.blueprint-summary>div{border-right:1px solid #343d36;padding:10px}.blueprint-summary b{color:#d9ddd5;font:12px Archivo Black}.blueprint-warning{background:#3a1b17;border:1px solid #874034;gap:14px;margin:16px;padding:16px;display:flex}.blueprint-warning>b{color:#24100d;background:#ff6e55;place-items:center;width:38px;height:38px;font:24px Archivo Black;display:grid}.blueprint-warning strong{font-size:11px}.blueprint-warning p{color:#dba69d;margin:6px 0 0;font-size:8px;line-height:1.7}.blueprint-board-wrap{overscroll-behavior:contain;background-color:#0d120f;background-image:linear-gradient(#1d2922 1px,#0000 1px),linear-gradient(90deg,#1d2922 1px,#0000 1px);background-size:17px 17px;min-height:420px;padding:24px;overflow:auto}.blueprint-board{background:#111713dd;width:max-content;min-width:100%;padding:18px;display:grid;position:relative;box-shadow:0 18px 50px #0008}.bp-cell{color:#fff;text-shadow:1px 1px #000;background:#29312b;border:1px solid #465149;place-items:center;width:34px;height:34px;font-size:10px;display:grid;position:relative}.bp-cell.note{image-rendering:pixelated;background-position:50%!important;background-size:cover!important}.bp-cell.note:after{content:"";border:1px solid #ffffff80;position:absolute;inset:2px}.bp-cell.note b{z-index:1;background:#101410dd;border-radius:50%;place-items:center;min-width:17px;height:17px;font:10px Archivo Black;display:grid}.bp-cell.note small{z-index:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#0c0f0ccc;padding:1px;font-size:5px;position:absolute;bottom:1px;left:1px;right:1px;overflow:hidden}.bp-cell.rest{color:#bac1b8;background:#353a35;border-style:dashed}.bp-cell.rest small{font-size:5px;position:absolute;bottom:2px}.bp-cell.repeater{color:#ffb39e;background:linear-gradient(135deg,#51352d,#251d19);border-color:#755044;grid-template-columns:1fr 12px}.bp-cell.repeater .arrow{font-size:18px;font-style:normal;line-height:1}.bp-cell.repeater .arrow.down{transform:rotate(90deg)}.bp-cell.repeater .arrow.up{transform:rotate(-90deg)}.bp-cell.repeater b{color:#fff;background:#c54b34;place-items:center;width:12px;height:18px;font-size:8px;display:grid}.bp-cell.source{background:linear-gradient(135deg,#db3828,#6e1611);border-color:#f14d37;font-size:6px;box-shadow:0 0 14px #ef4a37aa}.dust-line{background:#e94736;position:absolute;box-shadow:0 0 5px #e94736}.dust-line.down,.dust-line.up{width:3px;height:100%}.dust-line.left,.dust-line.right{width:100%;height:3px}.blueprint-legend{background:#121713;border-top:1px solid #344038;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.blueprint-legend span{color:#939e94;align-items:center;gap:6px;font-size:7px;display:flex}.blueprint-legend i{place-items:center;width:22px;height:22px;font-style:normal;display:grid}.legend-note{background:#3c684c;border:2px solid #65a47c}.legend-repeater{color:#ffb29c;background:#5a3228}.legend-rest{background:#303630;border:1px dashed #899188}.legend-dust{position:relative}.legend-dust:after{content:"";background:#e94736;width:22px;height:3px}.blueprint-pending{text-align:center;place-items:center;min-height:55dvh;padding:30px;display:grid}.blueprint-pending>b{color:#25352d;font:96px/1 Archivo Black}.blueprint-pending h2{margin:0;font:20px Archivo Black}.blueprint-pending p{color:#8d978e;max-width:420px;font-size:9px;line-height:1.8}.blueprint-pending span{color:#e3c448;border:1px solid #665b28;margin-top:10px;padding:8px 14px;font-size:8px}@media (width<=520px){.blueprint-header{grid-template-columns:78px 1fr 72px}.blueprint-header h1{font-size:14px}.blueprint-controls{grid-template-columns:1.2fr 1fr .7fr}.blueprint-controls>label,.blueprint-controls>div{padding:8px 6px}.blueprint-board-wrap,.blueprint-board{padding:12px}}.blueprint-board-wrap{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;background:#0c110e;height:calc(100dvh - 252px);min-height:360px;padding:12px;position:relative;overflow:auto}.blueprint-stage{position:relative}.blueprint-grid-shell{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.blueprint-board{background-color:#111713;background-image:linear-gradient(#354139 1px,#0000 1px),linear-gradient(90deg,#354139 1px,#0000 1px);background-size:34px 34px;border-bottom:1px solid #354139;border-right:1px solid #354139;min-width:0;padding:0;display:grid;position:absolute;box-shadow:0 18px 50px #0008}.column-labels,.row-labels{color:#879188;font-size:7px;display:grid;position:absolute}.column-labels{height:24px;top:0}.column-labels b{border-right:1px solid #2c352f;place-items:center;display:grid}.row-labels{width:30px;left:0}.row-labels b{border-bottom:1px solid #2c352f;place-items:center;display:grid}.bp-cell{width:34px;height:34px}.bp-cell.note{isolation:isolate}.bp-cell.note:before{content:"";z-index:0;background:#0004;position:absolute;inset:0}.bp-cell.note:after{border-color:#ffffff70;inset:1px}.bp-cell.note b{z-index:2;color:#fff;text-shadow:1px 1px #000,-1px -1px #000;background:#050806d9;border:2px solid #fff9;min-width:25px;height:25px;font-size:16px;line-height:1;position:relative}.bp-cell.rest{border:1px solid #879188;box-shadow:inset 0 0 0 2px #0005}.bp-cell.rest:after{content:"";border:1px dashed #ffffff75;position:absolute;inset:2px}.bp-cell.repeater{grid-template-columns:1fr 15px}.bp-cell.repeater .arrow{font-size:20px}.bp-cell.repeater b{width:15px;height:24px;font:12px Archivo Black}.bp-cell.dust{background:#111713;border:1px solid #354139}.dust-dot{background:#ef4938;border-radius:50%;width:10px;height:10px;box-shadow:0 0 7px #ef4938}.bp-cell.source b{font-size:6px}.blueprint-zoom{z-index:10;background:#111713e8;border:1px solid #4a574e;grid-template-columns:38px 52px 38px;width:128px;height:38px;display:grid;position:sticky;bottom:8px;left:calc(100% - 128px);box-shadow:0 7px 22px #000b}.blueprint-zoom button{color:#78bce4;background:#1c2721;border:0;font-size:20px}.blueprint-zoom em{color:#e5c64e;place-items:center;font-size:8px;font-style:normal;display:grid}.blueprint-legend i.legend-note{color:#fff;text-shadow:1px 1px #000;background:#254c35;border:2px solid #fff9;font:12px Archivo Black}.blueprint-legend .legend-rest{border:1px solid #899188}.blueprint-legend .legend-dust{position:relative}.blueprint-legend .legend-dust u{background:#ef4938;border-radius:50%;width:9px;height:9px;text-decoration:none;box-shadow:0 0 5px #ef4938}@media (width<=520px){.blueprint-board-wrap{padding:8px}.blueprint-board{padding:0}}.bp-cell.note:before,.bp-cell.note:after{display:none}.bp-cell.note b{color:#fff;-webkit-text-stroke:1.5px #000;text-shadow:0 1px #000,1px 0 #000,0 -1px #000,-1px 0 #000;background:0 0;border:0;border-radius:0;min-width:0;height:auto;font-size:19px;line-height:1}.bp-cell.repeater{background:linear-gradient(135deg,#51352d,#251d19);grid-template-columns:1fr 12px;display:grid}.bp-cell.repeater b{color:#fff;-webkit-text-stroke:1px #000;text-shadow:1px 1px #000;background:0 0;width:auto;height:auto;font-size:15px}.bp-cell.rest{box-shadow:none;border:1px solid #354139}.bp-cell.rest:after{display:none}.bp-cell.dust{position:relative;overflow:hidden}.dust-arm{background:#e94736;position:absolute;box-shadow:0 0 4px #e94736}.dust-arm.up{width:4px;height:50%;top:0;left:calc(50% - 2px)}.dust-arm.down{width:4px;height:50%;bottom:0;left:calc(50% - 2px)}.dust-arm.left{width:50%;height:4px;top:calc(50% - 2px);left:0}.dust-arm.right{width:50%;height:4px;top:calc(50% - 2px);right:0}.dust-dot{z-index:1;width:9px;height:9px;position:relative}.blueprint-controls>label,.blueprint-controls>.fold-control{padding:9px 12px}.blueprint-controls span{font-size:10px}.blueprint-controls input{width:76px;height:38px;font-size:20px}.fold-toggle{grid-template-columns:1fr 1fr;gap:5px;display:grid}.fold-toggle button{color:#89958d;background:#0f1411;border:1px solid #455148;height:38px;font:11px Archivo Black}.fold-toggle button.active{color:#ffe06c;background:#382f0f;border-color:#e1c344}.blueprint-board-wrap{height:calc(100dvh - 202px)}.column-labels,.row-labels{color:#d7ddd7;font:12px/1 Archivo Black}.column-labels,.column-labels.bottom{height:36px}.row-labels{width:42px}.column-labels b,.row-labels b{place-items:center}.bp-cell{font-size:16px}.bp-cell.note b{font-size:22px}.bp-cell.repeater{background:#111713;border:1px solid #354139}.repeater-mark{clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:#f21919;place-items:center;width:30px;height:32px;display:grid;position:relative}.repeater-mark b{color:#fff!important;-webkit-text-stroke:0!important;text-shadow:none!important;background:0 0!important;font:22px/1 Archivo Black!important}.bp-cell.source{image-rendering:pixelated;box-shadow:none;background-image:url(/assets/block-textures/redstone_block.png);background-size:cover}.bp-cell.rest{image-rendering:pixelated;background-image:url(/assets/block-textures/magenta_concrete.png);background-size:cover}.dust-dot{width:12px;height:12px}.dust-arm.up,.dust-arm.down{width:6px;left:calc(50% - 3px)}.dust-arm.left,.dust-arm.right{height:6px;top:calc(50% - 3px)}@media (width<=520px){.blueprint-controls{grid-template-columns:1fr 1.2fr}.blueprint-controls>label,.blueprint-controls>.fold-control{padding:8px}.blueprint-controls span{font-size:9px}}.bp-cell.repeater{background:#111713;grid-template-columns:1fr;place-items:center;display:grid}.repeater-mark{clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:#f21919;width:30px;height:32px;display:block;position:relative}.repeater-mark.up{transform:rotate(180deg)}.repeater-mark.down{transform:none}.repeater-mark b{place-items:center;position:absolute;top:3px;left:0;width:30px!important;height:20px!important;display:grid!important}.repeater-mark.up b{top:3px;transform:rotate(180deg)}.repeater-mark.down b{transform:none}.bp-cell.source{box-shadow:none;background:#111713;border:1px solid #354139}.bp-cell.source b{color:#f12924;text-shadow:none;font:25px Archivo Black}.legend-repeater{background:0 0}.legend-repeater u{color:#fff;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:#f21919;place-items:center;width:20px;height:22px;font:14px Archivo Black;text-decoration:none;display:grid}.legend-source{color:#f12924!important;font:18px Archivo Black!important}.blueprint-header{grid-template-columns:104px minmax(150px,1fr) minmax(72px,150px);column-gap:14px;padding-inline:12px}.editor-back{grid-template-columns:28px 1fr;align-items:center;padding:0 8px;display:grid}.editor-back i{font-size:20px;font-style:normal}.editor-back span{font-size:8px!important}.blueprint-title{border-left:1px solid #315e77;padding-left:2px}.blueprint-title small,.blueprint-title h1{margin-left:12px}.blueprint-controls>.edge-control{border-right:1px solid #354038;min-width:0;padding:9px 12px}.single-toggle{color:#dbe3dd;background:#0f1411;border:1px solid #455148;width:100%;height:38px;font:11px Archivo Black}.single-toggle.active{color:#ffe06c;background:#382f0f;border-color:#e1c344}.blueprint-board{background-color:#111713;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);border-color:#fff}.bp-cell{border-color:#fff}.bp-cell.note,.bp-cell.rest{border:1px solid #fff;box-shadow:inset 0 0 0 2px #050706}.bp-cell.rest{background-image:url(/assets/block-textures/cyan_concrete.png)}.bp-cell.repeater,.bp-cell.dust,.bp-cell.source{border-color:#fff}.blueprint-legend{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.blueprint-page{padding-bottom:env(safe-area-inset-bottom)}@media (width<=520px){.blueprint-header{grid-template-columns:94px 1fr 64px;column-gap:9px}.blueprint-title small,.blueprint-title h1{margin-left:9px}.blueprint-controls{grid-template-columns:.82fr 1fr 1fr}.blueprint-controls>label,.blueprint-controls>.fold-control,.blueprint-controls>.edge-control{padding:7px 6px}.single-toggle{font-size:9px}.blueprint-legend{padding-inline:14px;padding-bottom:calc(88px + env(safe-area-inset-bottom));gap:12px}.blueprint-legend span{font-size:9px}}.blueprint-board{background-image:linear-gradient(#ffffffc7 .75px,#0000 .75px),linear-gradient(90deg,#ffffffc7 .75px,#0000 .75px);border-width:.75px}.bp-cell{border-width:.75px}.bp-cell.note,.bp-cell.rest{border-width:.75px;box-shadow:inset 0 0 0 1.5px #050706}.blueprint-legend{padding-bottom:calc(20px + env(safe-area-inset-bottom));margin-bottom:120px}.blueprint-page:after{content:"";height:calc(40px + env(safe-area-inset-bottom));display:block}@media (width<=520px){.blueprint-legend{padding-bottom:calc(24px + env(safe-area-inset-bottom));margin-bottom:150px}.blueprint-page:after{height:calc(56px + env(safe-area-inset-bottom))}}.legend-toggle{color:#9da9a0;letter-spacing:.06em;background:#101612;border:0;border-bottom:1px solid #354038;align-items:center;gap:9px;width:100%;height:38px;padding:0 14px;font:10px Archivo Black;display:flex}.legend-toggle span{color:#e2c348;font-size:16px}.legend-toggle i{color:#65a9d5;margin-left:auto;font-size:9px;font-style:normal}.legend-toggle.active{color:#eef2ed;background:#17211b}.blueprint-legend{border-bottom:1px solid #354038;margin:0;padding:10px 14px}.blueprint-page:after{display:none}.column-labels,.row-labels{font-size:16px}.bp-cell.source{background:#fff!important}.bp-cell.source b{color:#f12924!important}@media (width<=520px){.blueprint-legend{margin:0;padding:10px 12px}.blueprint-legend span{font-size:9px}.column-labels,.row-labels{font-size:16px}}.blueprint-controls>.legend-toggle{border-bottom:0;border-right:0;justify-content:center;height:auto;min-height:100%;padding:7px 8px}.blueprint-controls>.legend-toggle i{margin-left:2px}.bp-cell.rest.placeholder,.blueprint-legend .legend-rest.placeholder{background-color:#48b9dc!important;background-image:url(/assets/block-textures/light_blue_concrete.png)!important}.legend-dust:after{display:none!important}.blueprint-legend .legend-dust u{width:11px;height:11px}.blueprint-legend .legend-repeater u{align-items:start;padding-top:2px;position:relative}.export-actions{z-index:12;grid-template-columns:54px 54px;gap:4px;width:112px;display:grid;position:sticky;bottom:12px;left:calc(100% - 112px)}.export-actions button{color:#85c9ef;background:#12252e;border:1px solid #4b6d7d;height:38px;font:10px Archivo Black;box-shadow:0 5px 18px #0009}@media (width<=520px){.blueprint-controls{grid-template-columns:.86fr 1fr 1fr .78fr}.blueprint-controls>.legend-toggle{gap:4px;padding-inline:4px;font-size:8px}.blueprint-controls>.legend-toggle span{font-size:13px}.export-actions{bottom:12px}}.blueprint-controls>label{white-space:nowrap}.run-input{white-space:nowrap;align-items:center;gap:5px;margin:0!important;display:flex!important}.run-input input{flex:0 0 68px;width:68px}.run-input em{white-space:nowrap;margin:0}.more-toggle{color:#d6ddd7;background:#101612;border:0;border-left:1px solid #354038;align-content:center;place-items:center;gap:1px;font:18px Archivo Black;display:grid}.more-toggle span{letter-spacing:.08em;font:7px IBM Plex Mono;margin:0!important}.more-toggle.active{color:#e5c64e;background:#263229}.blueprint-options{background:#172019;border-bottom:1px solid #354038;grid-template-columns:repeat(3,1fr);display:grid}.blueprint-options label{border-right:1px solid #354038;padding:9px 10px}.blueprint-options label>span{color:#8c988e;margin-bottom:5px;font-size:9px;display:block}.header-export{grid-template-columns:1fr 1fr;gap:4px;display:grid}.header-export button{color:#87cdf3;background:#13252e;border:1px solid #42677b;height:36px;font:9px Archivo Black}.legend-note{-webkit-text-stroke:1px #000;color:#fff!important;background-image:url(/assets/block-textures/gold_block.png)!important;background-size:cover!important}.blueprint-legend .legend-repeater u{padding-top:0;line-height:12px}.legend-source{border:1px solid #ddd;color:#f12924!important;background:#fff!important;width:22px!important;height:22px!important}.theme-light{color:#18201b;background:#f1f1ed}.theme-light .blueprint-board-wrap{background:#e6e7e3}.theme-light .blueprint-board{background-color:#fff;background-image:linear-gradient(#00000047 .75px,#0000 .75px),linear-gradient(90deg,#00000047 .75px,#0000 .75px)}.theme-light .column-labels,.theme-light .row-labels{color:#171b18}.theme-light .bp-cell.repeater,.theme-light .bp-cell.dust{background:#fff}.theme-light .blueprint-grid-shell{color:#111}@media (width<=520px){.blueprint-header{grid-template-columns:94px 1fr 94px}.header-export button{padding:0;font-size:8px}.blueprint-controls{grid-template-columns:minmax(136px,1fr) minmax(102px,.75fr) minmax(64px,.48fr)}.blueprint-controls>label{padding-inline:8px}.run-input input{flex-basis:60px;width:60px}.blueprint-options label{padding:7px 6px}.blueprint-options label>span{font-size:8px}}.blueprint-tabs button.active{color:#14150f;background:#e3c346}.blueprint-controls{grid-template-columns:108px minmax(140px,1fr) minmax(104px,.74fr) minmax(68px,.48fr)}.blueprint-transport{grid-template-columns:1fr 1fr;display:grid;padding:0!important}.blueprint-transport button{color:#9dd9fa;background:#13242d;border:0;border-right:1px solid #354038;place-items:center;font-size:18px;display:grid}.blueprint-transport .play{color:#07141a;background:#318cca}.bp-cell.source,.bp-cell.repeater,.bp-cell.note{cursor:pointer}.bp-cell.start-selected{z-index:5;animation:1s ease-in-out infinite startPulse;box-shadow:inset 0 0 0 3px #ffd92f,0 0 0 2px #ffd92f}.bp-cell.playing-note{z-index:6;box-shadow:inset 0 0 0 3px #ff342d,0 0 12px #ff342d}.bp-cell.playing-note:before{z-index:3;background:#f3262638!important;display:block!important}.bp-cell.playing-note:after{content:"♪";z-index:8;color:var(--particle,#ffdf36);text-shadow:0 1px 2px #000;pointer-events:none;font:22px Archivo Black;animation:.72s ease-out infinite noteParticle;position:absolute;top:5px;left:50%;display:block!important}@keyframes startPulse{50%{box-shadow:inset 0 0 0 2px #ffd92f,0 0 10px #ffd92f}}@keyframes noteParticle{0%{opacity:0;transform:translate(-50%,4px)scale(.72)}15%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,-48px)scale(1.28)}}@media (width<=520px){.blueprint-controls{grid-template-columns:92px minmax(126px,1fr) minmax(94px,.72fr) minmax(58px,.44fr)}.blueprint-transport button{font-size:16px}}.pitch-0{--particle:#7b40ff}.pitch-1{--particle:#a23cff}.pitch-2{--particle:#ca38f3}.pitch-3{--particle:#ed37cf}.pitch-4{--particle:#ff3ca1}.pitch-5{--particle:#ff4772}.pitch-6{--particle:#ff5948}.pitch-7{--particle:#ff782f}.pitch-8{--particle:#ff9d25}.pitch-9{--particle:#ffc522}.pitch-10{--particle:#f3e827}.pitch-11{--particle:#c8ef30}.pitch-12{--particle:#94eb39}.pitch-13{--particle:#5fe64b}.pitch-14{--particle:#36dc70}.pitch-15{--particle:#28cd9b}.pitch-16{--particle:#25bdbf}.pitch-17{--particle:#2ca8dc}.pitch-18{--particle:#348fe8}.pitch-19{--particle:#3d75ef}.pitch-20{--particle:#4c5df1}.pitch-21{--particle:#6449eb}.pitch-22{--particle:#843de0}.pitch-23{--particle:#a936ce}.pitch-24{--particle:#cf34b7}.blueprint-transport .play span{color:#071014!important}.blueprint-transport button:not(.play) span{color:#fff!important}.bp-cell.start-selected:after{content:"";z-index:4;pointer-events:none;background:#ffe22b42;animation:1s ease-in-out infinite startFill;position:absolute;inset:1px;display:block!important}.bp-cell.start-selected>*{z-index:5;position:relative}@keyframes startFill{50%{background:#ffe22b9c}}.bp-cell.playing-note:after{text-shadow:0 2px 3px #000,0 0 7px;font-size:31px;animation-duration:1.05s;top:3px}.bp-cell.start-selected>.dust-arm{z-index:5;position:absolute}.bp-cell.start-selected>.dust-dot{z-index:6;position:relative}.bp-cell.active-note{z-index:6;box-shadow:inset 0 0 0 3px #ff342d,0 0 12px #ff342d}.bp-cell.active-note:before{z-index:3;background:#f3262638!important;display:block!important}.bp-cell.particle-note:after{content:"♪";z-index:9;color:var(--particle,#ffdf36);-webkit-text-stroke:1.4px currentColor;text-shadow:0 2px 3px #000,0 0 7px;pointer-events:none;font:900 31px Archivo Black;animation:1.8s ease-out forwards noteParticleLong;position:absolute;top:3px;left:50%;background:0 0!important;border:0!important;width:auto!important;height:auto!important;display:block!important;inset:auto!important}@keyframes noteParticleLong{0%{opacity:0;transform:translate(-50%,4px)scale(.78)}10%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,-55px)scale(1.32)}}.bp-cell.rest.active-note:before{content:"";z-index:3;pointer-events:none;position:absolute;inset:1px;background:#f3262648!important;display:block!important}.blueprint-transport button span{line-height:1;font-size:24px!important}.bp-cell.particle-note{z-index:50!important;overflow:visible!important}.bp-cell.particle-note:after{z-index:60;text-align:center;animation:.25s linear forwards noteParticleQuick;top:3px;width:40px!important;left:0!important}@keyframes noteParticleQuick{0%{opacity:0;transform:translateY(3px)scale(.82)}12%{opacity:1}38%{opacity:1}65%{opacity:.62}84%{opacity:.25}to{opacity:0;transform:translateY(-35px)scale(1.18)}}.blueprint-header{min-height:76px;padding:env(safe-area-inset-top) 10px 0;grid-template-columns:minmax(175px,1fr) auto 78px;gap:12px;display:grid}.blueprint-brand{align-items:center;gap:8px;min-width:0;display:flex}.blueprint-brand>div{align-content:center;gap:2px;min-width:0;display:grid}.blueprint-brand .brand-icon{flex:none}.blueprint-brand .brand-logo{width:118px}.blueprint-brand h1{color:#f2f0e6;text-overflow:ellipsis;white-space:nowrap;margin:0;font:14px Archivo Black;overflow:hidden}.blueprint-header>strong{color:#d5dcd6;letter-spacing:.04em;white-space:nowrap;font:14px Archivo Black}.blueprint-header .editor-back{grid-template-columns:24px 1fr;place-items:center;padding:0 6px;display:grid}.blueprint-header .editor-back i{font-size:20px}.blueprint-controls{grid-template-columns:repeat(5,1fr);height:58px}.blueprint-controls>.blueprint-transport{display:contents}.blueprint-controls button{color:#d6ddd7;background:#101612;border:0;border-right:1px solid #354038;min-width:0}.blueprint-controls .blueprint-transport button{padding:0}.control-action{align-content:center;place-items:center;gap:3px;display:grid}.control-action>span{color:#9bcff0;font-size:22px;line-height:1;margin:0!important}.control-action small{color:#8e9990;white-space:nowrap;font:8px IBM Plex Mono;display:block}.control-action.active{color:#edcd50;background:#253128}.control-action.active>span{color:#edcd50}.gear-icon{font-family:Arial,sans-serif;font-size:21px!important}.blueprint-options{grid-template-columns:repeat(4,1fr)}.blueprint-options .run-input{height:38px}.blueprint-export-panel{background:#172019;border-bottom:1px solid #354038;grid-template-columns:1fr 1fr;display:grid}.blueprint-export-panel button{color:#89cff5;text-align:left;background:0 0;border:0;border-right:1px solid #354038;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:52px;padding:7px 14px;display:grid}.blueprint-export-panel b{font:15px Archivo Black}.blueprint-export-panel span{color:#8d9990;font-size:8px}.blueprint-legend i.legend-note{box-shadow:inset 0 0 0 1px #050706;border:0!important}.blueprint-legend .legend-repeater u{align-items:start;padding-top:3px;line-height:1}@media (width<=520px){.blueprint-header{grid-template-columns:minmax(164px,1fr) auto 66px;gap:7px}.blueprint-brand .brand-icon{width:44px;height:44px}.blueprint-brand .brand-logo{width:105px}.blueprint-brand h1,.blueprint-header>strong{font-size:11px}.blueprint-header .editor-back{grid-template-columns:20px 1fr;padding:0 3px}.blueprint-header .editor-back i{font-size:17px}.blueprint-controls{grid-template-columns:repeat(5,1fr)}.control-action>span{font-size:20px}.control-action small{font-size:7px}.blueprint-options{grid-template-columns:repeat(2,1fr)}.blueprint-options label:nth-child(2n){border-right:0}.blueprint-export-panel button{padding-inline:10px}.blueprint-board-wrap{height:calc(100dvh - 192px)}}.blueprint-legend .legend-repeater{position:relative}.blueprint-legend .legend-repeater .repeater-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6875)}.blueprint-legend .legend-repeater .repeater-mark b{top:3px}.settings-icon{object-fit:contain;width:21px;height:21px;display:block}.control-action.active .settings-icon{filter:sepia()saturate(4)hue-rotate(355deg)brightness(1.12)}.blueprint-header>strong{border-left:2px solid #318cca;align-self:stretch;align-items:center;padding-left:12px;display:flex}.blueprint-header .editor-back{grid-template-columns:22px 27px;justify-content:center;gap:5px}.blueprint-header .editor-back img{width:27px;height:27px;display:block}.blueprint-header .editor-back i{color:#fff}@media (width<=520px){.blueprint-header{grid-template-columns:max-content minmax(64px,1fr) 62px;gap:7px}.blueprint-header>strong{padding-left:8px}.blueprint-header .editor-back{grid-template-columns:18px 24px;gap:4px}.blueprint-header .editor-back img{width:24px;height:24px}}.blueprint-header>strong{border-left:0;align-self:center;min-height:34px;padding-left:14px;font-size:15px;font-weight:900;position:relative}.blueprint-header>strong:before{content:"";background:#318cca;border-radius:2px;width:3px;height:30px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.blueprint-header .editor-back{grid-template-columns:28px;place-content:center;padding:0;display:grid}.blueprint-header .editor-back img{width:28px;height:28px}.control-action>span{place-items:center;width:24px;height:24px;margin:0!important;display:grid!important}.export-toggle>span{font-size:26px!important}.legend-toggle>span{font-size:28px!important}.blueprint-transport button:not(.play)>span{transform:scaleX(.72);font-size:20px!important}@media (width<=520px){.blueprint-header{grid-template-columns:max-content minmax(70px,1fr) 52px}.blueprint-header>strong{min-height:32px;padding-left:11px;font-size:13px}.blueprint-header>strong:before{width:3px;height:28px}.blueprint-header .editor-back{grid-template-columns:26px}.blueprint-header .editor-back img{width:26px;height:26px}}.legend-toggle>span{width:20px;height:20px;font-size:19px!important}.export-toggle>span{width:27px;height:27px;font-size:29px!important}.blueprint-transport .transport-icon{object-fit:contain;width:21px;height:21px;display:block}.blueprint-transport .cue .transport-icon{filter:invert()}.blueprint-header>strong{letter-spacing:.01em;-webkit-text-stroke:.35px currentColor;border-radius:0;margin-left:5px;font-family:Archivo Black,sans-serif!important;font-weight:900!important}.blueprint-header>strong:before{border-radius:0}.export-toggle>span{transform:translateY(-2px)}.blueprint-controls .export-toggle>span,.blueprint-controls .export-toggle.active>span{color:#edcd50}.blueprint-controls .legend-toggle>span,.blueprint-controls .legend-toggle.active>span{color:#f4f3ed}.blueprint-options label{pointer-events:none;position:relative}.blueprint-options label button{pointer-events:auto}.setting-help-button{z-index:2;border-radius:50%;place-items:center;position:absolute;top:6px;right:6px;color:#8cd5ff!important;background:#102a38!important;border:1px solid #319edc!important;width:18px!important;min-width:18px!important;height:18px!important;padding:0!important;font:700 11px/1 IBM Plex Mono!important;display:grid!important}.blueprint-options label>span:first-child{padding-right:22px}.setting-help-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020506bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.setting-help-dialog{color:#edf2ef;background:#10191d;border:1px solid #318cca;width:min(430px,100%);padding:28px 24px 22px;position:relative;box-shadow:8px 8px #073c5a}.setting-help-dialog>i{color:#8bd9ff;border:1px solid #48b9ef;border-radius:50%;place-items:center;width:27px;height:27px;margin-bottom:13px;font:700 16px IBM Plex Mono;display:grid}.setting-help-dialog h2{color:#fff;letter-spacing:.02em;margin:0 34px 12px 0;font:18px Archivo Black}.setting-help-dialog p{color:#bdcac7;margin:0;font-size:12px;line-height:1.9}.setting-help-close{color:#91a09c;background:0 0;border:0;width:34px;height:34px;font-size:26px;line-height:1;position:absolute;top:10px;right:10px}.setting-help-ok{color:#9fdcff;background:#12344a;border:1px solid #278ec8;width:100%;height:42px;margin-top:21px;font:11px Archivo Black}.theme-light .setting-help-dialog{color:#151b18;background:#f4f4ef}.theme-light .setting-help-dialog h2{color:#111}.theme-light .setting-help-dialog p{color:#46504b}.blueprint-stepper{background:#121713;grid-template-columns:minmax(24px,auto) auto 34px;width:100%;height:38px;padding-left:6px;display:grid}.blueprint-stepper strong{font-size:16px}.blueprint-stepper>em{color:#7f8a82;white-space:nowrap;font:7px IBM Plex Mono}.blueprint-stepper>span:last-child{width:34px;height:38px}.blueprint-stepper button{min-width:34px;min-height:19px;font-size:12px!important}.blueprint-stepper{grid-template-columns:minmax(24px,auto) auto minmax(76px,1fr);gap:5px}.blueprint-stepper>span:last-child{grid-template-rows:1fr;grid-template-columns:1fr 1fr;width:100%;height:38px;display:grid}.blueprint-stepper button{width:100%;min-width:38px;min-height:38px;border-bottom:0!important;border-left:1px solid #3b4840!important;font-size:14px!important}.blueprint-header{grid-template-columns:minmax(0,180px) minmax(78px,1fr) 58px}.blueprint-brand,.blueprint-brand>div,.blueprint-brand h1{min-width:0}.blueprint-brand h1{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.blueprint-layers{scrollbar-width:thin;background:#111713;border-bottom:1px solid #354038;gap:1px;padding:6px 8px;display:flex;overflow-x:auto}.blueprint-layers button{color:#8e9990;background:#18201b;border:1px solid #38473e;flex:none;min-width:92px;height:34px;font:9px Archivo Black}.blueprint-layers button.active{color:#f0d254;background:#302a12;border-color:#e4c547}@media (width<=520px){.blueprint-header{grid-template-columns:minmax(0,164px) minmax(78px,1fr) 58px}.blueprint-header>strong{font-size:13.5px}}.bp-cell.note.copper{border-color:#963247!important}.bp-cell.note.copper b{color:#fff;-webkit-text-stroke:1.5px #963247;text-shadow:0 1px #300812,1px 0 #300812,0 -1px #300812,-1px 0 #300812}.bp-cell.note.copper-exposed{border-color:#8a5427!important}.bp-cell.note.copper-exposed b{color:#fff;-webkit-text-stroke:1.5px #8a5427;text-shadow:0 1px #2d1908,1px 0 #2d1908,0 -1px #2d1908,-1px 0 #2d1908}.bp-cell.note.copper-weathered{border-color:#2f6f67!important}.bp-cell.note.copper-weathered b{color:#fff;-webkit-text-stroke:1.5px #2f6f67;text-shadow:0 1px #092925,1px 0 #092925,0 -1px #092925,-1px 0 #092925}.bp-cell.note.copper-oxidized{border-color:#2946a3!important}.bp-cell.note.copper-oxidized b{color:#fff;-webkit-text-stroke:1.5px #2946a3;text-shadow:0 1px #080f3b,1px 0 #080f3b,0 -1px #080f3b,-1px 0 #080f3b}.blueprint-legend>span>.legend-copy{color:#939e94;font-size:inherit;align-content:center;gap:2px;margin:0;line-height:1.25;display:grid}.blueprint-legend .legend-copy small{color:#707b72;white-space:nowrap;font-size:6px;display:block}.blueprint-legend i.legend-note{background-image:var(--legend-texture)!important}.blueprint-board-wrap{min-height:240px}.blueprint-stage{box-sizing:content-box;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.bp-cell.layer-link{z-index:4;cursor:pointer;background:#111713;border:1px solid #fff;overflow:visible}.bp-cell.layer-link b{z-index:2;color:#35a9ec;text-shadow:0 1px 2px #06151f,0 0 7px #35a9ec88;font:32px/1 Archivo Black;position:relative}.theme-light .bp-cell.layer-link{background:#fff}.legend-layer-link{text-shadow:0 0 5px #35a9ec66;color:#35a9ec!important;font:24px Archivo Black!important}.bp-cell.rest.center-placeholder,.blueprint-legend .legend-rest.center-placeholder{background-color:#d91c83!important;background-image:url(/assets/block-textures/magenta_concrete.png)!important}.legend-rest.center-placeholder{border-color:#f064af!important}.blueprint-warning strong{text-shadow:0 1px 2px #000;color:#fff!important}.blueprint-warning p{color:#f3cbc4}.blueprint-options.packed{grid-template-columns:repeat(2,1fr)}.blueprint-options.fishbone{grid-template-columns:repeat(4,minmax(0,1fr))}.blueprint-options.fishbone label{min-width:0}.fishbone-lane-total{color:#e5c64e;background:#0f1411;border:1px solid #455148;place-items:center;height:38px;display:grid;font:22px Archivo Black!important}.fishbone-assignments{overscroll-behavior:contain;background:#111713;border-bottom:1px solid #354038;max-height:min(42dvh,360px);overflow-y:auto}.fishbone-assignments>header{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#172019f2;border-bottom:1px solid #354038;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:7px 10px;display:flex;position:sticky;top:0}.fishbone-assignments>header div{gap:2px;min-width:0;display:grid}.fishbone-assignments>header b{color:#dfe5df;text-overflow:ellipsis;white-space:nowrap;font:10px Archivo Black;overflow:hidden}.fishbone-assignments>header small{color:#7f8c82;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.fishbone-assignments>header>strong{color:#e5c64e;flex:none;font:11px Archivo Black}.fishbone-assignments article{border-bottom:1px solid #2c3730;grid-template-columns:42px minmax(72px,.9fr) minmax(104px,1.6fr) 42px;align-items:center;gap:7px;min-width:0;min-height:52px;padding:5px 8px;display:grid}.fishbone-assignments article>i{color:#fff;-webkit-text-stroke:1px #000;text-shadow:0 1px 2px #000;width:38px;height:38px;image-rendering:pixelated;background-position:50%;background-size:cover;border:1px solid #fff;place-items:center;font:12px Archivo Black;display:grid}.fishbone-assignments article>div:not(.fishbone-lane-picker){gap:3px;min-width:0;display:grid}.fishbone-assignments article>div>b{color:#e2e7e2;text-overflow:ellipsis;white-space:nowrap;font:10px Archivo Black;overflow:hidden}.fishbone-assignments article>div>small{color:#7f8b82;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.fishbone-lane-picker{scrollbar-width:thin;overscroll-behavior-x:contain;gap:4px;min-width:0;padding:2px;display:flex;overflow-x:auto}.fishbone-lane-picker button,.fishbone-lane-picker>span{color:#9aa69c;background:#0e1410;border:1px solid #405047;flex:0 0 34px;place-items:center;width:34px;height:34px;font:12px Archivo Black;display:grid}.fishbone-lane-picker button.active{color:#ffe266;background:#3a3212;border-color:#eed050;box-shadow:inset 0 0 0 1px #806f24}.fishbone-lane-picker>span{color:#9edbfb;background:#142a35;border-color:#477997;grid-template-rows:1fr auto}.fishbone-lane-picker>span small{color:#6fa8c8;padding-bottom:3px;font-size:5px}.fishbone-assignments article>em{color:#5ed09a;justify-self:end;font:9px Archivo Black}.fishbone-assignments article.incomplete>em{color:#ff7d69}.fishbone-assignments article.incomplete{background:#321c1838}.fishbone-empty{color:#7f8b82;text-align:center;margin:0;padding:18px;font-size:8px}.fishbone-notice{color:#a7d8f3;background:#11242e;border-bottom:1px solid #315e77;align-items:center;gap:10px;padding:8px 12px;display:flex}.fishbone-notice b{color:#e4c94f;border:1px solid #4784a4;flex:0 0 34px;place-items:center;height:28px;font:11px Archivo Black;display:grid}.fishbone-notice span{font-size:8px;line-height:1.5}.blueprint-controls button:disabled,.blueprint-export-panel button:disabled{cursor:not-allowed;opacity:.32;filter:grayscale(.8)}.blueprint-options label>.fishbone-height-control{background:#0f1411;border:1px solid #455148;grid-template-columns:38px minmax(46px,1fr) 38px;height:38px;margin-bottom:0;display:grid}.fishbone-height-control>button{color:#91cef1;background:#243229;border:0;place-items:center;font-size:13px;display:grid}.fishbone-height-control>button:first-child{border-right:1px solid #455148}.fishbone-height-control>button:last-child{border-left:1px solid #455148}.fishbone-height-control>button:disabled{color:#526058;opacity:.45}.fishbone-height-control>strong{color:#e5c64e;justify-content:center;align-items:center;gap:3px;font:16px Archivo Black;display:flex}.fishbone-height-control small{color:#7f8a82;font:6px IBM Plex Mono}.fishbone-height-control.disabled{opacity:.52}.theme-light .fishbone-lane-total,.theme-light .fishbone-lane-picker button{color:#1d2821;background:#fff}.theme-light .fishbone-assignments{background:#f6f6f2}.theme-light .fishbone-assignments>header{background:#e5e9e4f2}.theme-light .fishbone-assignments>header b,.theme-light .fishbone-assignments article>div>b{color:#1e2821}.theme-light .fishbone-assignments article{border-color:#c5ccc6}.theme-light .fishbone-lane-picker button.active{color:#1c1b10;background:#f5dd72}.theme-light .fishbone-notice{color:#254f66;background:#ddecf3}@media (width<=520px){.blueprint-options.fishbone{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-options.fishbone label:nth-child(2n){border-right:0}.fishbone-assignments{max-height:min(45dvh,330px)}.fishbone-assignments article{grid-template-columns:38px minmax(64px,.82fr) minmax(96px,1.5fr) 36px;gap:5px;padding-inline:6px}.fishbone-assignments article>i{width:34px;height:34px}.fishbone-lane-picker button,.fishbone-lane-picker>span{flex-basis:32px;width:32px;height:32px}.fishbone-assignments article>em{font-size:8px}.fishbone-assignments>header b{font-size:9px}}.blueprint-brand .brand-home{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.blueprint-brand .brand-home:focus-visible{outline-offset:2px;outline:2px solid #38aaf0}.repeater-mark.left{transform:rotate(90deg)}.repeater-mark.right{transform:rotate(-90deg)}.repeater-mark.left b{top:3px;transform:rotate(-90deg)}.repeater-mark.right b{top:3px;transform:rotate(90deg)}.setting-help-button:active{color:#8cd5ff!important;background:#102a38!important}.setting-help-button.help-active{color:#fff!important;background:#167eb7!important}.blueprint-export-panel:has(.x-share){grid-template-columns:repeat(3,1fr)}.blueprint-export-panel .x-share{color:#f0f2ee}.blueprint-export-panel .x-share b{font-size:18px}@media (width<=520px){.blueprint-export-panel:has(.x-share){grid-template-columns:repeat(3,minmax(0,1fr))}.blueprint-export-panel button{gap:6px;padding-inline:7px}.blueprint-export-panel span{line-height:1.35}}.x-share-dialog{border-color:#64748b;box-shadow:8px 8px #17202b}.x-share-dialog-icon{color:#fff;border:1px solid #aab3ba;place-items:center;width:34px;height:34px;margin-bottom:14px;font:20px/1 Archivo Black;display:grid}.x-share-dialog-actions{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:22px;display:grid}.x-share-dialog-actions button,.x-share-dialog-actions a{color:#b8c5c9;text-align:center;background:#121b1f;border:1px solid #49606c;place-items:center;min-height:44px;padding:8px 12px;font:10px Archivo Black;text-decoration:none;display:grid}.x-share-dialog-actions a{color:#071117;background:#168dd1;border-color:#329ede}.x-share-dialog-actions a:hover{background:#45b9f7}.theme-light .x-share-dialog-icon{color:#111;border-color:#59636a}.theme-light .x-share-dialog-actions button{color:#28302c;background:#e7e8e4}.theme-light .x-share-dialog-actions a{color:#071117}@media (width<=520px){.x-share-dialog{width:min(360px,100%);padding:25px 20px 20px}.x-share-dialog-actions{grid-template-columns:1fr}.x-share-dialog-actions a{grid-row:1}.x-share-dialog-actions button{grid-row:2}}select:has(option[value=id]:checked){letter-spacing:-.03em;font-size:7px!important}@media (width>=900px){.blueprint-page{padding-bottom:0;font-size:14px}.blueprint-header{grid-template-columns:minmax(0,250px) minmax(180px,1fr) 74px;gap:18px;min-height:86px;padding:0 24px;position:relative}.blueprint-brand .brand-icon{width:54px;height:54px}.blueprint-brand .brand-logo{width:136px}.blueprint-brand h1{font-size:15px}.blueprint-header>strong{font-size:18px}.blueprint-header .editor-back img{width:32px;height:32px}.blueprint-tabs{height:70px;display:flex}.blueprint-tabs button{flex:0 220px;width:220px;font-size:21px}.blueprint-tabs small{font-size:9px}.blueprint-controls{justify-content:flex-start;height:68px;display:flex}.blueprint-controls>.blueprint-transport{flex:0 0 190px;grid-template-columns:repeat(2,95px);display:grid!important}.blueprint-controls>.control-action{flex:0 132px;width:132px;min-width:92px}.control-action>span{font-size:27px}.control-action small{font-size:9px}.blueprint-options{justify-content:flex-start;display:flex!important}.blueprint-options label{flex:0 244px;width:244px;min-width:172px;padding:12px 14px}.blueprint-options label>span{font-size:10px}.blueprint-options.packed label{max-width:280px}.blueprint-options.fishbone label{flex-basis:230px;max-width:250px}.blueprint-export-panel{display:flex}.blueprint-export-panel button{flex:0 230px;width:230px;min-width:160px;min-height:60px}.blueprint-export-panel b{font-size:17px}.blueprint-export-panel span{font-size:9px}.blueprint-legend{gap:14px;padding:15px 20px}.blueprint-legend span{font-size:9px}.blueprint-warning{max-width:760px}.blueprint-warning strong{font-size:13px}.blueprint-warning p{font-size:10px}.blueprint-board-wrap{height:calc(100dvh - 224px);min-height:480px;padding:28px}.column-labels,.row-labels{font-size:10px}.fishbone-assignments{max-width:980px}.fishbone-assignments>header b,.fishbone-assignments article>div>b{font-size:12px}.fishbone-assignments>header small,.fishbone-assignments article>div>small{font-size:9px}}@media (width>=900px) and (width<=1120px){.blueprint-controls>.blueprint-transport{flex-basis:164px;grid-template-columns:repeat(2,82px)}.blueprint-controls>.control-action{flex-basis:112px;width:112px}.blueprint-options label{flex-basis:210px;width:210px;min-width:150px}}.blueprint-desktop-zoom{display:none}@media (width>=900px){.blueprint-desktop-zoom{z-index:19;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0e1719e8;border:1px solid #477083;grid-template-columns:44px 58px 44px;height:42px;display:grid;position:fixed;top:242px;right:24px;box-shadow:0 7px 24px #0009}.blueprint-desktop-zoom button{color:#9bdcff;background:#18303a;border:0;font:25px/1 Archivo Black}.blueprint-desktop-zoom button:hover{color:#fff;background:#24546b}.blueprint-desktop-zoom output{color:#efcf51;border-inline:1px solid #3c5963;place-items:center;font:10px Archivo Black;display:grid}:is(.blueprint-page:has(.blueprint-options) .blueprint-desktop-zoom,.blueprint-page:has(.blueprint-export-panel) .blueprint-desktop-zoom,.blueprint-page:has(.blueprint-legend) .blueprint-desktop-zoom){top:320px}}.repeater-mark.click-display{filter:none;background:#080b09}.repeater-mark.click-display:before{content:"";z-index:0;clip-path:inherit;background:#fff;position:absolute;inset:1px}.repeater-mark.click-display b{z-index:1;color:#e51d24!important}.blueprint-options.fishbone{grid-template-columns:repeat(3,minmax(0,1fr));display:grid!important}.blueprint-options.fishbone label{width:auto;min-width:0;max-width:none}.blueprint-options.fishbone label:nth-child(3n){border-right:0}.blueprint-options.fishbone label>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=520px){.blueprint-options.fishbone{grid-template-columns:repeat(3,minmax(0,1fr))}.blueprint-options.fishbone label{border-right:1px solid #354038;padding-inline:5px}.blueprint-options.fishbone label:nth-child(3n){border-right:0}.blueprint-options.fishbone label>span:first-child{letter-spacing:-.03em;font-size:7px}.blueprint-options.fishbone .single-toggle{font-size:8px}.blueprint-options.fishbone .fishbone-height-control{grid-template-columns:28px minmax(34px,1fr) 28px}}@media (width>=900px){.blueprint-options.fishbone{grid-template-columns:repeat(6,minmax(0,1fr));width:100%}}.blueprint-grid-shell{--blueprint-line:.75px;--blueprint-inner-line:1px}.blueprint-board{border-width:var(--blueprint-line);background-image:none}.blueprint-board:after{content:"";z-index:70;pointer-events:none;background-image:linear-gradient(#ffffffc7 var(--blueprint-line),transparent var(--blueprint-line)),linear-gradient(90deg,#ffffffc7 var(--blueprint-line),transparent var(--blueprint-line));background-size:inherit;position:absolute;inset:0}.theme-light .blueprint-board:after{background-image:linear-gradient(#00000047 var(--blueprint-line),transparent var(--blueprint-line)),linear-gradient(90deg,#00000047 var(--blueprint-line),transparent var(--blueprint-line))}.bp-cell,.bp-cell.note,.bp-cell.rest,.bp-cell.repeater,.bp-cell.dust,.bp-cell.source{border-width:0}.bp-cell.note,.bp-cell.rest{box-shadow:inset 0 0 0 var(--blueprint-inner-line) #050706}.bp-cell.note.copper{box-shadow:inset 0 0 0 var(--blueprint-inner-line) #963247}.bp-cell.note.copper-exposed{box-shadow:inset 0 0 0 var(--blueprint-inner-line) #8a5427}.bp-cell.note.copper-weathered{box-shadow:inset 0 0 0 var(--blueprint-inner-line) #2f6f67}.bp-cell.note.copper-oxidized{box-shadow:inset 0 0 0 var(--blueprint-inner-line) #2946a3}.column-labels b{border-right-width:var(--blueprint-line)}.row-labels b{border-bottom-width:var(--blueprint-line)}@media (width>=900px){.column-labels,.row-labels{font-size:14px}}.blueprint-export-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:wait;background:#020506d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.blueprint-export-progress{color:#eef4f1;background:#0e181c;border:1px solid #319edc;grid-template-columns:42px 1fr auto;align-items:center;width:min(460px,100%);padding:26px 24px 22px;display:grid;box-shadow:9px 9px #073c5a}.blueprint-export-progress>span{color:#e5c64e;border:1px solid #e5c64e;grid-row:1/3;place-items:center;width:34px;height:34px;font:22px Archivo Black;display:grid}.blueprint-export-progress small{color:#7fcdf7;letter-spacing:.13em;font:8px IBM Plex Mono}.blueprint-export-progress h2{grid-column:2/4;margin:5px 0 18px;font:16px Archivo Black}.blueprint-export-progressbar{background:#081014;border:1px solid #426272;grid-column:1/3;height:9px;overflow:hidden}.blueprint-export-progressbar i{background:#29a8ed;height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #29a8ed}.blueprint-export-progress output{color:#e5c64e;padding-left:12px;font:10px Archivo Black}.blueprint-export-progress p{color:#94a49e;grid-column:1/4;margin:14px 0 0;font-size:9px;line-height:1.7}.blueprint-export-error>i{color:#ff695d!important;border-color:#ff695d!important}.theme-light .blueprint-export-progress{color:#111b17;background:#f5f5ef;box-shadow:9px 9px #9bc8de}.theme-light .blueprint-export-progress p{color:#59675f}@media (width<=520px){.blueprint-export-progress{grid-template-columns:38px 1fr auto;padding:22px 18px 19px;box-shadow:6px 6px #073c5a}.blueprint-export-progress h2{font-size:14px}}.home-page{--blue:#129af3;--yellow:#ffbe0b;--ink:#080b0c;--paper:#e9e7dc;color:#f3f1e8;background:var(--ink);min-height:100dvh;font-family:IBM Plex Mono,monospace;overflow:hidden}.home-page button{touch-action:manipulation}.home-header{z-index:5;width:100%;height:76px;padding:calc(10px + env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.home-brand{align-items:center;gap:9px;min-width:0;display:flex}.home-brand img:first-child{object-fit:contain;width:42px;height:42px}.home-brand img:last-child{width:132px;height:auto;image-rendering:pixelated}.home-header-actions{flex:none;align-items:center;gap:12px;display:flex}.home-related-links{align-items:center;gap:10px;display:flex}.home-related-links button,.home-related-links a{color:#a8dcfb;white-space:nowrap;background:0 0;border:0;padding:4px 0;font:700 10px IBM Plex Mono;text-decoration:none}.home-related-links button:hover,.home-related-links a:hover{color:var(--yellow)}.home-related-links i{background:#3d5965;width:1px;height:15px}.home-language{color:#a8dcfb;text-align:center;text-align-last:center;background:#0c1b22;border:1px solid #257aac;border-radius:0;width:96px;height:38px;padding:0 27px 0 10px;font:700 12px IBM Plex Mono}.home-hero{background:radial-gradient(circle at 96% 4%,#0b5b8f66,#0000 33%),linear-gradient(#0a1013,#080b0c 58%);min-height:100svh;padding:118px 18px 42px;position:relative}.home-hero:before{content:"";opacity:.28;background-image:linear-gradient(#2a3b421a 1px,#0000 1px),linear-gradient(90deg,#2a3b421a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.home-hero:after{content:"";border:1px solid #129af344;width:210px;height:210px;position:absolute;top:105px;right:-85px;transform:rotate(45deg);box-shadow:0 0 0 22px #129af309,0 0 0 48px #129af306}.hero-kicker{z-index:1;color:#82979e;letter-spacing:.09em;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex;position:relative}.hero-kicker i{background:var(--blue);width:21px;height:2px;box-shadow:0 0 7px var(--blue)}.hero-kicker b{color:var(--yellow)}.home-hero h1{z-index:1;letter-spacing:-.055em;margin:22px 0 18px;font:clamp(40px,11.2vw,66px)/1.02 Archivo Black;position:relative}.home-hero h1 span{color:var(--blue)}.home-hero>p{z-index:1;color:#c1c9c7;max-width:34em;margin:0;font-size:14px;line-height:1.85;position:relative}.hero-cta{z-index:1;background:var(--yellow);color:#111;text-align:left;border:0;grid-template-columns:1fr 60px;align-items:center;width:100%;height:62px;margin-top:26px;padding:0;font:15px Archivo Black;display:grid;position:relative;box-shadow:6px 6px #674e00}.hero-cta span{padding-left:18px}.hero-cta b{border-left:1px solid #9e7909;place-items:center;height:100%;font-size:24px;display:grid}.hero-meta{z-index:1;color:#718084;letter-spacing:.06em;justify-content:space-between;margin:14px 2px 0;font-size:8px;display:flex;position:relative}.hero-meta span:before{content:"■";color:var(--blue);margin-right:5px;font-size:5px}.hero-visual{z-index:1;background:#0a0f10;border-top:1px solid #263337;border-bottom:1px solid #263337;height:366px;margin:40px -18px 0;padding:54px 16px 18px;position:relative}.visual-label{z-index:4;position:absolute;top:16px;left:18px}.visual-label span{letter-spacing:.04em;font:14px Archivo Black}.home-roll{background:#0b1113;border:1px solid #35464c;width:122%;height:238px;position:relative;overflow:hidden;box-shadow:12px -10px #0e171b}.home-keys{z-index:2;background:#e8e8e3;grid-template-rows:repeat(13,1fr);width:36px;display:grid;position:absolute;inset:0 auto 0 0}.home-keys i{background:#e8e8e3;border-bottom:1px solid #69716f;width:100%;position:relative}.home-keys i.black{background:#101314;width:23px}.home-grid{background-image:linear-gradient(#263136 1px,#0000 1px),linear-gradient(90deg,#263136 1px,#0000 1px);background-size:6.25% 7.69231%;position:absolute;inset:0 0 0 36px}.home-grid i{left:calc((var(--x) - 1)*100%/13 + 2px);top:calc((var(--y) - 1)*100%/13 + 2px);background:var(--c);width:calc(7.69231% - 4px);height:calc(7.69231% - 4px);box-shadow:0 0 8px color-mix(in srgb,var(--c),transparent 30%);animation:.5s both home-note-in;animation-delay:calc(var(--y)*40ms);position:absolute}.home-playhead{z-index:3;background:var(--blue);width:2px;box-shadow:0 0 9px var(--blue);animation:4.4s ease-in-out infinite home-scan;position:absolute;top:0;bottom:0;left:18%}.hero-visual>p{color:#aab5b6;margin:17px 2px 0;font-size:12px;line-height:1.65}.home-features{background:var(--paper);color:#111;padding:66px 18px 44px}.home-features>header small,.home-circuits>header small{color:#147dbf;letter-spacing:.16em;font-size:9px;font-weight:700}.home-features>header h2,.home-circuits>header h2,.home-final h2{letter-spacing:-.04em;white-space:pre-line;margin:10px 0 36px;font:38px/1.04 Archivo Black}.home-features article{border-top:2px solid #171b1b;grid-template-columns:34px 1fr 72px;align-items:center;gap:10px;min-height:150px;display:grid;position:relative}.home-features article>b{color:var(--blue);align-self:start;margin-top:19px;font:11px Archivo Black}.home-features h3{margin:0 0 9px;font:16px Archivo Black}.home-features p{color:#505958;margin:0;font-size:11px;line-height:1.7}.feature-glyph{width:62px;height:62px;color:var(--blue);box-shadow:5px 5px 0 var(--yellow);border:2px solid #121616;place-items:center;font:31px Archivo Black;display:grid}.track-glyph{color:#ee6c4d}.block-glyph{color:#0e9b6a}.home-circuits{background:#0b0f10;padding:62px 18px 70px}.home-circuits>header h2{color:#f1efe6}.circuit-card{background:#101617;border:1px solid #2e3a3d;margin-top:16px;padding:18px;position:relative;overflow:hidden}.circuit-card.featured{background:#17170e;border-color:#766415}.circuit-card>span{color:#89989a;font-size:9px;font-weight:700}.circuit-card h3{margin:8px 0 5px;font:22px Archivo Black}.circuit-card p{color:#9aa5a6;margin:0 0 16px;font-size:11px}.circuit-card>img{aspect-ratio:1;object-fit:cover;background:#0e1311;border:1px solid #435053;width:100%;display:block}.home-final{background:radial-gradient(circle at 50% 43%,#0b78b54c,#0000 36%),#090d0f;align-content:center;justify-items:start;min-height:590px;padding:64px 18px;display:grid;position:relative}.home-final:before,.home-final:after{content:"";border:1px solid #129af32a;width:160px;height:160px;position:absolute;transform:rotate(45deg)}.home-final:before{top:96px;right:-76px}.home-final:after{border-color:#ffbe0b24;bottom:68px;left:-95px}.home-final>img{width:84px;height:84px;margin-bottom:24px}.home-final>small{color:var(--yellow);letter-spacing:.16em;font-size:9px;font-weight:700}.home-final h2{margin:11px 0 29px;font-size:40px}.home-final button{background:var(--blue);color:#071218;border:1px solid #4ab5f7;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 0 0 17px;font:14px Archivo Black;display:flex;box-shadow:6px 6px #064e7b}.home-final button b{border-left:1px solid #087bc1;place-items:center;width:60px;height:100%;font-size:24px;display:grid}.home-footer{color:#718084;background:#080b0c;border-top:1px solid #263236;justify-content:space-between;align-items:center;height:80px;padding:0 18px;font-size:8px;display:flex}.home-footer img{width:110px;image-rendering:pixelated}.home-unofficial{color:#dabb3e;letter-spacing:.04em;text-align:center;background:#15130a;border-top:1px solid #51430c;padding:15px 18px;font-size:8px;font-weight:700;line-height:1.65}.home-legal-links{background:#080b0c;justify-content:center;align-items:center;gap:10px;padding:15px 18px 0;display:flex}.home-legal-links button,.home-legal-links a{color:#8fcceb;white-space:nowrap;background:0 0;border:0;padding:0;font:700 9px IBM Plex Mono;text-decoration:none}.home-legal-links i{background:#39515b;width:1px;height:13px}@keyframes home-note-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes home-scan{0%,8%{left:12%}85%,to{left:88%}}@media (width>=700px){.home-header{max-width:960px;left:50%;transform:translate(-50%)}.home-hero{padding-left:max(18px,50vw - 480px);padding-right:max(18px,50vw - 480px)}.home-hero h1{font-size:72px}.home-hero>p{font-size:15px}.hero-cta{width:420px}.hero-visual{margin-inline:0}.home-features,.home-circuits,.home-final{padding-inline:max(18px,50vw - 480px)}.home-features{grid-template-columns:1fr 1.7fr;display:grid}.home-features>header{grid-row:1/4}.home-circuits{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-circuits>header{grid-column:1/-1}.home-final button{width:420px}.home-footer{padding-inline:max(18px,50vw - 480px)}.home-unofficial,.home-legal-links{padding-left:max(24px,50vw - 480px);padding-right:max(24px,50vw - 480px)}.home-unofficial{font-size:9px}}@media (width<=699px){.home-header{align-items:flex-start;height:106px}.home-header-actions{align-items:flex-start}.home-related-links{top:calc(66px + env(safe-area-inset-top));position:absolute;right:16px}.home-related-links button,.home-related-links a{font-size:9px}.home-hero{padding-top:132px}}@media (width<=370px){.home-brand img:last-child{width:104px}.home-header-actions{gap:5px}.home-language{width:86px}.home-related-links{right:12px}.home-hero h1{font-size:37px}.hero-meta{font-size:7px}.home-features article{grid-template-columns:29px 1fr 60px}.feature-glyph{width:54px;height:54px}}.home-hero h1 .hero-blue{color:var(--blue)}.home-hero h1 .hero-yellow{color:var(--yellow)}.home-video{background:#090d0f;border-top:1px solid #263236;padding:54px 18px 64px}.home-video header small{color:var(--yellow);letter-spacing:.16em;font-size:9px;font-weight:700}.home-video h2{letter-spacing:-.035em;margin:9px 0 22px;font:30px/1.05 Archivo Black}.home-video-frame{aspect-ratio:16/9;background:#050708;border:1px solid #2e424a;width:100%;position:relative;overflow:hidden;box-shadow:7px 7px #0c5c8b}.home-video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.home-keys i.black{width:100%}.home-grid i{left:calc((var(--x) - 1)*100%/16 + 2px);width:calc(6.25% - 4px)}.hero-visual{height:390px;padding-top:48px}.hero-visual>p{margin:8px 2px 16px}.hero-visual .home-roll{height:238px}.home-video header,.home-video-frame{width:100%;max-width:760px;margin-left:auto;margin-right:auto}.home-video-frame{box-shadow:none}.home-language{appearance:none;background-color:#0c1b22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8dcfb' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:10px 6px;width:104px;padding-left:8px;padding-right:24px}@media (width<=370px){.home-language{width:96px}}.visual-label span{font-size:18px}@media (width>=700px){.home-hero{min-height:auto;padding-bottom:72px}.hero-visual{margin-bottom:0}.home-footer{gap:28px}.home-footer span{margin-left:auto}}@media (prefers-reduced-motion:reduce){.home-grid i{animation:none}.home-playhead{animation:6s linear infinite home-scan}}.home-page .hero-meta{margin-inline:auto}.home-page .hero-visual .home-roll{width:100%}.hero-meta{color:inherit;letter-spacing:0;background:#243b45;border:1px solid #243b45;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 0;display:grid}.hero-meta article{text-align:center;background:#0b1519;place-items:center;min-width:0;padding:11px 12px;display:grid}.hero-meta article>span{justify-items:center;gap:2px;min-width:0;display:grid}.hero-meta strong{color:#dce7e8;text-overflow:ellipsis;white-space:nowrap;font:9px Archivo Black;overflow:hidden}.hero-meta small{color:#758b91;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.hero-meta span:before{display:none}@media (width<=370px){.hero-meta article{padding:9px 6px}.hero-meta small{display:none}}@media (width>=700px){.hero-meta{width:min(680px,100%)}.hero-meta article{padding:13px 12px}.hero-meta strong{font-size:11px}.hero-meta small{font-size:8px}}.home-video header,.home-video-grid{width:100%;max-width:1040px;margin-left:auto;margin-right:auto}.home-video-grid{grid-template-columns:1fr;gap:22px;display:grid}.home-video-grid .home-video-frame{width:100%;max-width:none;margin:0}@media (width>=700px){.home-video{padding-block:72px}.home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.home-video h2{font-size:36px}}.home-header-actions{align-items:center;gap:10px;display:flex}.buy-me-coffee-button{align-items:center;min-width:0;display:inline-flex}.buy-me-coffee-button .bmc-btn{white-space:nowrap!important}.buy-me-coffee-fallback{color:#000;white-space:nowrap;background:#fd0;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font:700 11px Cookie,cursive;text-decoration:none;display:inline-flex}.buy-me-coffee-button .bmc-btn{border-radius:8px!important;justify-content:center!important;align-items:center!important;min-height:42px!important;padding:9px 15px!important;font-family:Cookie,cursive!important;font-size:16px!important;line-height:1.1!important;display:inline-flex!important}.header-buy-me-coffee .bmc-btn{transform-origin:100%;transform:none}.home-footer{flex-wrap:wrap}@media (width<=520px){.header-buy-me-coffee .bmc-btn{transform:none;min-height:34px!important;padding:7px 10px!important;font-size:13px!important}.home-header-actions{grid-template-columns:auto 1fr;grid-template-areas:"language language""support related";align-items:center;gap:4px;width:auto;display:grid}.home-header-actions .home-language{grid-area:language;justify-self:end}.home-header-actions .header-buy-me-coffee{grid-area:support;justify-self:start}.home-header-actions .home-related-links{grid-area:related;justify-self:end;position:static}}.home-header-actions .header-buy-me-coffee:after{content:"";vertical-align:middle;background:#3d5965;width:1px;height:15px;margin-left:8px;display:inline-block}@media (width<=520px){.header-buy-me-coffee .bmc-btn{display:none!important}.header-buy-me-coffee .buy-me-coffee-fallback{color:#fd0;background:0 0;border:0;min-height:0;padding:4px 0;font:700 11px Cookie,cursive;display:inline-flex!important}.header-buy-me-coffee{align-items:center;display:flex}}.home-footer{justify-content:initial;grid-template-columns:auto 1fr;display:grid}.home-footer>span{grid-column:2;justify-self:end;margin-left:0}@media (width>=521px){.header-buy-me-coffee .bmc-btn,.header-buy-me-coffee .buy-me-coffee-fallback{white-space:nowrap!important;width:140px!important;min-width:140px!important;height:36px!important;min-height:36px!important;padding:4px 7px!important;font-size:18px!important;line-height:1!important}.home-footer{flex-wrap:nowrap;grid-template-columns:auto 1fr}.home-footer>img{grid-area:1/1}.home-footer>span{grid-area:1/2}}.home-related-links .home-x-link{color:#f2f2ed;place-items:center;width:24px;height:24px;padding:0;font:18px/1 Arial,sans-serif;display:grid}.home-related-links .home-x-link:hover{color:#129af3}.hero-cta,.home-final button,.home-related-links a{cursor:pointer}.home-tip{min-width:0;display:inline-flex}.home-tip--cta{width:100%;display:block}.home-tip--cta .hero-cta,.home-final .home-tip--cta button{width:100%}.home-tip-copy{display:none}@media (hover:hover) and (pointer:fine){.home-tip{position:relative}.home-tip-copy{z-index:20;color:#e7f5fc;letter-spacing:0;opacity:0;pointer-events:none;text-align:left;white-space:normal;background:#071218ef;border:1px solid #257aac;width:max-content;max-width:min(290px,100vw - 32px);padding:9px 11px;font:700 10px/1.55 IBM Plex Mono,monospace;transition:opacity .14s,transform .14s;display:block;position:absolute;top:calc(100% + 11px);left:50%;transform:translate(-50%,5px);box-shadow:4px 4px #062f48}.home-tip-copy:before{content:"";background:#071218;border-top:1px solid #257aac;border-left:1px solid #257aac;width:8px;height:8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,5px)rotate(45deg)}.home-tip:hover>.home-tip-copy,.home-tip:focus-within>.home-tip-copy{opacity:1;transform:translate(-50%)}.home-tip--align-right>.home-tip-copy{left:auto;right:0;transform:translateY(5px)}.home-tip--align-right:hover>.home-tip-copy,.home-tip--align-right:focus-within>.home-tip-copy{transform:translateY(0)}.home-tip--align-right>.home-tip-copy:before{left:auto;right:14px;transform:translateY(5px)rotate(45deg)}.home-tip--cta>.home-tip-copy{color:#f3f1e8;border-color:#ffbe0b;max-width:min(360px,100vw - 36px);top:calc(100% + 13px);left:0;transform:translateY(5px);box-shadow:4px 4px #664d00}.home-tip--cta>.home-tip-copy:before{border-color:#ffbe0b;left:26px;transform:translateY(5px)rotate(45deg)}.home-tip--cta:hover>.home-tip-copy,.home-tip--cta:focus-within>.home-tip-copy{transform:translateY(0)}.home-tip--above>.home-tip-copy{top:auto;bottom:calc(100% + 13px)}.home-tip--above>.home-tip-copy:before{border:1px solid #ffbe0b;border-top:0;border-left:0;top:100%;bottom:auto;transform:translateY(-5px)rotate(45deg)}}@media (width>=700px){.home-tip--cta{width:420px}}.hero-kicker{font-size:10px}.home-hero>p{font-size:15px}.hero-visual>p{font-size:13px}.home-features>header small,.home-circuits>header small,.home-video header small,.home-final>small{font-size:10px}.home-features article>b{font-size:20px}.home-features h3{font-size:17px}.home-features p,.circuit-card p{font-size:12px}.circuit-card>span{font-size:10px}.home-unofficial{font-size:9px}.home-legal-links button,.home-legal-links a{font-size:10px}.hero-meta{font-size:9px}.hero-meta strong{font-size:10px}.hero-meta small{font-size:9px}.home-footer{color:#718084;background:#080b0c;border-top:1px solid #263236;grid-template-columns:1fr auto 1fr;align-items:center;height:80px;padding:0 18px;font-size:9px;display:grid}.home-footer img{width:110px;image-rendering:pixelated;grid-area:1/1;justify-self:start}.home-footer>span{text-align:center;white-space:nowrap;grid-area:1/2;justify-self:center;margin:0}@media (width>=700px){.hero-meta strong{font-size:12px}.hero-meta small{font-size:9px}.home-footer{grid-template-columns:1fr auto 1fr}.home-footer>span{grid-column:2;justify-self:center}}.home-x-feed{background:linear-gradient(#0b1113,#080c0e);border-top:1px solid #263236;padding:58px 18px 64px;position:relative;overflow:hidden}.home-x-feed:before{content:"";border:1px solid #129af326;width:210px;height:210px;position:absolute;top:-92px;right:-70px;transform:rotate(45deg);box-shadow:0 0 0 24px #129af307}.home-x-feed-inner{z-index:1;gap:28px;width:100%;max-width:1040px;margin:0 auto;display:grid;position:relative}.home-x-feed header small{color:var(--yellow);letter-spacing:.16em;font-size:10px;font-weight:700}.home-x-feed h2{letter-spacing:-.035em;margin:9px 0 15px;font:30px/1.05 Archivo Black}.home-x-feed header p{color:#9eadaf;max-width:35em;margin:0;font-size:12px;line-height:1.75}.home-x-feed header>a{color:#071013;background:#129af3;border:1px solid #69c7ff;justify-content:center;align-items:center;gap:10px;min-height:46px;margin-top:22px;padding:10px 16px;font:700 12px/1.35 IBM Plex Mono;text-decoration:none;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:5px 5px #073957}.home-x-feed header>a:hover{background:var(--yellow);color:#080b0c;transform:translate(-1px,-1px);box-shadow:5px 5px #6f5700}.home-x-feed header>a:focus-visible{outline-offset:4px;outline:2px solid #fff}.home-x-feed header>a b{font:700 19px/1 Arial,sans-serif}.home-x-feed header>a span{font-size:16px}@media (width>=700px){.home-x-feed{padding-block:72px}.home-x-feed-inner{max-width:1040px}.home-x-feed h2{font-size:36px}}.creators-page{--blue:#129af3;--yellow:#ffbe0b;color:#f3f1e8;background:#080b0c;min-height:100dvh;font-family:IBM Plex Mono,monospace;overflow:hidden}.creators-page button,.creators-page select{font:inherit}.creators-topbar{background:#091014;border-bottom:1px solid #263337;justify-content:space-between;align-items:center;height:78px;padding:0 18px;display:flex}.creators-brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.creators-brand img:first-child{width:38px;height:38px}.creators-brand img:last-child{width:126px;image-rendering:pixelated}.creators-topbar select{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background:#0c1b22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8dcfb' stroke-width='1.5'/%3E%3C/svg%3E") right 9px center no-repeat;border:1px solid #257aac;border-radius:0;width:104px;height:40px;padding:0 23px 0 8px;font-size:12px;font-weight:700}.creators-hero{background:radial-gradient(circle at 96% 8%,#0d6ca655,#0000 32%),linear-gradient(145deg,#0b1317,#080b0c 70%);padding:70px 18px 82px;position:relative}.creators-hero:after{content:"";border:1px solid #129af33a;width:260px;height:260px;position:absolute;bottom:-120px;right:-120px;transform:rotate(45deg)}.creators-hero small,.creator-message small,.creators-cta small{color:var(--yellow);letter-spacing:.16em;font-size:9px;font-weight:700}.creators-hero h1{z-index:1;letter-spacing:-.05em;margin:17px 0 22px;font:42px/1.03 Archivo Black;position:relative}.creators-hero h1 span{color:var(--blue)}.creators-hero p{z-index:1;color:#b8c3c3;max-width:43em;margin:0;font-size:13px;line-height:1.9;position:relative}.creator-profiles{padding:0 18px 74px}.creator-card{background:#0d1315;border:1px solid #334044;margin-top:54px;position:relative}.creator-card:before{content:"";background:var(--blue);width:42%;height:4px;position:absolute;top:-1px;left:-1px}.creator-card.yellow:before{background:var(--yellow)}.creator-number{z-index:2;color:#3b4a4e;font:26px Archivo Black;position:absolute;top:10px;right:12px}.creator-portrait{aspect-ratio:1;border:1px solid #4b5a5d;margin:20px 20px 0;position:relative;overflow:hidden}.creator-portrait:after{content:"";pointer-events:none;border:8px solid #129af322;position:absolute;inset:0}.yellow .creator-portrait:after{border-color:#ffbe0b2b}.creator-portrait img{object-fit:cover;width:100%;height:100%}.creator-copy{padding:25px 20px 24px}.creator-copy>small{color:var(--blue);letter-spacing:.15em;font-size:9px;font-weight:700}.yellow .creator-copy>small{color:var(--yellow)}.creator-copy h2{letter-spacing:-.025em;margin:9px 0 22px;font:25px/1.15 Archivo Black}.creator-copy p{color:#bac4c3;margin:0 0 13px;font-size:12px;line-height:1.9}.creator-copy nav{gap:9px;margin-top:24px;display:grid}.creator-copy a{color:#e9eeee;border:1px solid #34474e;align-items:center;gap:11px;min-width:0;height:48px;padding:0 12px;text-decoration:none;display:flex}.creator-copy a:hover{border-color:var(--blue);background:#129af312}.creator-copy svg{flex:none;width:20px;height:20px}.creator-copy a:first-child svg{color:#ff334f}.creator-copy a:last-child svg{color:#f2f2ec}.creator-copy a span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.creator-message{color:#111;background:#e9e7dc;padding:68px 18px 74px}.creator-message header{border-bottom:3px solid #121616}.creator-message h2{letter-spacing:-.04em;margin:9px 0 23px;font:36px/1.05 Archivo Black}.message-copy{padding-top:26px}.message-copy p{margin:0 0 20px;font-size:13px;line-height:2}.message-copy p:first-child:first-letter{float:left;color:#087fc5;margin:5px 7px 0 0;font:48px/.75 Archivo Black}.message-copy strong{color:#087fc5;text-align:right;margin-top:35px;font:18px Archivo Black;display:block}.creators-cta{background:radial-gradient(circle at 92% 34%,#0b78b549,#0000 34%),#090d0f;padding:72px 18px 78px;position:relative}.creators-cta h2{letter-spacing:-.04em;max-width:10em;margin:12px 0 27px;font:38px/1.04 Archivo Black}.creators-cta button{background:var(--yellow);color:#111;border:0;justify-content:space-between;align-items:center;width:100%;height:62px;padding:0 0 0 17px;font:14px Archivo Black;display:flex;box-shadow:6px 6px #674e00}.creators-cta button b{border-left:1px solid #9e7909;place-items:center;width:58px;height:100%;font-size:23px;display:grid}.creators-footer{color:#718084;border-top:1px solid #263236;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:18px;font-size:8px;display:flex}.creators-footer button{color:#a8dcfb;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}@media (width>=700px){.creators-topbar,.creators-hero,.creator-profiles,.creator-message,.creators-cta,.creators-footer{padding-left:max(24px,50vw - 480px);padding-right:max(24px,50vw - 480px)}.creators-hero h1{font-size:68px}.creator-card{grid-template-columns:minmax(260px,.8fr) 1.2fr;display:grid}.creator-card.yellow{grid-template-columns:1.2fr minmax(260px,.8fr)}.creator-card.yellow .creator-portrait{grid-area:1/2}.creator-card.yellow .creator-copy{grid-area:1/1}.creator-portrait{margin:24px}.creator-copy{align-self:center;padding:40px}.creator-message{grid-template-columns:.72fr 1.28fr;gap:70px;display:grid}.message-copy{padding-top:0}.creators-cta button{width:420px}.creators-footer{min-height:88px}}.creators-hero{padding-top:38px;padding-bottom:38px}.creators-hero:after{display:none}.creators-hero h1{letter-spacing:-.035em;margin:0;font-size:30px}.creator-profiles{padding-top:1px}.message-copy p:first-child:first-letter{float:none;color:inherit;font:inherit;margin:0}@media (width<=520px){.creator-copy h2{overflow-wrap:anywhere;font-size:clamp(19px,5.5vw,23px);line-height:1.22}.creator-card.yellow .creator-copy h2{font-size:clamp(18px,5.1vw,22px)}}.creators-hero small,.creator-message small,.creators-cta small,.creator-copy>small{font-size:10px}.creators-hero p{font-size:14px}.creator-copy p{font-size:13px}.creator-copy a span{font-size:11px}.message-copy p{font-size:14px}.creators-footer{font-size:9px}.creators-footer button{font-size:11px}@media (width>=700px){.creators-hero p{font-size:15px}.creator-copy p{font-size:14px}.creator-copy a span{font-size:12px}.message-copy p{font-size:15px}.creators-footer{font-size:10px}.creators-footer button{font-size:12px}}.creator-collaborator{background:#0b1113;border:1px solid #334044;grid-template-columns:76px minmax(0,1fr);gap:16px;max-width:680px;margin:30px 0 0;padding:16px;display:grid;position:relative}.creator-collaborator:before{content:"";background:var(--blue);width:28%;height:3px;position:absolute;top:-1px;left:-1px}.collaborator-portrait{border:1px solid #3b4b50;width:76px;height:76px;overflow:hidden}.collaborator-portrait img{object-fit:cover;width:100%;height:100%;display:block}.collaborator-copy{min-width:0}.collaborator-copy>small{color:var(--blue);letter-spacing:.12em;font-size:9px;font-weight:700;display:block}.collaborator-copy h2{letter-spacing:-.02em;margin:5px 0 8px;font:18px/1.15 Archivo Black}.collaborator-copy p{color:#bac4c3;margin:0;font-size:12px;line-height:1.65}.collaborator-copy nav{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.collaborator-copy a{color:#e9eeee;border:1px solid #34474e;align-items:center;gap:7px;min-width:0;height:32px;padding:0 8px;text-decoration:none;display:flex}.collaborator-copy a:hover{border-color:var(--blue);background:#129af312}.collaborator-copy svg{flex:none;width:14px;height:14px}.collaborator-copy a:first-child svg{color:#ff334f}.collaborator-copy a:last-child svg{color:#f2f2ec}.collaborator-copy a span{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:9px;overflow:hidden}@media (width>=700px){.creator-collaborator{grid-template-columns:88px minmax(0,1fr);gap:20px;margin-top:34px;padding:18px}.collaborator-portrait{width:88px;height:88px}.collaborator-copy h2{font-size:20px}.collaborator-copy p{font-size:13px}.collaborator-copy a span{max-width:300px;font-size:10px}}@media (width<=420px){.creator-collaborator{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:13px}.collaborator-portrait{width:64px;height:64px}.collaborator-copy>small{font-size:8px}.collaborator-copy h2{font-size:17px}.collaborator-copy p{font-size:11px}.collaborator-copy a{height:30px}.collaborator-copy a span{max-width:170px;font-size:8px}}.editor-guide-page{--blue:#129af3;--yellow:#ffbe0b;color:#f1f0e8;background:#090d0f;min-height:100dvh;font-family:IBM Plex Mono,monospace}.editor-guide-topbar{min-height:74px;padding:calc(9px + env(safe-area-inset-top)) 16px 9px;background:#0b1113;border-bottom:1px solid #26363d;justify-content:space-between;align-items:center;display:flex}.editor-guide-brand{background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.editor-guide-brand img:first-child{width:40px;height:40px}.editor-guide-brand img:last-child{width:126px;image-rendering:pixelated}.editor-guide-topbar>div{align-items:center;gap:8px;display:flex}.editor-guide-back,.editor-guide-topbar select{color:#9ddcff;background:#10202a;border:1px solid #276f98;height:36px;font:700 9px IBM Plex Mono}.editor-guide-back{padding:0 10px}.editor-guide-topbar select{text-align:center;width:96px;padding:0 8px}.editor-guide-hero{background:radial-gradient(circle at 95% 5%,#0b5b8f77,#0000 42%),#0a1013;padding:54px 18px 48px}.editor-guide-hero small{color:var(--yellow);letter-spacing:.16em;font-size:9px;font-weight:700}.editor-guide-hero h1{letter-spacing:-.035em;max-width:760px;margin:12px 0 20px;font:38px/1.06 Archivo Black}.editor-guide-hero p{color:#bcc8c6;max-width:720px;margin:0;font-size:12px;line-height:1.9}.editor-guide-content{padding:0 18px 60px}.editor-guide-section{border-bottom:1px solid #334147;padding:46px 0 8px}.editor-guide-section>header{grid-template-columns:36px 1fr;gap:10px;margin-bottom:22px;display:grid}.editor-guide-section>header>b{color:var(--blue);font:12px Archivo Black}.editor-guide-section h2{margin:0 0 7px;font:24px/1.1 Archivo Black}.editor-guide-section>header p{color:#8f9d9a;margin:0;font-size:10px;line-height:1.7}.editor-guide-grid{gap:10px;display:grid}.editor-guide-grid article{background:#101719;border:1px solid #2f4045;grid-template-columns:54px 1fr;gap:13px;min-height:92px;padding:15px;display:grid}.editor-guide-icon{color:#8ed8ff;text-align:center;background:#102734;border:1px solid #318cca;place-items:center;width:50px;height:50px;font:16px Archivo Black;display:grid}.editor-guide-icon img{object-fit:contain;width:25px;height:25px;display:block}.editor-guide-icon.invert img{filter:invert()}.editor-guide-icon.danger{color:#ff7764;background:#2d1714;border-color:#9a463a}.editor-guide-grid h3{margin:2px 0 7px;font:14px Archivo Black}.editor-guide-grid p{color:#aeb9b6;margin:0;font-size:10px;line-height:1.75}.editor-guide-footer{padding:48px 18px calc(30px + env(safe-area-inset-bottom));background:#0b1113;gap:24px;display:grid}.editor-guide-footer button{background:var(--blue);color:#071116;border:1px solid #369ddd;height:56px;font:13px Archivo Black}.editor-guide-footer span{color:#687673;text-align:center;font-size:8px}@media (width<=520px){.editor-guide-brand img:last-child{width:103px}.editor-guide-topbar{padding-inline:10px}.editor-guide-topbar>div{gap:5px}.editor-guide-back{padding-inline:7px;font-size:8px}.editor-guide-topbar select{width:82px;font-size:9px}.editor-guide-hero h1{font-size:33px}.editor-guide-grid article{grid-template-columns:48px 1fr;padding:12px}.editor-guide-icon{width:44px;height:44px}}@media (width>=700px){.editor-guide-topbar,.editor-guide-hero,.editor-guide-content,.editor-guide-footer{padding-left:max(18px,50vw - 480px);padding-right:max(18px,50vw - 480px)}.editor-guide-hero h1{font-size:52px}.editor-guide-grid{grid-template-columns:1fr 1fr}.editor-guide-footer button{justify-self:center;width:420px}}.editor-guide-section>header>b{font-size:18px;line-height:1}.editor-guide-section>header p,.editor-guide-grid p{white-space:pre-line}.editor-guide-copy-desktop,.editor-guide-shortcut{display:none}.editor-guide-topbar select{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background-color:#0c1b22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8dcfb' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #257aac;border-radius:0;width:104px;height:38px;padding:0 24px 0 8px;font:700 12px IBM Plex Mono}@media (width<=520px){.editor-guide-topbar select{width:104px;font-size:12px}}.editor-guide-copy-mobile{display:inline}@media (width>=700px){.editor-guide-hero p{font-size:14px}.editor-guide-section>header{grid-template-columns:54px 1fr;gap:14px}.editor-guide-section>header>b{font-size:24px}.editor-guide-section h2{font-size:28px}.editor-guide-section>header p{font-size:13px;line-height:1.8}.editor-guide-grid{gap:12px}.editor-guide-grid article{grid-template-columns:60px 1fr;gap:16px;min-height:112px;padding:18px}.editor-guide-icon{width:56px;height:56px;font-size:18px}.editor-guide-icon img{width:29px;height:29px}.editor-guide-grid h3{font-size:16px}.editor-guide-grid p{font-size:12px;line-height:1.8}.editor-guide-copy-mobile{display:none}.editor-guide-copy-desktop{display:inline}}@media (width>=900px){.editor-guide-shortcut{border-left:3px solid var(--yellow);color:#c9d7d5;white-space:pre-line;background:#13242b;align-items:center;gap:9px;margin-top:11px;padding:6px 9px;font:600 11px/1.45 IBM Plex Mono;display:inline-flex}.editor-guide-shortcut b{color:var(--yellow);letter-spacing:.04em;text-transform:uppercase;font-size:9px}}.placement-page{color:#f1efe7;background:#080c0e;min-height:100dvh;font-family:IBM Plex Mono,monospace}.placement-header{border-bottom:1px solid #26343a;justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:18px 24px;display:flex}.placement-brand{color:inherit;background:0 0;border:0;align-items:center;gap:10px;display:flex}.placement-brand img:first-child{object-fit:contain;width:42px;height:42px}.placement-brand img:last-child{width:132px;image-rendering:pixelated}.placement-back{color:#a8dcfb;background:#0b1f2a;border:1px solid #199df3;padding:12px 18px;font:700 12px IBM Plex Mono}.placement-hero{background:linear-gradient(115deg,#0b1215,#0b2e46);padding:64px max(24px,50vw - 520px) 52px}.placement-hero small{color:#ffbe0b;letter-spacing:.15em;font-size:10px}.placement-hero h1{margin:16px 0 14px;font:clamp(32px,5vw,58px)/1.05 Archivo Black}.placement-hero p{color:#bed0d5;max-width:760px;margin:0;font-size:15px;line-height:1.9}.placement-content{max-width:1040px;margin:auto;padding:34px 24px 80px}.placement-section{border-bottom:1px solid #26343a;padding:30px 0 42px}.placement-section h2{color:#ffbe0b;margin:0 0 14px;font:28px Archivo Black}.placement-section>p{color:#c6d0d0;max-width:850px;font-size:15px;line-height:1.9}.placement-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;display:grid}.placement-image-grid figure,.repeater-examples figure,.wide-image{background:#0d1619;border:1px solid #30434a;margin:0}.placement-image-grid img,.wide-image img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.placement-image-grid figcaption,.wide-image figcaption{color:#b8c8cb;gap:8px;padding:14px 16px;font-size:13px;line-height:1.7;display:grid}.placement-image-grid figcaption b{color:#f4f1e8;font-size:16px}.repeater-examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.repeater-examples img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.repeater-examples figcaption{justify-content:space-between;padding:10px;font-size:12px;display:flex}.repeater-examples figcaption b{color:#ffbe0b}.repeater-examples figcaption span{color:#9fd7fa}.repeater-legend{color:#c6d0d0;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;display:flex}.repeater-legend span{align-items:center;gap:8px;display:flex}.delay-mark,.click-mark{place-items:center;width:30px;height:30px;font-style:normal;font-weight:700;display:grid}.delay-mark{color:#fff;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:#f52e31}.click-mark{color:#e33b3b;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:#fff;border:2px solid #111}.wide-image{max-width:860px;margin-top:22px}.placement-note{color:#8ea5aa;margin:34px 0 0;font-size:13px;line-height:1.8}.placement-footer{color:#809196;justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:auto;padding:24px;font-size:11px;display:flex}.placement-footer button{color:#061219;background:#159af1;border:1px solid #159af1;padding:12px 18px;font-weight:700}@media (width<=700px){.placement-header{padding:14px 16px}.placement-brand img:first-child{width:36px;height:36px}.placement-brand img:last-child{width:112px}.placement-back{padding:10px 12px;font-size:10px}.placement-hero{padding:42px 18px 36px}.placement-hero p,.placement-section>p{font-size:14px}.placement-content{padding:20px 18px 54px}.placement-image-grid{grid-template-columns:1fr;gap:16px}.repeater-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.placement-section h2{font-size:24px}.placement-footer{text-align:center;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.placement-footer button{width:100%}}.repeater-label{align-items:center;gap:7px;min-width:0;display:flex}.repeater-label b{white-space:nowrap}.placement-repeater{flex:none;width:34px;height:34px}.repeater-operation{background:#0d1b22;border-left:3px solid #159af1;padding:14px 16px;color:#c7d8dc!important;margin-top:18px!important}.repeater-examples figcaption{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 6px;display:grid}.repeater-label{text-align:center;align-content:start;justify-items:center;gap:5px;width:100%;min-width:0;display:grid}.repeater-label strong{color:#ffbe0b;white-space:nowrap;font-size:12px}.placement-repeater{clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%);flex:none;place-items:center;width:38px;height:30px;display:grid;position:relative}.placement-repeater.right{transform:none}.placement-repeater b{z-index:1;place-items:center;width:100%;height:100%;font:700 20px/1 Archivo Black;display:grid;position:relative;transform:translate(-4px)}.placement-repeater.right b{transform:translate(-4px)}.placement-repeater.delay-mark{color:#fff;background:#f52e31}.placement-repeater.delay-mark b{color:#fff}.placement-repeater.click-mark{color:#e33b3b;filter:none;background:#111;border:0}.placement-repeater.click-mark:before{content:"";z-index:0;clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%);background:#fff;position:absolute;inset:1px}.placement-repeater.click-mark b{color:#e33b3b}.placement-header-actions{align-items:center;gap:10px;display:flex}.placement-language{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background-color:#0c1b22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8dcfb' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #257aac;border-radius:0;width:104px;height:40px;padding:0 25px 0 8px;font:700 12px IBM Plex Mono}.placement-back-short{display:none}@media (width<=700px){.placement-header{gap:8px}.placement-brand{gap:7px}.placement-brand img:first-child{width:32px;height:32px}.placement-brand img:last-child{width:88px}.placement-header-actions{gap:6px}.placement-language{width:96px;height:38px;font-size:11px}.placement-back{white-space:nowrap;min-width:0;padding:10px 8px}.placement-back-long{display:none}.placement-back-short{display:inline}}.placement-resource-pack{background:#0b1d26;border:1px solid #159af1;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);max-width:860px;margin-top:22px;display:grid}.placement-resource-pack figure{margin:0}.placement-resource-pack img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.placement-resource-pack figcaption{color:#b9c9cc;padding:12px 15px;font-size:12px;line-height:1.7}.placement-resource-pack>div{flex-direction:column;justify-content:center;padding:22px;display:flex}.placement-resource-pack strong{color:#fff;font:20px/1.1 Archivo Black}.placement-resource-pack p{color:#ffcf43;margin:13px 0 18px;font-size:12px;line-height:1.7}.placement-resource-pack button{color:#071218;background:#159af1;border:1px solid #159af1;min-height:46px;font:700 12px IBM Plex Mono}@media (width<=700px){.placement-resource-pack{grid-template-columns:1fr}.placement-resource-pack>div{padding:18px}.placement-resource-pack strong{font-size:18px}}.placement-section>.placement-control-note{color:#d4dedd;background:#0d1b22;border-left:3px solid #159af1;max-width:850px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.8}.resource-pack-page{--blue:#129af3;--yellow:#ffbe0b;color:#edf1ed;background:#080c0e;min-height:100dvh;font-family:IBM Plex Mono,monospace}.resource-pack-header{background:#091012;border-bottom:1px solid #26383f;justify-content:space-between;align-items:center;height:78px;padding:0 max(18px,50vw - 520px);display:flex}.resource-pack-brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.resource-pack-brand img:first-child{width:42px;height:42px}.resource-pack-brand img:last-child{width:132px;image-rendering:pixelated}.resource-pack-header>div{align-items:center;gap:10px;display:flex}.resource-pack-home,.resource-pack-header select{color:#a8dcfb;background:#0c1b22;border:1px solid #267dad;height:40px;font:700 11px IBM Plex Mono}.resource-pack-home{padding:0 14px}.resource-pack-header select{text-align:center;width:108px;padding:0 24px 0 8px}.resource-pack-hero{background:radial-gradient(circle at 88% 20%,#0c609566,#0000 36%),linear-gradient(145deg,#0b1418,#081012);padding:86px max(18px,50vw - 520px) 78px;position:relative;overflow:hidden}.resource-pack-hero:after{content:"";border:1px solid #129af342;width:280px;height:280px;position:absolute;top:36px;right:4%;transform:rotate(45deg);box-shadow:0 0 0 28px #129af309,0 0 0 58px #129af305}.resource-pack-hero small,.resource-pack-explainer small,.resource-pack-install small{color:var(--yellow);letter-spacing:.16em;font-size:10px;font-weight:700}.resource-pack-hero h1{z-index:1;color:#fff;letter-spacing:-.055em;max-width:760px;margin:14px 0 18px;font:clamp(42px,7vw,78px)/.95 Archivo Black;position:relative}.resource-pack-hero p{z-index:1;color:#c1cdcc;max-width:680px;margin:0;font-size:15px;line-height:1.85;position:relative}.resource-pack-hero>b{z-index:1;border-left:4px solid var(--blue);color:#9ddcff;letter-spacing:.08em;background:#0f2834;margin-top:25px;padding:8px 11px;font-size:11px;display:inline-block;position:relative}.resource-pack-content{width:min(1040px,100% - 36px);margin:0 auto}.resource-pack-download{border-bottom:1px solid #29383d;grid-template-columns:70px minmax(0,640px);gap:24px;padding:68px 0;display:grid}.resource-pack-number{color:var(--blue);font:24px Archivo Black}.resource-pack-download h2,.resource-pack-explainer h2,.resource-pack-install h2,.resource-pack-notes h2{letter-spacing:-.035em;margin:0 0 24px;font:30px/1.1 Archivo Black}.resource-pack-download label{gap:8px;display:grid}.resource-pack-download label>span{color:#819194;font-size:11px}.resource-pack-download select{color:#fff;background:#0d1619;border:1px solid #405157;border-radius:0;width:100%;height:54px;padding:0 15px;font:700 16px IBM Plex Mono}.resource-pack-download-button{background:var(--yellow);color:#101313;grid-template-columns:1fr 66px;align-items:center;height:66px;margin-top:24px;font:16px Archivo Black;text-decoration:none;display:grid;box-shadow:7px 7px #5b4600}.resource-pack-download-button span{padding-left:18px}.resource-pack-download-button b{border-left:1px solid #9c7700;place-items:center;height:100%;font-size:27px;display:grid}.resource-pack-explainer{grid-template-columns:1fr 1.2fr;gap:70px;padding:76px 0;display:grid}.resource-pack-explainer p{color:#aebbb9;font-size:13px;line-height:1.9}.resource-pack-explainer ol{border-top:2px solid #2e3e43;margin:0;padding:0;list-style:none}.resource-pack-explainer li{border-bottom:1px solid #2e3e43;grid-template-columns:56px 1fr;align-items:center;min-height:86px;display:grid}.resource-pack-explainer li b{color:var(--blue);font:17px Archivo Black}.resource-pack-explainer li span{font-size:14px;font-weight:700}.resource-pack-preview{background:#0d1619;border:1px solid #30434a;grid-column:1/-1;margin:0}.resource-pack-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.resource-pack-preview figcaption{border-left:4px solid var(--yellow);color:#c7d2d1;padding:14px 17px;font-size:12px;font-weight:600;line-height:1.75}.resource-pack-install{color:#151919;background:#e9e7dc;margin:0 calc(50% - 50vw);padding:76px max(18px,50vw - 520px)}.resource-pack-install ol{background:#b4b4ac;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid}.resource-pack-install li{background:#f2f0e7;min-height:190px;padding:24px}.resource-pack-install li b{background:var(--blue);color:#fff;width:42px;height:42px;box-shadow:4px 4px 0 var(--yellow);place-items:center;font:18px Archivo Black;display:grid}.resource-pack-install li p{margin:25px 0 0;font-size:13px;font-weight:600;line-height:1.8}.resource-pack-notes{padding:70px 0}.resource-pack-notes ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.resource-pack-notes li{color:#aeb9b8;background:#0c1417;border:1px solid #2e3f45;padding:15px 17px 15px 42px;font-size:12px;line-height:1.7}.resource-pack-notes li:before{content:"!";float:left;color:var(--yellow);margin-left:-27px;font-weight:700}.resource-pack-footer{color:#758386;border-top:1px solid #29383d;justify-content:space-between;align-items:center;min-height:86px;padding:18px max(18px,50vw - 520px);font-size:10px;display:flex}.resource-pack-footer button{color:#9edbff;background:#0d1d24;border:1px solid #2785b8;height:42px;padding:0 16px;font:700 11px IBM Plex Mono}@media (width<=699px){.resource-pack-header{height:72px;padding-inline:14px}.resource-pack-brand img:first-child{width:36px;height:36px}.resource-pack-brand img:last-child{width:104px}.resource-pack-home{display:none}.resource-pack-header select{width:102px}.resource-pack-hero{padding:65px 18px 58px}.resource-pack-hero:after{right:-150px}.resource-pack-hero h1{font-size:45px}.resource-pack-hero p{font-size:13px}.resource-pack-content{width:calc(100% - 36px)}.resource-pack-download{grid-template-columns:1fr;gap:9px;padding:52px 0}.resource-pack-number{font-size:18px}.resource-pack-download h2,.resource-pack-explainer h2,.resource-pack-install h2,.resource-pack-notes h2{font-size:26px}.resource-pack-explainer{grid-template-columns:1fr;gap:28px;padding:58px 0}.resource-pack-install{padding-block:58px}.resource-pack-install ol{grid-template-columns:1fr}.resource-pack-install li{min-height:0}.resource-pack-notes{padding:56px 0}.resource-pack-footer{flex-direction:column;align-items:flex-start;gap:18px}.resource-pack-download-button{font-size:14px}}.resource-pack-header .resource-pack-language{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background-color:#0c1b22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.8'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #257aac;border-radius:0;width:104px;height:38px;padding:0 24px 0 8px;font:700 12px IBM Plex Mono}.resource-pack-download select{appearance:none;background-color:#0d1619;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2.2'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px 9px;padding-right:44px}.resource-pack-footer{justify-content:initial;grid-template-columns:1fr auto 1fr;display:grid}.resource-pack-footer button{grid-column:1;justify-self:start}.resource-pack-footer span{text-align:center;grid-column:2;justify-self:center}@media (width<=699px){.resource-pack-header .resource-pack-language{width:104px;height:38px}.resource-pack-footer{grid-template-columns:1fr;align-items:center}.resource-pack-footer button{grid-area:1/1}.resource-pack-footer span{grid-area:2/1;justify-self:center}}.resource-pack-edition-tabs{background:#10191c;border:1px solid #31434a;grid-template-columns:1fr 1fr;width:min(1040px,100% - 36px);margin:26px auto 0;display:grid}.resource-pack-edition-tabs button{color:#718084;cursor:pointer;background:#0c1315;border:0;border-right:1px solid #31434a;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:10px 16px;font-family:IBM Plex Mono,monospace;display:flex}.resource-pack-edition-tabs button:last-child{border-right:0}.resource-pack-edition-tabs button span{letter-spacing:.03em;font:15px Archivo Black}.resource-pack-edition-tabs button small{letter-spacing:.08em;font-size:9px;font-weight:700}.resource-pack-edition-tabs button.active{color:#dff3ff;box-shadow:inset 0 -4px 0 var(--blue);background:#113247}.resource-pack-edition-tabs button.active.bedrock{color:#e1fff3;background:#17362c;box-shadow:inset 0 -4px #42d392}.resource-pack-edition-tabs button:focus-visible{z-index:1;outline:2px solid var(--yellow);outline-offset:-3px;position:relative}.resource-pack-download-button.bedrock{background:#42d392;box-shadow:7px 7px #13523a}.resource-pack-download-button.bedrock b{border-left-color:#1c8d61}.resource-pack-download-note{color:#7f9194;margin:18px 0 0;font-size:10px;line-height:1.65}.resource-pack-preview-grid{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px;display:grid}.resource-pack-preview-grid .resource-pack-preview{grid-column:auto}.resource-pack-preview-grid .resource-pack-preview:first-child figcaption{border-left-color:#42d392}.resource-pack-install.bedrock li b{background:#1b9d6b;box-shadow:4px 4px #b5f05d}@media (width<=699px){.resource-pack-edition-tabs{width:calc(100% - 28px);margin-top:18px}.resource-pack-edition-tabs button{flex-direction:column;gap:5px;min-height:54px;padding-inline:8px}.resource-pack-edition-tabs button span{font-size:13px}.resource-pack-edition-tabs button small{font-size:8px}.resource-pack-hero{padding-top:54px}.resource-pack-preview-grid{grid-template-columns:1fr;gap:14px}}.legal-page{--blue:#129af3;--yellow:#ffbe0b;color:#f1f0e8;background:#080d0f;min-height:100dvh;font-family:IBM Plex Mono,monospace}.legal-page button,.legal-page select{font:inherit}.legal-topbar{min-height:76px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:#091014;border-bottom:1px solid #26363d;justify-content:space-between;align-items:center;display:flex}.legal-brand{background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.legal-brand img:first-child{width:42px;height:42px}.legal-brand img:last-child{width:132px;image-rendering:pixelated}.legal-topbar>div{align-items:center;gap:8px;display:flex}.legal-home{color:#a8dcfb;background:#0c1b22;border:1px solid #257aac;height:38px;padding:0 10px;font-size:9px;font-weight:700}.legal-language{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background-color:#0c1b22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8dcfb' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #257aac;border-radius:0;width:104px;height:38px;padding:0 24px 0 8px;font:700 12px IBM Plex Mono}.legal-hero{background:radial-gradient(circle at 95% 0,#075b8d77,#0000 40%),linear-gradient(145deg,#0b1418,#080d0f);padding:58px 18px 52px}.legal-hero small{color:var(--yellow);letter-spacing:.16em;font-size:9px;font-weight:700}.legal-hero h1{letter-spacing:-.045em;max-width:850px;margin:14px 0 18px;font:40px/1.05 Archivo Black}.legal-hero p{color:#bac5c6;max-width:48em;font-size:13px;line-height:1.9}.legal-hero time{color:#78878b;margin-top:18px;font-size:9px;display:block}.legal-content{padding:22px 18px 56px}.legal-content>section{border-bottom:1px solid #2d3d42;grid-template-columns:38px 1fr;gap:8px;padding:28px 0;display:grid}.legal-content>section>b{color:var(--blue);font-size:14px}.legal-content h2{margin:0 0 14px;font-size:19px}.legal-content p{color:#c5cdcd;max-width:64em;margin:0 0 12px;font-size:12px;line-height:1.95}.legal-content a{color:#7cd2ff}.legal-unofficial{color:#ffd84d;letter-spacing:.05em;background:#18160c;border-block:1px solid #56480d;padding:20px 18px;font-size:9px;font-weight:700;line-height:1.7}.legal-footer{color:#718084;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:18px;font-size:8px;display:flex}.legal-footer button{color:#9ddcff;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.consent-banner{z-index:10000;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));color:#f4f2ea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1419ef;border:1px solid #238ccc;gap:16px;padding:18px;font:12px/1.7 IBM Plex Mono,monospace;display:grid;position:fixed;box-shadow:8px 8px #041e2d}.consent-banner b{font-size:15px}.consent-banner p{color:#bdc8ca;margin:5px 0 0}.consent-banner a{color:#82d5ff}.consent-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.consent-actions button{color:#b9e5ff;background:0 0;border:1px solid #3186b7;min-height:44px;font:700 11px IBM Plex Mono,monospace}.consent-actions .allow{color:#111;background:#ffbe0b;border-color:#ffbe0b}@media (width>=700px){.legal-topbar,.legal-hero,.legal-content,.legal-unofficial,.legal-footer{padding-left:max(24px,50vw - 480px);padding-right:max(24px,50vw - 480px)}.legal-hero h1{font-size:62px}.legal-content>section{grid-template-columns:60px 1fr;padding-block:36px}.legal-content>section>b{font-size:19px}.legal-content h2{font-size:23px}.legal-content p{font-size:14px}.consent-banner{grid-template-columns:1fr auto;align-items:center;width:min(680px,100vw - 48px);bottom:24px;left:auto;right:24px}.consent-actions{width:230px}}@media (width<=480px){.legal-brand img:last-child{width:108px}.legal-home{display:none}.legal-hero h1{font-size:34px}.legal-footer{flex-direction:column;align-items:flex-start}}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/archivo-black.ttf)format("truetype")}:root{color:#e7e5dc;font-synthesis:none;--line:#30362f;background:#0e110f;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% -10%,#3a241a 0,#0000 35%),#0e110f;min-width:320px;margin:0}button,input,select{font:inherit}button{color:inherit}.app{width:min(100%,760px);min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom));margin:auto}.topbar{height:76px;padding:env(safe-area-inset-top) 10px 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-mark{color:#111;background:#e94f37;place-items:center;width:39px;height:39px;font:28px Archivo Black;display:grid;transform:rotate(-4deg);box-shadow:3px 3px #6e281d}.brand small,.meter small,.tick small,.poly small,.track-main small{color:#8e978d;letter-spacing:.1em;font-size:8px;display:block}.brand input{color:#f2f0e6;background:0 0;border:0;outline:none;width:145px;padding:2px 0;font:14px Archivo Black}.top-actions{justify-items:end;gap:6px;display:grid}.language{color:#e9b949;background:#181c18;border:1px solid #4a5249;padding:4px 7px;font-size:8px}.status{color:#7fa17c;letter-spacing:.06em;font-size:7px}.live-dot{background:#74d56d;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #74d56d}.transport{border-bottom:1px solid var(--line);grid-template-columns:52px 42px 1fr 1.2fr 1fr;height:68px;display:grid}.transport button{border:0;border-right:1px solid var(--line);background:#191d19;font-size:14px}.transport .play{color:#131411;background:#e94f37;font-size:20px}.meter,.tick,.poly{border-right:1px solid var(--line);padding:10px 8px}.meter strong,.poly strong{font:17px/18px Archivo Black;display:block}.meter span,.tick span,.poly span{color:#778077;font-size:8px}.tick input{color:#e9b949;background:0 0;border:0;outline:0;width:52px;font:17px Archivo Black}.poly.warn{background:#5a211a}.poly.warn strong{color:#ff765c}.track-strip{border-bottom:2px solid var(--track);background:#141714;grid-template-columns:1fr 76px 72px;height:64px;display:grid}.track-strip button{border:0;border-right:1px solid var(--line);background:0 0}.track-main{text-align:left;align-items:center;gap:10px;display:flex;padding:8px 10px!important}.block-chip{border:2px solid var(--track);text-shadow:1px 1px #000;flex:none;place-items:center;width:38px;height:38px;box-shadow:inset 0 0 0 1px #fff2;color:#fff!important;font:14px Archivo Black!important;display:grid!important}.track-main strong{font-size:11px;display:block}.track-main b{margin-left:auto}.track-strip>button>span{font-size:18px;display:block}.track-strip>button>small{color:#a1aaa0;font-size:7px}.track-strip .on{color:var(--track);background:color-mix(in srgb,var(--track) 12%,transparent)}.drawer{z-index:8;background:#191d19;border-bottom:2px solid #e94f37;width:min(100%,760px);padding:10px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #000b}.track-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.track-list button{text-align:left;background:#111411;border:1px solid #353b34;grid-template-columns:8px 28px 1fr;align-items:center;height:47px;display:grid}.track-list button i{width:4px;height:25px}.track-list button span{font-size:10px}.track-list button small{color:#737c73;grid-column:3;font-size:7px}.track-list button.selected{background:#231a17;border-color:#e94f37}.settings{gap:12px;display:grid}.settings label{color:#969f95;font-size:9px}.settings input,.settings select{color:#eee;background:#0e110f;border:1px solid #3c443b;width:100%;margin-top:5px;padding:9px;display:block}.settings input[type=range]{accent-color:#e94f37;padding:0}.block-guide{background:0 0;align-items:center;gap:10px;padding:2px 0;display:flex}.block-guide small{color:#788178;font-size:7px;display:block}.block-guide b{font-size:11px}.block-preview{width:34px;height:34px;box-shadow:none}.pitch-head{z-index:5;background:#ddd;border-bottom:2px solid #777;grid-template-columns:repeat(25,minmax(0,1fr)) 30px;height:54px;display:grid;position:sticky;top:0}.pitch-head span{color:#252825;writing-mode:vertical-rl;background:#b8bcb8;place-items:center;font-size:7px;display:grid}.pitch-head b{writing-mode:vertical-rl;text-align:center;color:#1a1c1a;border-right:1px solid #aaa;justify-content:center;align-items:center;min-width:0;padding:3px 0;font-size:7px;font-weight:600;display:flex;overflow:hidden}.pitch-head b.black{color:#f2f0e8;background:#171a18;border-color:#424742}.pitch-head b.white{background:#e5e6e1}.pitch-head b.do{border-left:3px solid #e94f37}.roll{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;background:#111512;overflow:hidden}.step{height:var(--step-height);border-bottom:1px solid #5b625b;grid-template-columns:repeat(25,minmax(0,1fr)) 30px;display:grid;position:relative}.step.beat{border-bottom-color:#858c84}.step.playing:after{content:"";pointer-events:none;background:linear-gradient(90deg,#e94f3730,#e9b94918);border-top:1px solid #ff785e;position:absolute;inset:0}.step-label{color:#d9d9d1;background:#272c27;border-left:1px solid #606760;place-items:start center;padding-top:3px;font:9px Archivo Black;display:grid}.step button{border:0;border-right:1px solid #626962;min-width:0;padding:0}.step button.do{border-left:3px solid #e94f37}.step button.note:after{content:"";aspect-ratio:1;background:var(--note);width:72%;max-width:15px;box-shadow:0 0 8px color-mix(in srgb,var(--note) 65%,transparent);border-radius:2px;margin:auto;display:block;transform:rotate(45deg)}.step button.ghost:after{content:"";aspect-ratio:1;border:1px solid var(--note);background:color-mix(in srgb,var(--note) 22%,transparent);width:55%;margin:auto;display:block;transform:rotate(45deg)}.earth{background:linear-gradient(#69a84e 0 25%,#70513b 25%)}.wood{background:repeating-linear-gradient(90deg,#805230 0 5px,#a06a3d 5px 9px)}.stone{background:#777 linear-gradient(35deg,#888 25%,#0000 25%)}.sand{background:#d8c58c}.glass{background:#bce5e8aa}.wool{background:#e4e2d8}.clay{background:#9ca7aa}.gold{background:#e7bd2f}.ice{background:#8ed3ed}.bone{background:repeating-linear-gradient(90deg,#ded9b6 0 7px,#bbb58f 7px 9px)}.iron{background:#bfc5c3}.soul{background:#5a493a}.pumpkin{background:repeating-linear-gradient(90deg,#d67b21 0 7px,#a85218 7px 9px)}.emerald{background:#26ad6c}.hay{background:repeating-linear-gradient(0deg,#c9a72b 0 5px,#8e7620 5px 7px)}.glow{background:#b89a55;box-shadow:inset 0 0 8px #f7df84}.copper{background:linear-gradient(135deg,#c7744d,#6fa28b)}.dock{z-index:10;width:min(100%,760px);height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#1c201c;border-top:1px solid #4a5249;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #0009}.dock button{background:0 0;border:0;border-right:1px solid #353b34;font-size:18px}.dock small{color:#899188;margin-top:4px;font-size:7px;display:block}.dock button:disabled{opacity:.25}.dock .danger{color:#ff765c;background:#4d1e18}@media (width>=600px){.app{border-left:1px solid #252b25;border-right:1px solid #252b25}.brand input{width:280px}}.control-panel{z-index:20;background:#101310;position:sticky;top:0;box-shadow:0 8px 20px #0008}.control-panel>.topbar,.control-panel>.transport,.control-panel>.track-strip{opacity:1;max-height:80px;transition:max-height .22s,opacity .16s,transform .22s;overflow:hidden}.control-panel.collapsed>.topbar,.control-panel.collapsed>.transport,.control-panel.collapsed>.track-strip{opacity:0;border:0;max-height:0;transform:translateY(-12px)}.poly strong{align-items:baseline;gap:4px;display:flex}.poly em{color:#8c958b;font:8px IBM Plex Mono}.panel-toggle{color:#aab2a8;background:#191d19;border:0;border-bottom:1px solid #343a34;width:100%;height:20px;font-size:14px;line-height:16px;display:block}.edit-tools{background:#151915;border-bottom:1px solid #424942;grid-template-columns:repeat(8,minmax(0,1fr));height:46px;display:grid}.edit-tools button{background:0 0;border:0;border-right:1px solid #343a34;min-width:0;font-size:15px}.edit-tools button.active{color:#151713;background:#e94f37}.edit-tools button:disabled{opacity:.25}.edit-tools small{margin-top:2px;font-size:6px;display:block}.pitch-head{position:relative;top:auto}.pitch-head b{writing-mode:vertical-rl;text-orientation:sideways;white-space:nowrap;font-size:7px;overflow:hidden;transform:none}.pitch-head b.do{border-left:0;box-shadow:inset 2px 0 #858c84}.pitch-head span{writing-mode:vertical-rl}.roll{touch-action:pan-y}.step{border-bottom-color:#555d55}.step button.black-key{background:#202421;border-right-color:#444b44}.step button.do{border-left:0;box-shadow:inset 2px 0 #6b736b}.step.bar{background:#171b17;border-top:0}.step.bar:before{content:"";z-index:3;pointer-events:none;background:#b8bdb7;height:3px;position:absolute;top:0;left:0;right:0}.step button.selected-cell{outline-offset:-2px;background:#5f5a3a;outline:2px solid #f3c84a}.step button.note,.select .step button{touch-action:none}.brand small,.tick small,.poly small,.track-main small{font-size:9px}.brand input{font-size:15px}.language{text-align:center;text-align-last:center;min-width:82px;font-size:9px}.status{font-size:8px}.tick.bpm{transition:background .2s}.tick.bpm.standard{background:#35301b}.tick.bpm.standard input{color:#e9b949}.tick.bpm.slow{background:#18292b}.tick.bpm.slow input{color:#69c4d2}.tick.bpm.fast{background:#34201c}.tick.bpm.fast input{color:#f06a4d}.tick.bpm span{margin-top:2px;font-size:8px;display:block}.track-strip .danger{color:#ff765c;background:#4d1e18}.track-main strong{font-size:12px}.track-strip>button>small{font-size:8px}.pitch-head b{letter-spacing:0;font-size:8px}.pitch-head button{color:#202420;writing-mode:vertical-rl;background:#b8bcb8;border:0;padding:0;font-size:7px}.pitch-head b.do,.step button.do{box-shadow:inset 2px 0 #707770}.roll{touch-action:pan-y;overflow:visible}.control-panel,.dock{touch-action:manipulation}.step.beat{border-bottom:2px solid #858c84}.step.bar{border-top:0}.step.bar:before{background:#b8bdb7;height:3px;top:0}.step-label{z-index:4;color:#e4e4dc;touch-action:manipulation;background:#272c27;border:0;border-left:1px solid #606760;place-items:start center;padding:4px 0 0;font:10px Archivo Black;display:grid;position:relative}.step.playhead:before{content:"";z-index:6;pointer-events:none;background:#f05a3e;height:2px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 0 6px #f05a3e}.step.playing:after{z-index:5}.step button.note{background:var(--note);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--note) 55%,#fff),inset 0 0 0 2px color-mix(in srgb,var(--note) 65%,#000);touch-action:none}.step button.note:after{display:none}.step button.ghost:after{aspect-ratio:auto;border:1px solid var(--note);background:color-mix(in srgb,var(--note) 20%,transparent);width:100%;height:100%;margin:0;transform:none}.copper-exposed{background:linear-gradient(135deg,#b9694c,#77a08d)}.copper-weathered{background:linear-gradient(135deg,#9a775a,#4f9a83)}.copper-oxidized{background:linear-gradient(135deg,#5b8c78,#2e7269)}.more-menu{z-index:30;right:max(50vw - 372px,8px);bottom:calc(68px + env(safe-area-inset-bottom));background:#191d19;border:1px solid #4a5249;width:min(240px,100vw - 16px);padding:8px;position:fixed;box-shadow:0 10px 30px #000c}.more-menu button{text-align:left;color:#ff8069;background:#3d1d18;border:1px solid #73352c;width:100%;padding:14px;font-size:11px}.more-menu span{margin-left:8px}.track-strip{grid-template-columns:1fr 76px 68px}.track-list{grid-template-columns:1fr;gap:6px;max-height:min(62dvh,520px);display:grid;overflow-y:auto}.track-row{background:#111411;border:1px solid #353b34;grid-template-rows:42px 22px;grid-template-columns:minmax(0,1fr) 102px;display:grid}.track-row.selected{border-color:var(--row-color);background:color-mix(in srgb,var(--row-color) 9%,#111411)}.track-select{text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:4px 6px;display:flex}.track-number{border:2px solid var(--row-color);color:#fff;text-shadow:1px 1px #000;flex:none;place-items:center;width:34px;height:34px;font:12px Archivo Black;display:grid}.track-select span{min-width:0}.track-select strong,.track-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-select strong{font-size:10px}.track-select small{color:#8f988e;margin-top:3px;font-size:7px}.track-switches{grid-template-columns:repeat(3,1fr);display:grid}.track-switches button,.setting-switches button{background:#181c18;border:0;border-left:1px solid #353b34;font-size:10px}.track-switches button.on{color:var(--row-color);background:color-mix(in srgb,var(--row-color) 14%,#181c18)}.track-switches button.danger,.setting-switches button.danger{color:#ff765c;background:#4d1e18}.track-switches button.solo,.setting-switches button.solo{color:#f4cd4d;background:#4b4019}.track-volume{color:#7e877e;border-top:1px solid #2c322c;grid-column:1/-1;grid-template-columns:30px 1fr;align-items:center;padding:0 7px;font-size:7px;display:grid}.track-volume input{width:100%;height:14px;accent-color:var(--row-color)}.setting-switches{grid-template-columns:1fr 1fr;height:38px;display:grid}.setting-switches button{border:1px solid #353b34}.step.bar:before{display:none}.step{border-bottom:1px solid #555d55}.step.first-step{border-top:3px solid #b8bdb7}.step.beat-end{border-bottom:2px solid #858c84}.step.bar-end{border-bottom:3px solid #b8bdb7}.step-label{min-height:0;padding:2px 0 0;line-height:1;overflow:hidden}.step.bar-end .step-label,.step.beat-end .step-label{box-shadow:inset 0 -2px #b8bdb7}.step button.ghost:after{background:var(--note);width:clamp(3px,35%,6px);height:clamp(3px,70%,6px);box-shadow:0 0 3px var(--note);border:0;border-radius:50%;margin:auto}.track-row{grid-template-columns:minmax(0,1fr) 96px;overflow:hidden}.track-select,.track-select span{color:#e7e5dc}.track-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.track-switches button,.setting-switches button{min-width:0;padding:0}.settings{max-height:min(62dvh,520px);overflow-y:auto}.mixer-list{overscroll-behavior:contain;grid-template-columns:1fr;gap:6px;max-height:min(62dvh,520px);padding:8px;display:grid;overflow-y:auto}.mixer-list .track-row{background:#111411;border:1px solid #353b34;grid-template-rows:44px 27px;grid-template-columns:minmax(0,1fr) 96px;width:100%;min-width:0;display:grid;overflow:hidden}.mixer-list .track-row.selected{border-color:var(--row-color);background:color-mix(in srgb,var(--row-color) 8%,#111411)}.mixer-list .track-select{color:#e7e5dc;text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;height:44px;padding:4px 7px;display:flex}.mixer-list .track-number{border:2px solid var(--row-color);color:#fff;text-shadow:1px 1px #000;flex:0 0 34px;place-items:center;width:34px;height:34px;font:12px Archivo Black;display:grid}.mixer-list .track-select>span{color:#e7e5dc;min-width:0;display:block}.mixer-list .track-select strong,.mixer-list .track-select small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.mixer-list .track-select strong{font-size:10px}.mixer-list .track-select small{color:#929b91;margin-top:3px;font-size:7px}.mixer-list .track-switches{grid-template-columns:repeat(3,32px);height:44px;display:grid}.mixer-list .track-switches button{color:#aeb5ad;background:#181c18;border:0;border-left:1px solid #353b34;place-items:center;width:32px;min-width:0;height:44px;padding:0;font:10px IBM Plex Mono;display:grid}.mixer-list .track-switches button.on{color:var(--row-color);background:color-mix(in srgb,var(--row-color) 14%,#181c18)}.mixer-list .track-switches button.danger{color:#ff765c;background:#4d1e18}.mixer-list .track-switches button.solo{color:#f4cd4d;background:#4b4019}.mixer-list .track-volume{color:#7e877e;border:0;grid-column:1/-1;grid-template-columns:24px 128px 24px;justify-self:end;align-items:center;gap:5px;width:auto;height:27px;margin-right:7px;padding:0;font-size:7px;display:grid}.mixer-list .track-volume input{width:128px;height:15px;accent-color:var(--row-color);margin:0;display:block}.mixer-list .track-volume b{text-align:right;color:#aab2a8;font-size:7px;font-weight:500}.ghost-icon{border:1.5px solid;border-bottom:0;border-radius:8px 8px 3px 3px;width:15px;height:15px;position:relative;display:inline-block!important}.ghost-icon:after{content:"";background:linear-gradient(135deg,currentColor 0 35%,#0000 36% 64%,currentColor 65%) 0 0/7px 5px repeat-x;height:5px;position:absolute;bottom:-3px;left:-1.5px;right:-1.5px}.ghost-icon i{background:currentColor;border-radius:50%;width:2px;height:2px;position:absolute;top:5px}.ghost-icon i:first-child{left:3px}.ghost-icon i:last-child{right:3px}.track-strip>button>.ghost-icon{margin:0 auto 3px;font-size:0}.step.bar-end .step-label{box-shadow:none}.step-label{padding-top:4px}.mixer-list .track-row{grid-template-rows:48px;grid-template-columns:minmax(0,1fr) 105px 84px}.mixer-list .track-select{grid-column:1;height:48px}.mixer-list .track-switches{grid-area:1/3;grid-template-columns:repeat(3,28px);height:48px}.mixer-list .track-switches button{width:28px;height:48px}.mixer-list .track-volume{border-left:1px solid #2f352f;grid-area:1/2;grid-template-columns:18px minmax(0,1fr) 18px;justify-self:stretch;gap:3px;width:auto;height:48px;margin:0;padding:0 5px;display:grid}.mixer-list .track-volume input{width:100%;min-width:0;height:15px}.mixer-list .track-volume span,.mixer-list .track-volume b{font-size:6px}.ghost-icon{color:currentColor;border:0;border-radius:0;width:18px;height:25px;position:static;overflow:visible;display:block!important}.ghost-icon:after,.ghost-icon i{display:none}.track-strip>button:not(.track-main){flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.track-strip>button>.ghost-icon{width:18px;height:25px;margin:0}.step,.step.first-step,.step.beat-end,.step.bar-end{border-top:0;border-bottom:0}.step>button:not(.step-label){border-bottom:1px solid #555d55}.step.first-step>button:not(.step-label){border-top:3px solid #b8bdb7}.step.beat-end>button:not(.step-label){border-bottom:2px solid #858c84}.step.bar-end>button:not(.step-label){border-bottom:3px solid #b8bdb7}.step-label{border-bottom:1px solid #555d55;border-left:3px solid #737b73;box-shadow:none!important}.pitch-head>button{border-left:3px solid #737b73}.mixer-list .track-row{grid-template-columns:minmax(0,1fr) 145px 84px}.mixer-list .track-volume{grid-template-columns:18px minmax(0,1fr) 18px;padding-inline:4px}.track-strip>button>.ghost-icon{width:14px;height:19px}.mixer-list .ghost-icon{width:11px;height:15px}.block-chip,.block-preview,.track-number,.desktop-track-texture{image-rendering:pixelated;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.mixer-list .track-number.empty{border-color:#69716b}.earth{background-image:url(/assets/block-textures/grass_block_side.png)!important}.wood{background-image:url(/assets/block-textures/oak_planks.png)!important}.stone{background-image:url(/assets/block-textures/cobblestone.png)!important}.sand{background-image:url(/assets/block-textures/sand.png)!important}.glass{background-image:url(/assets/block-textures/glass.png)!important}.wool{background-image:url(/assets/block-textures/pink_wool.png)!important}.clay{background-image:url(/assets/block-textures/clay.png)!important}.gold{background-image:url(/assets/block-textures/gold_block.png)!important}.ice{background-image:url(/assets/block-textures/ice.png)!important}.bone{background-image:url(/assets/block-textures/bone_block_side.png)!important}.iron{background-image:url(/assets/block-textures/iron_block.png)!important}.soul{background-image:url(/assets/block-textures/soul_sand.png)!important}.pumpkin{background-image:url(/assets/block-textures/pumpkin_side.png)!important}.emerald{background-image:url(/assets/block-textures/emerald_block.png)!important}.hay{background-image:url(/assets/block-textures/hay_block_side.png)!important}.glow{background-image:url(/assets/block-textures/glowstone.png)!important}.copper{background-image:url(/assets/block-textures/copper_block.png)!important}.copper-exposed{background-image:url(/assets/block-textures/exposed_copper.png)!important}.copper-weathered{background-image:url(/assets/block-textures/weathered_copper.png)!important}.copper-oxidized{background-image:url(/assets/block-textures/oxidized_copper.png)!important}.placeholder,.center-placeholder{image-rendering:pixelated;background-image:url(/assets/block-textures/magenta_concrete.png)!important;background-position:50%!important;background-size:cover!important}.redstone-source{image-rendering:pixelated;background-image:url(/assets/block-textures/redstone_block.png)!important;background-position:50%!important;background-size:cover!important}.step button.selected-cell{--sel-top:transparent;--sel-bottom:transparent;--sel-left:transparent;--sel-right:transparent;box-shadow:inset 0 2px var(--sel-top),inset 0 -2px var(--sel-bottom),inset 2px 0 var(--sel-left),inset -2px 0 var(--sel-right);outline:0}.step button.black-key.selected-cell{background:#3e3b27}.step button.selection-top{--sel-top:#f3c84a}.step button.selection-bottom{--sel-bottom:#f3c84a}.step button.selection-left{--sel-left:#f3c84a}.step button.selection-right{--sel-right:#f3c84a}.pitch-head .sharp{font-size:1.2em;font-weight:700;line-height:.8}.pitch-head .pitch-toggle{color:#171912;writing-mode:horizontal-tb;background:linear-gradient(#d7b548,#b98d20);border-left:3px solid #737b73;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:7px;font-weight:700;line-height:1;display:flex}.pitch-head .pitch-toggle span{font-size:13px;line-height:12px}.step-label{place-items:center;padding:0;line-height:1;overflow:visible}.bars-setting{color:#aab2a8;grid-template-columns:1fr 70px 58px;align-items:center;gap:6px;margin-bottom:8px;font-size:9px;display:grid}.bars-setting input{color:#f3c84a;text-align:center;background:#0f120f;border:1px solid #424a42;width:100%;min-width:0;padding:10px 6px}.bars-setting button{color:#f3c84a;background:#332d18;border:1px solid #675b2a;height:36px;font-size:8px}.pitch-head .sharp,.pitch-head .pitch-toggle span{writing-mode:horizontal-tb!important;background:0 0!important}.pitch-head .pitch-toggle span{display:block!important}.ghost-icon{box-sizing:border-box;color:currentColor;border:1px solid;border-radius:50%;place-items:center;width:14px;height:14px;position:relative;background:0 0!important;display:grid!important}.ghost-icon:after{display:none!important}.ghost-icon i,.ghost-icon i:first-child,.ghost-icon i:last-child{background:currentColor;border-radius:50%;width:6px;height:6px;margin:0!important;display:block!important;position:static!important;transform:none!important}.track-strip>button>.ghost-icon,.mixer-list .ghost-icon{border-width:1px;width:14px;height:14px;margin:0 auto}.mixer-list .ghost-icon i{width:6px;height:6px}.transport{grid-template-columns:52px 42px 1.2fr .85fr .9fr}.tick.bars{background:#1b201b}.tick.bars input{color:#e7e5dc;width:42px}.tick.bars span{white-space:nowrap;font-size:7px}@media (width<=599px){input:not([type=range]),select,.brand input,.tick input{font-size:16px!important}}.step button.white-key.selected-cell{background:#5c5a40}.edit-tools small,.dock small{font-size:7px}.pitch-head .sharp{color:inherit!important;writing-mode:inherit!important;text-orientation:inherit!important;background:0 0!important;font-size:1.22em!important;font-weight:700!important;display:inline!important}.pitch-head .pitch-toggle span{color:inherit!important;background:0 0!important}.step button.white-key.note,.step button.black-key.note{background:var(--note)!important}.step button.note.selected-cell{background:color-mix(in srgb,#f3c84a 18%,var(--note))!important}.step:not(.beat-end):not(.bar-end)>.step-label{border-bottom:1px solid #555d55!important}.step.beat-end>.step-label{border-bottom:2px solid #858c84!important}.step.bar-end>.step-label{border-bottom:3px solid #b8bdb7!important}.step.poly-over-3>.step-label:after,.step.poly-over-6>.step-label:after{content:"";z-index:1;pointer-events:none;width:25%;height:100%;position:absolute;top:0;left:0;right:auto}.step.poly-over-3>.step-label:after{background:#76d92cb8}.step.poly-over-6>.step-label:after{background:#ef8434b8}.language{font-size:9px!important}@media (width<=599px){.language{font-size:9px!important}}.top-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.editor-guide-trigger{color:#8fcff2;white-space:nowrap;background:#10202a;border:1px solid #318cca;place-items:center;min-width:48px;height:28px;padding:0 8px;font:700 8px IBM Plex Mono;display:grid}@media (width<=390px){.editor-guide-trigger{min-width:44px;padding-inline:5px;font-size:7px}.top-actions{gap:3px}}.step button.white-key{background:#2c312d}.step button.white-key.selected-cell:not(.note){background:#4e4b32}.transport>button{place-items:center;padding:0;line-height:1;display:grid}.transport>button>span{line-height:1;display:block;transform:translateY(-1px)}.step button{position:relative}.step button.ghost:after{content:"";border:1px solid var(--note);width:auto;height:auto;box-shadow:none;pointer-events:none;background:0 0;border-radius:0;margin:0;position:absolute;inset:1px;transform:none}.transport .play,.edit-tools button.active{color:#0c1417;background:#318cca}.track-strip,.drawer{border-bottom-color:#318cca}.transport>button>span{transform:translateY(-3px)}.step>.step-label{border-left:4px solid #8b958c!important}.pitch-head>.pitch-toggle{border-left:4px solid #8b958c}.pitch-head b[role=button]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pitch-head b[role=button]:focus-visible{outline-offset:-2px;outline:2px solid #318cca}.dock>button{height:60px}.copyright{color:#6f786f;letter-spacing:.03em;white-space:nowrap;background:#151915;border-top:1px solid #303630;grid-column:1/-1;place-items:center;height:18px;font-size:7px;display:grid}.transport{height:56px}.meter,.tick,.poly{padding:6px 7px}.tick.bpm{grid-template-rows:11px 24px;grid-template-columns:48px minmax(0,1fr);align-content:center;display:grid}.tick.bpm small{grid-column:1/-1}.tick.bpm input{grid-area:2/1;align-self:center}.tick.bpm span{white-space:nowrap;grid-area:2/2;align-self:center;margin:0;font-size:7px;display:block}.tick.bars{padding-block:6px}.poly{align-content:center;display:grid}.brand{gap:8px}.brand>div{align-content:center;gap:2px;display:grid}.brand-icon{object-fit:contain;width:48px;height:48px}.brand-logo{width:118px;height:auto;image-rendering:pixelated;display:block}.brand input{width:150px}.step.playhead:before{background:#318cca;box-shadow:0 0 6px #318cca}.settings input[type=range]{accent-color:#318cca}.roll{position:relative}.playback-cursor{z-index:8;pointer-events:none;will-change:transform;background:#318cca;height:2px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 0 6px #318cca}.roll.is-playing .step.playhead:before{display:none}.edit-tools button.copied{color:#f3c84a;background:#34321c;animation:.7s copy-confirm}@keyframes copy-confirm{0%{transform:scale(.82)}35%{transform:scale(1.08)}to{transform:scale(1)}}.select .step .step-label{touch-action:pan-y}.more-menu{background:#151915;border-color:#465047;width:min(292px,100vw - 16px);max-height:calc(100dvh - 110px);padding:7px;overflow-y:auto}.more-menu .menu-section{border-bottom:1px solid #303730;gap:4px;padding:5px 0;display:grid}.more-menu .menu-section:last-child{border-bottom:0}.more-menu button{color:#dfe3da;text-align:left;background:#1b201b;border:1px solid #384138;grid-template-columns:22px 1fr auto;align-items:center;width:100%;min-height:40px;padding:8px 10px;font-size:10px;display:grid}.more-menu button span{margin:0}.more-menu button small{color:#747e74;font-size:6px}.more-menu button:disabled{opacity:.55}.more-menu button.danger{color:#ff8069;background:#3d1d18;border-color:#73352c}.track-strip .track-settings-trigger img{object-fit:contain;width:19px;height:19px;display:block}.transport>button>.transport-icon{object-fit:contain;width:24px;height:24px;display:block}.transport>button.cue>.transport-icon{filter:invert()}.tick.bars{padding:5px 4px}.number-stepper{grid-template-columns:minmax(20px,auto) auto 30px;justify-content:center;align-items:center;gap:3px;min-width:0;height:36px;display:grid}.number-stepper strong{color:#e8e7df;font:16px/1 Archivo Black}.number-stepper>span{color:#8e9990;white-space:nowrap;font:7px IBM Plex Mono}.number-stepper>div,.number-stepper>span:last-child{grid-template-rows:1fr 1fr;width:30px;height:36px;display:grid}.number-stepper button{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-width:30px;min-height:18px;line-height:1;display:grid;color:#91cef1!important;background:#253029!important;border:0!important;border-bottom:1px solid #3b4840!important;padding:0!important;font-size:12px!important}.number-stepper button:last-child{border-bottom:0!important}.number-stepper button:active{color:#fff!important;background:#34566a!important}.transport>button>.transport-icon{width:21px;height:21px}.edit-tools button{font-size:27px}.dock button{font-size:33px}.more-menu button{grid-template-columns:30px 1fr auto}.more-menu .menu-icon{place-items:center;width:28px;height:28px;margin:0;font-size:24px;line-height:1;display:grid}.edit-tools button{flex-direction:column;justify-content:center;align-items:center;gap:0;line-height:.78;display:flex}.edit-tools small{margin-top:0;line-height:1}.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.dock{height:calc(66px + env(safe-area-inset-bottom));grid-template-rows:48px 18px}.dock>button{flex-direction:column;justify-content:center;align-items:center;gap:0;height:48px;line-height:.72;display:flex}.dock>button small{margin-top:0;line-height:1}.dock>.dock-menu{letter-spacing:.08em;font-size:22px}.more-menu{bottom:calc(72px + env(safe-area-inset-bottom))}.more-menu .menu-icon{text-align:center;place-self:center;line-height:28px;transform:translateY(0)}.more-menu .trash-icon{background:currentColor;-webkit-mask:url(/assets/icons/trash.svg) 50%/22px 22px no-repeat;mask:url(/assets/icons/trash.svg) 50%/22px 22px no-repeat}.tick.bars{grid-template-rows:9px 42px;padding:3px 4px;display:grid}.tick.bars>.number-stepper{grid-template-columns:minmax(20px,auto) auto minmax(38px,1fr);justify-content:stretch;width:100%;height:42px}.tick.bars .number-stepper>div{width:100%;height:42px}.tick.bars .number-stepper button{width:100%;min-width:38px;min-height:21px}.tick.bars .number-stepper>input{color:#e8e7df;text-align:center;background:0 0;border:1px solid #0000;width:100%;min-width:0;height:28px;margin:0;padding:0 2px;font:16px/1 Archivo Black}.tick.bars .number-stepper>input:focus{background:#101712;border-color:#4c91b8;outline:0}.blueprint-options .blueprint-stepper{align-items:center;gap:5px;width:100%;height:38px;grid-template-columns:minmax(24px,auto) auto minmax(76px,1fr)!important;justify-content:stretch!important;display:grid!important}.blueprint-options .blueprint-stepper>span:last-child{grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid;width:100%!important;height:38px!important}.blueprint-options .blueprint-stepper button{width:100%;min-width:38px;min-height:38px;border-bottom:0!important;border-left:1px solid #3b4840!important;padding:0!important;font-size:14px!important}.edit-tools button{gap:2px;line-height:1}.edit-tools .tool-icon{place-items:center;width:100%;height:27px;font-size:27px;line-height:1;display:grid;transform:translateY(-1px)}.edit-tools small{line-height:1}.dock>button{gap:1px;line-height:1}.dock .dock-icon{place-items:center;width:34px;height:25px;font-size:33px;line-height:1;display:grid}.dock>.dock-menu{font-size:inherit;letter-spacing:0}.dock>.dock-menu .dock-icon{letter-spacing:2px;font-size:18px;transform:translateY(-2px)}.dock>button small{height:8px;line-height:8px}.more-menu .menu-icon{justify-content:center;place-self:center;align-items:center;width:28px;height:28px;padding:0;font-size:24px;line-height:1;display:flex;transform:none;margin:0!important}.more-menu .blueprint-menu{color:#8fd2f5;background:#142934;border-color:#356b8b}.more-menu .file-menu{color:#f0d35e;background:#2d2817;border-color:#6c5d27}.edit-tools .tool-select{transform:translateY(-3px)}.edit-tools .tool-paste{font-size:30px;transform:translateY(-5px)}.edit-tools .delete-tool,.edit-tools .delete-tool:disabled{color:#ff6658}.edit-tools .delete-tool .tool-icon{font-size:30px}.dock>.dock-menu small{transform:none}.more-menu .menu-icon{transform:translateY(-2px)}.more-menu .trash-icon{-webkit-mask-size:17px 17px;mask-size:17px 17px}.more-menu .future>button:nth-child(3) .menu-icon,.more-menu .future .creator-menu-icon,.more-menu .future .support-menu .menu-icon{transform:translate(2px)}.more-menu .creator-menu{border-color:#35433c!important}.more-menu .creator-menu-icon{width:19px;-webkit-mask:url(/assets/icons/creator.svg) 50%/contain no-repeat;mask:url(/assets/icons/creator.svg) 50%/contain no-repeat;background:currentColor!important;height:19px!important}.more-menu .support-menu{color:#f0d35e!important;border-color:#318cca!important}.buy-me-coffee-widget-fallback{z-index:100;color:#000;background:#fd0;border-radius:50%;place-items:center;width:54px;height:54px;font-size:26px;text-decoration:none;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 4px 14px #0008}.buy-me-coffee-modal{z-index:110;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.buy-me-coffee-modal iframe{background:#fff;border:0;border-radius:12px;width:min(420px,100%);height:min(680px,88dvh)}.buy-me-coffee-modal-close{z-index:111!important;aspect-ratio:1!important;color:#fff!important;background:#111!important;border:1px solid #fff!important;border-radius:50%!important;flex:none!important;place-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;font:24px/1 Arial,sans-serif!important;display:grid!important;position:absolute!important;top:18px!important;right:18px!important}.dock{grid-template-columns:repeat(4,1fr)}.unified-mode-icon{box-sizing:border-box;color:#82c9f0;border:1px solid #82c9f0;place-items:center;position:relative;width:30px!important;height:27px!important;font-family:Archivo Black!important;line-height:1!important;display:grid!important}.unified-mode-icon b{font-size:13px}.unified-mode-icon i{color:#151915;background:#e3c346;border:1px solid #151915;border-radius:50%;place-items:center;width:15px;height:15px;font:8px Archivo Black;display:grid;position:absolute;bottom:-5px;right:-5px}.unified-mode-button.active,.track-settings-trigger.active,.dock-menu.active,.desktop-transport-menu.active{color:#8fd2f5!important;background:#1a2b34!important}.unified-mode-menu{z-index:31;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));color:#e8eee8;background:#111814;border:1px solid #4b6774;width:min(390px,100% - 20px);max-height:calc(100dvh - 160px);display:grid;position:fixed;overflow:auto;box-shadow:0 10px 28px #000c}.unified-mode-row{border-bottom:1px solid #35433c;grid-template-columns:minmax(86px,.7fr) minmax(0,1.6fr);align-items:stretch;display:grid}.unified-mode-row>strong{color:#9ca9a0;letter-spacing:.04em;align-items:center;padding:10px;font-size:10px;display:flex}.unified-mode-row>div{display:flex}.unified-mode-row button{color:#8fcbed;background:#17201b;border:0;border-left:1px solid #35433c;flex:1;min-width:0;min-height:48px;padding:6px;font:10px Archivo Black}.unified-mode-row button.active{color:#151915;background:#e3c346}.unified-mode-row button:disabled{color:#555d58;cursor:not-allowed;background:#111512}.unified-mode-help,.unified-mode-notice{margin:0;padding:9px 11px;font-size:9px;line-height:1.55}.unified-mode-help{color:#9ea9a2}.unified-mode-notice{color:#ffad96;background:#321d19;border-top:1px solid #75483e}.pitch-head b[role=button]{transition:background-color 80ms,box-shadow 80ms}.pitch-head b.white.sounding{background:#82b9d2!important}.pitch-head b.black.sounding{color:#fff;background:#1f5b73!important}.pitch-head b.sounding{box-shadow:inset 0 -3px #e3c346!important}.pitch-head b.do.sounding{box-shadow:inset 2px 0 #707770,inset 0 -3px #e3c346!important}.brand-home{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.brand-home:focus-visible{outline-offset:2px;outline:2px solid #38aaf0}.desktop-utility,.desktop-transport-menu,.pc-pitch-head,.desktop-track-sidebar{display:none!important}.app{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.control-panel{flex:none}.roll-stage{flex:1;min-height:0;overflow:hidden}.roll-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;height:100%;overflow:auto}.roll{min-height:100%}.language{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background-color:#0c1b22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8dcfb' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #257aac;border-radius:0;width:104px;height:38px;padding:0 24px 0 8px;font:700 9px IBM Plex Mono}body.desktop-ui.editor-viewport-locked{background:#0e110f;overflow:hidden}body.desktop-ui .app{width:100%;max-width:none;margin:0;padding-bottom:0;border:0!important}body.desktop-ui .topbar{height:76px;padding:0 24px}body.desktop-ui .brand-icon{width:52px;height:52px}body.desktop-ui .brand-logo{width:132px}body.desktop-ui .brand input{width:min(32vw,430px);font-size:17px}body.desktop-ui .top-actions{align-items:center;gap:10px;display:flex}body.desktop-ui .language{appearance:none;color:#a8dcfb;text-align:center;text-align-last:center;background-color:#10202a;background-image:linear-gradient(45deg,#0000 50%,#8fcff2 50%),linear-gradient(135deg,#8fcff2 50%,#0000 50%);background-position:calc(100% - 14px) 16px,calc(100% - 9px) 16px;background-repeat:no-repeat;background-size:5px 5px;border:1px solid #257aac;border-radius:0;width:112px;height:40px;padding:0 28px 0 10px;font-size:11px}body.desktop-ui .transport{grid-template-columns:68px 56px minmax(220px,1.2fr) minmax(170px,.8fr) minmax(190px,.85fr);height:62px}body.desktop-ui .transport>button>.transport-icon{width:27px;height:27px}body.desktop-ui .tick.bpm input,body.desktop-ui .meter strong,body.desktop-ui .poly strong{font-size:20px}body.desktop-ui .track-strip{grid-template-columns:minmax(300px,1fr) 94px 86px;height:68px}body.desktop-ui .drawer{width:min(960px,100%)}body.desktop-ui .panel-toggle{height:18px}body.desktop-ui .edit-tools{height:58px;padding-left:8px;display:flex}body.desktop-ui .edit-tools button{flex:0 0 78px;width:78px}body.desktop-ui .edit-tools .desktop-utility{display:flex!important}body.desktop-ui .edit-tools .zoom-out{margin-left:auto}body.desktop-ui .edit-tools .zoom-out,body.desktop-ui .edit-tools .zoom-in{flex-basis:64px;width:64px}body.desktop-ui .edit-tools .tool-icon{height:31px;font-size:29px}body.desktop-ui .dock{display:none}body.desktop-ui .roll-stage{grid-template-columns:82px minmax(0,1fr);min-height:420px;max-height:760px;display:grid}body.desktop-ui .control-panel>.pitch-head{display:none}body.desktop-ui .pc-pitch-head{background:#ddd;border-right:2px solid #737b73;grid-template-rows:repeat(25,minmax(13px,1fr)) 38px;min-height:0;display:grid!important}body.desktop-ui .pc-pitch-head b{color:#171a18;cursor:pointer;background:#e5e6e1;border:0;border-bottom:1px solid #aaa;place-items:center;min-height:0;font-size:10px;display:grid;overflow:hidden}body.desktop-ui .pc-pitch-head b.black{color:#f2f0e8;background:#171a18;border-color:#424742;justify-self:stretch;width:100%}body.desktop-ui .pc-pitch-head b.do{border-top:2px solid #707770}body.desktop-ui .pc-pitch-head b.white.sounding{background:#82b9d2!important}body.desktop-ui .pc-pitch-head b.black.sounding{color:#fff;background:#1f5b73!important}body.desktop-ui .pc-pitch-head .sharp{font-size:1em!important}body.desktop-ui .pc-pitch-head .pitch-toggle{color:#171912;background:linear-gradient(90deg,#d7b548,#b98d20);border:0;border-top:2px solid #737b73;grid-template-columns:auto 1fr;place-items:center;gap:3px;font-size:9px;font-weight:700;display:grid}body.desktop-ui .pc-pitch-head .pitch-toggle span{background:0 0;font-size:16px}body.desktop-ui .roll-viewport{touch-action:auto}body.desktop-ui .roll{touch-action:none;width:max-content;min-width:100%;height:100%;display:flex;overflow:visible}body.desktop-ui .step{flex:0 0 var(--step-height);width:var(--step-height);grid-template-rows:repeat(25,minmax(13px,1fr)) 38px;grid-template-columns:1fr;height:100%;display:grid}body.desktop-ui .step>button:not(.step-label){border-top:0;border-bottom:1px solid #626962;border-left:0;border-right:1px solid #555d55}body.desktop-ui .step.first-step>button:not(.step-label){border-top:0;border-left:3px solid #b8bdb7}body.desktop-ui .step.beat-end>button:not(.step-label){border-bottom:1px solid #626962;border-right:2px solid #858c84}body.desktop-ui .step.bar-end>button:not(.step-label){border-bottom:1px solid #626962;border-right:3px solid #b8bdb7}body.desktop-ui .step-label{font-size:11px;border-top:2px solid #737b73!important;border-bottom:0!important;border-left:0!important;border-right:1px solid #555d55!important}body.desktop-ui .step.playhead:before{width:2px;height:auto;inset:0 auto 0 -1px}body.desktop-ui .playback-cursor{width:2px;height:auto;top:0;bottom:0;right:auto}body.desktop-ui .more-menu{bottom:12px;right:10px}body.desktop-ui .transport{justify-content:flex-start;display:flex}body.desktop-ui .panel-toggle{display:none}body.desktop-ui .edit-tools{z-index:9;position:relative}body.desktop-ui .track-strip{display:none}body.desktop-ui .transport>button{flex:none}body.desktop-ui .transport>button:first-child{width:68px}body.desktop-ui .transport>button:nth-child(2){width:56px}body.desktop-ui .transport>.tick.bpm{flex:0 0 250px;width:250px}body.desktop-ui .transport>.poly{flex:0 0 190px;width:190px}body.desktop-ui .transport>.tick.bars{flex:0 0 210px;width:210px}body.desktop-ui .transport>.desktop-transport-menu{border-left:1px solid var(--line);color:#e7e8df;flex:0 0 64px;place-items:center;width:64px;margin-left:auto!important;display:grid!important}body.desktop-ui .hamburger-icon,body.desktop-ui .hamburger-icon:before,body.desktop-ui .hamburger-icon:after{background:currentColor;width:25px;height:3px;display:block}body.desktop-ui .hamburger-icon{position:relative}body.desktop-ui .hamburger-icon:before,body.desktop-ui .hamburger-icon:after{content:"";position:absolute;left:0}body.desktop-ui .hamburger-icon:before{top:-8px}body.desktop-ui .hamburger-icon:after{top:8px}body.desktop-ui .roll-stage{grid-template-columns:228px 82px minmax(0,1fr)}body.desktop-ui .desktop-track-sidebar{background:#0c100e;border-right:1px solid #39443d;min-width:0;height:100%;overflow:hidden;display:block!important}body.desktop-ui .desktop-track-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:6px;overflow-y:auto}body.desktop-ui .desktop-track-sidebar article{background:#111612;border:1px solid #303a33;grid-template-rows:37px 29px;height:68px;margin-bottom:5px;display:grid;position:relative}body.desktop-ui .desktop-track-sidebar article.selected{border-color:var(--row-color);background:color-mix(in srgb,var(--row-color) 10%,#111612)}body.desktop-ui .desktop-track-select{color:#e8e8df;text-align:left;background:0 0;border:0;border-bottom:1px solid #2c342e;align-items:center;gap:7px;min-width:0;padding:4px 6px;display:flex}body.desktop-ui .desktop-track-texture{border:2px solid var(--row-color);color:#fff;text-shadow:1px 1px #000;background-position:50%;background-size:cover;flex:0 0 28px;place-items:center;width:28px;height:28px;font:10px Archivo Black;display:grid}body.desktop-ui .desktop-track-texture.empty{filter:grayscale();border-color:#667067}body.desktop-ui .desktop-track-select span{min-width:0}body.desktop-ui .desktop-track-select strong,body.desktop-ui .desktop-track-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}body.desktop-ui .desktop-track-select strong{font-size:12px}body.desktop-ui .desktop-track-select small{color:#919b92;margin-top:2px;font-size:9px}body.desktop-ui .desktop-track-controls{grid-template-columns:29px 29px 29px minmax(56px,1fr);height:29px;display:grid}body.desktop-ui .desktop-track-controls button{color:#a8b0a8;background:#181d19;border:0;border-right:1px solid #303a33;place-items:center;min-width:0;padding:0;font-size:11px;display:grid}body.desktop-ui .desktop-track-controls button.on{color:var(--row-color)}body.desktop-ui .desktop-track-controls button.danger{color:#ff765c;background:#4d1e18}body.desktop-ui .desktop-track-controls button.solo{color:#f4cd4d;background:#4b4019}body.desktop-ui .desktop-track-controls .ghost-icon{border-width:1px;width:14px;height:14px}body.desktop-ui .desktop-track-controls .ghost-icon i{width:8px;height:8px}body.desktop-ui .desktop-track-fader{align-items:center;min-width:0;padding:0 7px;display:grid;position:relative}body.desktop-ui .desktop-track-fader input{appearance:none;background:linear-gradient(to right,var(--row-color) 0 calc(var(--volume)*100%),#4b524c calc(var(--volume)*100%) 100%);cursor:ew-resize;border:0;border-radius:2px;width:100%;min-width:0;height:4px;margin:0;padding:0}body.desktop-ui .desktop-track-fader input::-webkit-slider-runnable-track{background:0 0;border-radius:2px;height:4px}body.desktop-ui .desktop-track-fader input::-webkit-slider-thumb{appearance:none;background:var(--row-color);border:2px solid #e8eee8;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 1px #101410}body.desktop-ui .desktop-track-fader input::-moz-range-track{background:0 0;border:0;border-radius:2px;height:4px}body.desktop-ui .desktop-track-fader input::-moz-range-thumb{background:var(--row-color);border:2px solid #e8eee8;border-radius:50%;width:9px;height:9px}body.desktop-ui .desktop-track-fader output{z-index:4;left:calc(7px + (100% - 14px)*var(--volume));border:1px solid var(--row-color);color:#fff;text-align:center;pointer-events:none;background:#090c0a;min-width:30px;padding:3px 5px;font:10px/1 IBM Plex Mono;position:absolute;bottom:24px;transform:translate(-50%)}body.desktop-ui .desktop-track-fader output:after{content:"";border-right:1px solid var(--row-color);border-bottom:1px solid var(--row-color);background:#090c0a;width:6px;height:6px;position:absolute;top:100%;left:50%;transform:translate(-50%,-3px)rotate(45deg)}body.desktop-ui .pc-pitch-head{grid-template-rows:38px repeat(25,minmax(13px,1fr))}body.desktop-ui .pc-pitch-head>.pitch-toggle{border-top:0;border-bottom:3px solid #858c84;grid-row:1}body.desktop-ui .pc-pitch-head b{white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:flex}body.desktop-ui .pc-pitch-head b .sharp{flex:none;line-height:1;display:inline!important}body.desktop-ui .pc-pitch-head b.do{border-top:0;border-bottom:2px solid #858c84}body.desktop-ui .pc-pitch-head{box-sizing:border-box;height:var(--pc-roll-content-height,100%);background:#0e110f}body.desktop-ui .roll-viewport{box-sizing:border-box;background:#0e110f;padding-bottom:0}body.desktop-ui .roll{height:var(--pc-roll-content-height,100%);min-height:var(--pc-roll-content-height,100%)}body.desktop-ui .step{grid-template-rows:38px repeat(25,minmax(13px,1fr))}body.desktop-ui .step>.step-label{grid-row:1;place-items:center;padding:0;border:1px solid #555d55!important;border-top:0!important;border-left:0!important}body.desktop-ui .step.poly-over-3>.step-label:after,body.desktop-ui .step.poly-over-6>.step-label:after{width:100%;height:25%;inset:auto 0 0}body.desktop-ui .step.beat-end>.step-label{border-right:2px solid #858c84!important}body.desktop-ui .step.bar-end>.step-label{border-right:3px solid #b8bdb7!important}body.desktop-ui .step>button.do{box-shadow:none;border-bottom:2px solid #858c84!important}body.desktop-ui .step button.selected-cell{--sel-top:transparent;--sel-bottom:transparent;--sel-left:transparent;--sel-right:transparent}body.desktop-ui .desktop-selection-outline{z-index:8;pointer-events:none;border-top:2px solid #f3c84a;border-bottom:2px solid #f3c84a;grid-column:1;min-width:0;position:absolute;inset:0}body.desktop-ui .desktop-selection-outline.selection-start{border-left:2px solid #f3c84a}body.desktop-ui .desktop-selection-outline.selection-end{border-right:2px solid #f3c84a}body.desktop-ui .drawer.mixer-list{grid-template-columns:repeat(auto-fit,470px);justify-content:start;gap:8px;width:min(100% - 24px,980px);padding:12px}body.desktop-ui .mixer-list .track-row{grid-template-columns:minmax(160px,1fr) 160px 96px;width:470px}body.desktop-ui .mixer-list .track-switches{grid-template-columns:repeat(3,32px)}body.desktop-ui .mixer-list .track-switches button{width:32px;font-size:11px}body.desktop-ui .unified-mode-menu{width:390px;inset:196px auto auto 480px}body.desktop-ui .more-menu{inset:138px 10px auto auto}:is(body.desktop-ui:has(.control-panel.collapsed) .unified-mode-menu,body.desktop-ui:has(.control-panel.collapsed) .more-menu){top:76px}body.desktop-ui .editor-guide-trigger{min-width:72px;height:40px;padding-inline:13px;font-size:12px}body.desktop-ui .language{font-size:12px!important}body.desktop-ui .brand input{font-size:18px}body.desktop-ui .brand small,body.desktop-ui .meter small,body.desktop-ui .tick small,body.desktop-ui .poly small,body.desktop-ui .track-main small{font-size:12px}body.desktop-ui .transport>.tick.bpm,body.desktop-ui .transport>.poly,body.desktop-ui .transport>.tick.bars{grid-template-rows:18px minmax(0,1fr);align-content:stretch;padding:5px 10px;display:grid}body.desktop-ui .transport>.tick.bpm>small,body.desktop-ui .transport>.poly>small,body.desktop-ui .transport>.tick.bars>small{text-align:left;align-self:start;line-height:1}body.desktop-ui .tick.bpm{grid-template-columns:62px minmax(0,1fr)}body.desktop-ui .tick.bpm small{grid-column:1/-1}body.desktop-ui .tick.bpm input{grid-area:2/1}body.desktop-ui .tick.bpm span{grid-area:2/2}body.desktop-ui .poly strong{align-self:center}body.desktop-ui .tick.bars>.number-stepper{height:100%}body.desktop-ui .tick.bpm input{font-size:24px}body.desktop-ui .tick.bpm span{font-size:11px}body.desktop-ui .poly strong{font-size:24px;line-height:24px}body.desktop-ui .poly em{font-size:11px}body.desktop-ui .tick.bars .number-stepper>input{font-size:22px}body.desktop-ui .tick.bars .number-stepper>span{font-size:11px!important}body.desktop-ui .track-main strong{font-size:16px}body.desktop-ui .track-strip>button>small{font-size:11px}body.desktop-ui .edit-tools small{font-size:10px}body.desktop-ui .edit-tools .unified-mode-icon{width:29px!important;height:25px!important}body.desktop-ui .edit-tools .desktop-menu .tool-icon{letter-spacing:-2px;font-size:21px}body.desktop-ui .edit-tools .desktop-menu{display:none!important}body.desktop-ui .edit-tools .desktop-track-settings .tool-icon{object-fit:contain;width:23px;height:23px}body.desktop-ui .edit-tools .desktop-ghost-toggle .ghost-icon{width:18px;height:18px;margin:6px 0 8px}body.desktop-ui .edit-tools .desktop-ghost-toggle .ghost-icon i{width:8px;height:8px}body.desktop-ui .edit-tools .desktop-ghost-toggle{color:#f2f1e9;background:#151915}body.desktop-ui .edit-tools .desktop-ghost-toggle.active{color:#f0644c;background:#3b201d}body.desktop-ui .drawer.settings{width:min(400px,100% - 24px);top:196px;left:min(710px,100% - 412px);transform:none}body.desktop-ui .edit-tools .cut-tool .tool-icon{font-size:25px}body.desktop-ui .more-menu{width:340px}body.desktop-ui .more-menu button{grid-template-columns:34px 1fr auto;min-height:48px;font-size:13px}body.desktop-ui .more-menu button small{font-size:9px}body.desktop-ui .settings{gap:14px}body.desktop-ui .settings label{font-size:12px}body.desktop-ui .settings input,body.desktop-ui .settings select{font-size:13px}body.desktop-ui .block-guide small{font-size:10px}body.desktop-ui .block-guide b{font-size:14px}body.desktop-ui .setting-switches button{font-size:12px}body.desktop-ui .mixer-list .track-select strong{font-size:14px}body.desktop-ui .mixer-list .track-select small{font-size:11px}body.desktop-ui .mixer-list .track-number{font-size:14px}body.desktop-ui .mixer-list .track-switches button{font-size:13px}body.desktop-ui .mixer-list .track-volume span,body.desktop-ui .mixer-list .track-volume b{font-size:10px}body.desktop-ui .step>.step-label{font-size:12px;box-shadow:none!important;border-bottom:0!important}body.desktop-ui .roll:after{content:"";z-index:7;pointer-events:none;background:#858c84;width:100%;height:3px;position:absolute;top:35px;left:0}body.desktop-ui .step button.do.note:not(.selected-cell){outline:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--note) 55%,#fff),inset 0 0 0 2px color-mix(in srgb,var(--note) 65%,#000)!important}body.desktop-ui .step.poly-over-3>.step-label:after,body.desktop-ui .step.poly-over-6>.step-label:after{box-sizing:border-box;height:9px;top:29px;bottom:auto}.more-menu .buy-me-coffee-modal-close{text-align:center!important;border-radius:50%!important;flex:none!important;grid-template-columns:1fr!important;place-self:auto!important;place-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;display:grid!important;position:absolute!important;top:18px!important;right:18px!important;overflow:hidden!important}.midi-import-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.midi-import-dialog{color:#eef4f0;background:#121a1d;border:1px solid #318cca;width:min(520px,100%);max-height:min(760px,90dvh);padding:24px;overflow:auto;box-shadow:8px 8px #073c5a}.midi-import-dialog h2{margin:0 0 10px;font:20px Archivo Black,sans-serif}.midi-import-dialog p{color:#bdcac7;margin:0 0 18px;font-size:13px;line-height:1.7}.midi-range-choice{border-top:1px solid #304038;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:13px;display:flex}.midi-range-choice select{color:#fff;background:#0b1112;border:1px solid #318cca;min-width:150px;padding:8px}.midi-import-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.midi-import-actions button{color:#eaf1ec;background:#1d2823;border:1px solid #43514b;min-width:90px;padding:10px 14px}.midi-import-actions .primary{color:#fff;background:#12608a;border-color:#278ec8}.midi-import-notice{padding-top:64px;position:relative}.midi-import-notice .midi-notice-icon{color:#ffc219;border:2px solid #ffc219;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:22px;left:24px;transform:rotate(45deg)}.midi-import-notice .midi-notice-icon i{font:18px Archivo Black,sans-serif;transform:rotate(-45deg)}.midi-import-notice p{max-width:46em}.midi-import-notice .primary{color:#071014}.placement-guide-link{color:#a8dcfb;background:#0b1f2a;border:1px solid #159af1;justify-content:center;align-items:center;min-height:36px;margin:4px 0;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.placement-guide-link:hover{color:#071218;background:#159af1}