@charset "UTF-8";
:root{color-scheme:light;--paper:#f6f3ed;--ink:#242522;--muted:#62665e;--line:#d9d9d0;--accent:#536449;--cell-w:32px;--cell-h:64px;--glyph-size:42px;--glyph-font:"Helvetica Neue","Arial Narrow",Arial,sans-serif;--glyph-weight:300;--glyph-scale-x:.72;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,.stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button[disabled]{opacity:.45;cursor:default}button,input{touch-action:manipulation}main,.site-header{max-width:1520px;margin:auto;padding-inline:5vw}.site-header{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-size:12px;letter-spacing:1.9px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-mark{display:flex;gap:3px}.brand-mark i{display:block;width:6px;height:21px;background:var(--ink);position:relative}.brand-mark i:after{content:"";position:absolute;top:10px;left:0;width:100%;height:1px;background:var(--paper)}.edition{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.edition span{margin-left:20px;color:var(--ink)}.guide-link{font-size:12px}.guide-link span{margin-left:14px;font-size:18px}.intro{padding:44px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 15px;color:var(--muted)}h1{font-size:clamp(30px,3.7vw,54px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:0}h1 em{font-family:Georgia,serif;font-weight:400}.intro-caption{font-size:12px;line-height:1.8;margin:0 0 2px;color:var(--muted)}.studio{background:#ece9e2;border:1px solid #dfded5;border-radius:3px;overflow:hidden}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 21px 0;gap:16px}.segmented{display:inline-flex;padding:3px;background:#e0dfd7;border-radius:5px;gap:2px}.segmented button{background:none;border-radius:3px;padding:9px 15px;font-size:11px;transition:background .2s,box-shadow .2s}.segmented button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 4px #24252212}.segmented button:hover{background:#f7f5ef80}.segmented small{font-size:9px;color:#787a71;margin-left:9px}.board-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);min-width:65px}.board-status i{width:5px;height:5px;border-radius:50%;background:#849477}.board-status[data-state=busy] i{background:#b68947;animation:status-breathe 1s infinite alternate}.board-status[data-state=paused] i{background:#9a9b96}.stage{height:400px;position:relative;perspective:1500px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}.stage.is-dragging{cursor:grabbing}.stage-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#fbfaf6b0 0%,transparent 65%);pointer-events:none}.scene-anchor{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;pointer-events:none}.scene-scale{transform:scale(var(--scene-scale,1));transform-style:preserve-3d}.board-object{--board-w:623px;--board-h:219px;--board-d:101px;--half-d:50.5px;--half-w:311.5px;--half-h:109.5px;--frame-x:0px;--frame-y:0px;--plate-w:623px;--plate-h:219px;--case-color:#20211f;position:absolute;width:var(--board-w);height:var(--board-h);left:calc(-1 * var(--half-w));top:calc(-1 * var(--half-h));transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-12deg);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.is-dragging .board-object{transition:none}.case-face,.case-front{position:absolute;inset:0;border-radius:1.5px;background:var(--case-color);backface-visibility:hidden}.case-front{transform:translateZ(var(--half-d));transform-style:preserve-3d;border:1px solid #41433e;background:linear-gradient(130deg,#30312d,#232421 60%,#1e1f1d);box-shadow:0 0 .7px 1px #111,0 1px 1px #7778 inset}.case-back{transform:rotateY(180deg) translateZ(var(--half-d))}.case-left,.case-right{inset:0 auto;width:var(--board-d);height:var(--board-h);left:calc(var(--half-w) - var(--half-d));background:linear-gradient(90deg,#151613,#272825)}.case-left{transform:rotateY(-90deg) translateZ(var(--half-w));box-shadow:inset 0 0 15px #0003}.case-right{transform:rotateY(90deg) translateZ(var(--half-w))}.case-top,.case-bottom{width:var(--board-w);height:var(--board-d);inset:calc(var(--half-h) - var(--half-d)) 0 auto;background:linear-gradient(#282926,#373833)}.case-top{transform:rotateX(90deg) translateZ(var(--half-h))}.case-bottom{transform:rotateX(-90deg) translateZ(var(--half-h));background:#171815}.front-plate{position:absolute;left:50%;top:50%;width:var(--plate-w);height:var(--plate-h);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.case-signature{display:none;position:absolute;bottom:17px;left:25px;font-size:6px;letter-spacing:2px;color:#9a9d91}.is-framed .case-signature{display:block}.is-framed .front-plate{box-shadow:0 0 0 1px #111,0 3px 9px #000a;border:1px solid #181916;background:#242521}.board-object[data-finish=chalk]{--case-color:#dbd8cd}.board-object[data-finish=chalk] .case-front{background:linear-gradient(125deg,#eeeae0,#d4d2c8);border-color:#eeeee2;box-shadow:0 0 .7px 1px #9a998f}.board-object[data-finish=chalk] .case-left,.board-object[data-finish=chalk] .case-right{background:linear-gradient(90deg,#9e9f95,#c3c3b7)}.board-object[data-finish=chalk] .case-top{background:linear-gradient(#d9d8cc,#eeeade)}.board-object[data-finish=chalk] .case-bottom{background:#acaca1}.board-object[data-finish=chalk] .case-signature{color:#797d71}.wall-shadow{position:absolute;left:50%;top:58%;width:62%;height:180px;transform:translate(-47%,-50%) skewY(2deg);background:#393b32;opacity:.23;filter:blur(24px);border-radius:5%;transition:width .5s,height .5s}.stage-meta{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:1.6px;color:#60685b}.stage-bottom{position:absolute;bottom:17px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.drag-hint{font-size:10px;color:#62685e}.drag-hint>span{font-size:17px;margin-right:5px}.view-tabs{background:#dddcd3a0}.view-tabs button{padding:7px 12px;font-size:10px}.quiet-button{background:none;font-size:11px;padding:8px;white-space:nowrap;color:#6c7066}.quiet-button:hover{color:#252822}.quiet-button[aria-pressed=true]{color:var(--accent)}.studio-foot{border-top:1px solid #dcdcd2;padding:13px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px}.studio-foot p{margin:0;display:flex;align-items:center;gap:12px;font-size:10px}.studio-foot strong{font-size:12px;letter-spacing:.7px;font-weight:400}.studio-foot p span{color:#666d5e;font-size:10px}.board-actions{display:flex;gap:10px}.controls{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0;margin:30px 0 34px;border-bottom:1px solid var(--line);padding-bottom:30px}.control-block{padding:0 27px;border-right:1px solid var(--line);min-width:0}.control-block:first-child{padding-left:0}.control-block:last-child{padding-right:0;border:0}.block-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px;min-height:16px}h2{font-size:12px;margin:0;font-weight:500;white-space:nowrap}h2>span{font-size:9px;color:#697060;margin-right:12px;vertical-align:1px}.alignment{font-size:9px;display:flex;align-items:center;gap:5px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:12px;height:12px}.message-fields{display:flex;flex-direction:column;border:1px solid #d6d7cc;border-radius:4px;overflow:hidden;background:#faf9f5}.message-fields label{display:flex;align-items:center;border-bottom:1px solid #e1e1d7;padding-left:12px;gap:10px}.message-fields label:last-child{border-bottom:0}.line-number{font-size:9px;color:#72776a}.message-fields input{width:100%;min-width:0;background:none;border:0;padding:10px 10px 10px 0;font-family:"Courier New",monospace;text-transform:uppercase;font-size:12px;letter-spacing:2px;outline-offset:-3px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:12px}.composer-bottom>span{font-size:9px;color:var(--muted)}.send-button{font-size:10px;border-radius:3px;background:#30372d;color:#f4f3eb;padding:11px 13px;display:flex;gap:18px;align-items:center}.send-button:hover{background:#48533f}.presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px;font-size:9px}.presets>span{color:var(--muted);margin-right:2px}.presets button{font-size:9px;padding:6px 8px;border:1px solid #d9d9ce;background:none;border-radius:20px}.presets button:hover{background:#e6e8dc}.tiny-colors{font-size:7px;letter-spacing:-1px;margin-left:3px;color:#d7a044}.form-note{font-size:10px;line-height:1.6;color:#7d6847;margin:7px 0 0;min-height:0}.form-note:empty{display:none}.control-label{display:block;font-size:10px;color:var(--muted)}.full-width{display:flex;margin-top:10px}.full-width button{flex:1;padding:10px}.finish-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.finish-options{display:flex;gap:13px}.finish-options button{display:flex;align-items:center;gap:6px;background:none;font-size:10px;padding:5px 0;color:#62685e}.finish-options button[aria-pressed=true]{color:var(--ink)}.finish-options i{display:block;width:17px;height:17px;border-radius:50%;box-shadow:0 0 0 3px var(--paper),0 0 0 4px transparent}.finish-options button[aria-pressed=true] i{box-shadow:0 0 0 3px var(--paper),0 0 0 4px #878e7c}.swatch-black{background:#282b25}.swatch-chalk{background:#d8d7c8}.small-note{color:#68705f;font-size:10px;line-height:1.7;margin:20px 0 0;max-width:310px}.motion-options{display:flex;gap:6px}.motion-options button{flex:1;padding:12px 4px 11px;border:1px solid #d9dbcf;border-radius:4px;background:none;display:flex;flex-direction:column;align-items:center}.motion-options button[aria-pressed=true]{border-color:#7c8970;background:#e9ecdf}.motion-options strong{font-size:10px;font-weight:400;margin-top:10px}.motion-options small{font-size:8px;color:#68705f;margin-top:5px}.motion-icon{display:flex;align-items:center;gap:3px;height:18px}.motion-icon i{display:block;width:7px;height:15px;background:#747e68;position:relative;border-radius:1px}.motion-icon i:after{content:"";position:absolute;top:7px;left:0;width:100%;height:1px;background:var(--paper)}.wave i:nth-child(2),.drift i:nth-child(3){opacity:.8;transform:translateY(-2px)}.wave i:nth-child(3),.drift i:nth-child(2){opacity:.6;transform:translateY(-4px)}.wave i:nth-child(4),.drift i:nth-child(1){opacity:.35;transform:translateY(-6px)}.tempo-row{display:flex;align-items:center;gap:13px;margin-top:20px}.tempo-row input{width:100%;min-width:0;accent-color:#657357;height:2px}.tempo-row output{font-size:10px;color:#737967;min-width:37px;text-align:right}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:30px;font-size:8px;letter-spacing:1px;color:#687060;line-height:1.9}.site-footer p{margin:0}.site-footer p:last-child{letter-spacing:0;text-align:right;font-size:9px}.site-footer a{color:#6c7562}.site-footer a:hover{text-decoration:underline}.site-footer span{padding:0 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes status-breathe{to{opacity:.35}}
@media(min-width:1450px){.stage{height:465px}.intro{padding-top:48px;padding-bottom:38px}}
@media(max-width:1000px){main,.site-header{padding-inline:4vw}.edition{display:none}.intro-caption{max-width:190px;font-size:10px}.stage{height:360px}.controls{grid-template-columns:1.15fr 1fr;row-gap:30px}.composer{grid-row:span 2}.appearance{border-right:0;padding-right:0}.motion-controls{grid-column:2}.block-title{margin-bottom:18px}h2{font-size:11px}.small-note{font-size:10px}.motion-controls{padding-top:24px;border-top:1px solid var(--line)!important}.studio-toolbar{padding:16px 16px 0}.layout-tabs button{padding:8px 11px}.stage-meta{left:20px;right:20px}}
@media(max-width:600px){main,.site-header{padding-inline:20px}.site-header{height:72px}.wordmark{font-size:10px;letter-spacing:1.4px;gap:9px}.brand-mark i{width:5px;height:18px}.brand-mark i:after{top:9px}.guide-link{font-size:10px}.guide-link span{margin-left:8px}.intro{display:block;padding:29px 0 24px}h1{font-size:35px;letter-spacing:-1.4px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:11px}.intro-caption{max-width:none;font-size:10px;margin-top:12px}.intro-caption br{display:none}.studio{margin:0 -9px}.studio-toolbar{padding:12px 9px 0;gap:4px}.layout-tabs{width:100%}.layout-tabs button{flex:1;padding:8px 5px;font-size:10px}.layout-tabs small{display:block;margin:3px 0 0;font-size:8px}.board-status{position:absolute;top:19px;right:18px;z-index:1;display:none}.stage{height:272px;perspective:1100px}.stage-meta{top:18px;left:15px;right:15px;font-size:7px;letter-spacing:1px}.stage-bottom{left:12px;right:12px;bottom:11px;gap:5px}.drag-hint{font-size:8px}.drag-hint>span{font-size:13px;margin-right:2px}.view-tabs button{font-size:9px;padding:7px 9px}.quiet-button{font-size:10px;padding:7px 5px}#sound{font-size:0}#sound span{font-size:15px}#sound[aria-pressed=true]{background:#dde2d2;border-radius:4px}.wall-shadow{height:88px;filter:blur(15px)}.studio-foot{padding:10px 13px;gap:7px}.studio-foot p{display:block}.studio-foot strong{font-size:10px}.studio-foot p span{display:block;font-size:8px;margin-top:4px}.board-actions{gap:6px}.controls{display:flex;flex-direction:column;margin-top:28px;padding-bottom:26px;gap:26px}.control-block{padding:0;border:0!important}.control-block:not(:last-child){border-bottom:1px solid var(--line)!important;padding-bottom:26px}.block-title{margin-bottom:18px}h2{font-size:12px}.alignment{font-size:10px}.message-fields input{font-size:14px;padding-block:12px}.composer-bottom>span{font-size:10px}.send-button{padding:12px 15px;font-size:11px}.presets,.presets button{font-size:10px}.presets button{padding:7px 11px}.full-width button{font-size:11px}.finish-row{margin-top:19px}.small-note{max-width:none;font-size:10px}.motion-options button{padding:16px 4px}.motion-options strong{font-size:11px}.motion-options small{font-size:9px}.site-footer{display:block}.site-footer p:last-child{text-align:left;margin-top:10px}.tempo-row{margin-top:24px}.tempo-row input{height:4px}.control-label{font-size:11px}.finish-options button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.is-detail .stage-meta>span,.is-detail .drag-hint,.is-detail #sound{background:#f6f3edd9;border-radius:3px;padding:6px 8px;color:#535b4c}.is-detail .stage-bottom .view-tabs{background:#e0dfd7e8}

#physical-board{position:absolute;inset:0;pointer-events:none}#physical-board canvas{display:block;width:100%;height:100%}.stage-meta,.stage-bottom{z-index:2}.stage.is-physical .scene-anchor,.stage.is-physical .wall-shadow{display:none}