:root{font-family:Arial,Helvetica,sans-serif;color:#172e2c;background:#f1eadc;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #aa4b43}button{cursor:pointer;border:1px solid #b6b3a2;background:transparent;color:inherit;border-radius:3px;padding:11px 15px;transition:background .15s}button:hover{background:#ded8c8}button.primary{background:#e4b05e;border-color:#e4b05e;color:#172e2c;font-weight:700;padding:17px 25px}.shell{max-width:1600px;margin:auto;padding:0 4vw}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c4c3b1;gap:24px}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:42px;letter-spacing:-5px}.wordmark span{font:10px/1.4 Arial,sans-serif;letter-spacing:2px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.intro{display:flex;justify-content:space-between;align-items:end;padding:38px 0 30px}.intro h1{font-family:Georgia,serif;font-size:clamp(36px,4vw,62px);font-weight:400;line-height:1.03;letter-spacing:-2px;margin:12px 0 0}.intro h1 em{font-weight:400;color:#9d4942}.intro p{font-family:Georgia,serif;font-size:19px;line-height:1.6;max-width:400px;margin:0 0 5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.theatre{background:#142b2b;color:#f1eadc;border-radius:5px;overflow:hidden;box-shadow:0 10px 25px #142b2b16}.marquee{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 25px;border-bottom:1px solid #ffffff20}.marquee span{font-size:8px;letter-spacing:1.6px;color:#d1b780}.marquee strong{font:italic 20px Georgia,serif;text-align:center;overflow-wrap:anywhere}.theatre>svg{display:block;width:100%;height:auto}.hat{padding:15px 25px;font:16px Georgia,serif;border-top:1px solid #ffffff20;display:flex;align-items:center;gap:10px}.hat small{margin-left:auto;font:11px Arial,sans-serif;color:#c1bba5}.dot{width:6px;height:6px;background:#edbe67;border-radius:50%}.transport{display:flex;align-items:center;gap:20px;padding:24px;background:#1c3634}.crank{border:2px solid #d5ad68!important;width:64px;height:64px;flex-shrink:0;border-radius:50%;padding:0!important;touch-action:none;color:#e4b05e;background:#243f38}.crank span{display:block;height:52px;width:52px;padding-top:0;font-size:17px;transform-origin:center}.shaft{flex:1;min-width:0}.shaft label{font-size:10px;letter-spacing:2px}.shaft strong{float:right;font-size:14px;letter-spacing:0}.shaft small{font-size:10px;color:#b8b7a3}.shaft input{margin:10px 0}.readouts{display:flex;padding:15px 20px;gap:8px}.readouts button{flex:1;border-color:transparent;display:flex;align-items:center;text-align:left;padding:10px;gap:9px;font-family:Georgia,serif}.readouts button:hover,.readouts .chosen{background:#ffffff0b;border-color:#ffffff30}.readouts i{width:9px;height:9px;flex-shrink:0;border-radius:50%}.readouts small{display:block;margin-top:5px;font:10px Arial,sans-serif;color:#b8b7a3}.caption{font-size:11px;line-height:1.6;color:#b8b7a3;margin:0;padding:0 30px 24px}aside{padding:24px;background:#e8e1d2;border:1px solid #d6cfbf;border-radius:4px}h2{font: 27px Georgia,serif;margin:12px 0 22px}label{display:block;font-size:11px;font-weight:700;margin-bottom:17px}label strong{float:right;font-size:10px;font-weight:400}input:not([type=range]):not([type=file]),select{display:block;width:100%;padding:10px 9px;background:#f7f1e5;border:1px solid #c4bfae;border-radius:2px;margin-top:7px;color:#142b2b;min-width:0}input[type=color]{height:39px;padding:2px!important}input[type=range]{display:block;width:100%;accent-color:#ad5148;cursor:pointer;margin:12px 0 0;min-height:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:11px;line-height:1.55;color:#626c61}.samplebars{height:68px;display:flex;align-items:end;gap:2px;margin:0 0 18px;background:#142b2b;padding:8px}.samplebars span{flex:1;opacity:.5}.samplebars .selected{opacity:1;outline:1px solid #fff}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{font-size:10px;padding:9px}.archive{padding:40px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.archive h2{margin:8px 0 12px}.archive p{font-size:12px;line-height:1.6;color:#667067}.exports{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exports button,.import{font-size:11px;white-space:nowrap}.import{display:flex;justify-content:center;align-items:center;position:relative;border:1px dashed #8a9584;padding:11px 15px;margin:0;cursor:pointer}.import input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.import:focus-within{outline:3px solid #aa4b43;outline-offset:4px}.status{background:#e5ddcc;font-size:12px;padding:14px 18px;border-left:3px solid #ad5148}details{font-size:12px;line-height:1.6;max-width:900px;margin:25px 0}summary{cursor:pointer;font-weight:700}details button{font-size:12px}footer{border-top:1px solid #c4c3b1;padding:22px 0 28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#667067}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.theatre>svg{max-height:64vh}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.edition{display:none}.hat{flex-wrap:wrap}.hat small{margin-left:16px}.transport{padding:15px;gap:12px}.primary{padding:13px!important}.readouts{padding:12px 6px;gap:0}.readouts button{padding:8px 5px}.intro p{font-size:15px}.marquee span:last-child{display:none}}@media(max-width:760px){.shell{padding:0 18px}header{height:80px}.intro{padding:26px 0;display:block}.intro p{margin-top:18px}.workspace{grid-template-columns:1fr}.theatre>svg{min-height:300px}.archive{display:block}.exports{margin-top:20px}.transport{gap:10px}.crank{width:50px;height:50px}.crank span{width:42px;height:42px}.shaft small{display:none}.readouts small{font-size:9px}.marquee{padding:16px}.marquee strong{font-size:17px}aside{padding:22px}footer span:last-child{max-width:180px;text-align:right}.hat small{font-size:10px}.intro h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.marquee strong{white-space:pre;overflow:hidden;text-overflow:ellipsis;max-width:70%}.readouts button{min-width:0}.readouts button span{overflow:hidden;text-overflow:ellipsis;white-space:pre}.hat{overflow-wrap:anywhere}.playbuttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:180px}.playbuttons>button{font-size:11px;padding:10px}.playbuttons>small{font-size:9px;color:#c1bba5}.hat small{white-space:normal}.hat{white-space:pre-wrap}