.machine-page{--machine-bg:#0d1914;--machine-panel:#16241c;--machine-line:#34483a;--machine-ink:#eeeedd;--machine-muted:#afbaaa;background:var(--machine-bg);color:var(--machine-ink);padding-bottom:65px}
.machine-page a{color:inherit}.machine-page .eyebrow{color:#b2c695}.machine-page h1{font-size:clamp(42px,4.8vw,73px);letter-spacing:-.045em;line-height:1.03;margin:18px 0}.machine-page h1 em,.machine-page h2 em{font-family:Georgia,serif;font-weight:400;color:#c1d6a1}.machine-heading{padding:58px 0 38px;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px}.machine-heading-note{max-width:390px;margin-bottom:13px}.machine-heading-note p{font-size:15px;line-height:1.65;color:var(--machine-muted)}.machine-heading-note>a{font-size:12px;border-bottom:1px solid var(--machine-line)}.machine-heading .mono{font-size:10px;letter-spacing:.08em}
.machine-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:24px;align-items:start}.machine-stage-shell{border:1px solid var(--machine-line);background:#102018;border-radius:8px;overflow:hidden;position:sticky;top:70px}.machine-stage-top{display:flex;justify-content:space-between;gap:10px;padding:20px 23px;border-bottom:1px solid #233e2d;color:#bed1aa;font-size:9px;letter-spacing:.1em}.machine-viewport{position:relative;height:490px;background:#0f1c15;overflow:hidden}.machine-canvas-holder,.machine-webgl-holder{position:absolute;inset:0;width:100%;height:100%}.machine-webgl-holder:empty{display:none}.machine-canvas-holder canvas,.machine-webgl-holder canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px;cursor:grab}.machine-canvas-holder canvas:active{cursor:grabbing}.machine-locked{position:absolute;inset:0;padding:50px 36px;display:flex;flex-direction:column;justify-content:center}.machine-locked>.mono{font-size:10px;letter-spacing:.18em;color:#b7cda1}.machine-locked h2{font-size:clamp(35px,3.2vw,52px);line-height:1.07;letter-spacing:-.03em;font-weight:400;margin:23px 0}.machine-locked>p{max-width:470px;color:#becab8;font-size:14px}.machine-locked .button-row{margin:18px 0 0}.machine-locked .small-copy{font-size:11px;margin:15px 0 0}.machine-page .button{font-size:12px;gap:10px;padding:14px 18px;min-height:47px}.machine-page .button.secondary{color:#dee5d4;background:#213329;border:1px solid #536c51}.machine-page .button.lime{color:#1e2a16;background:#c1d7a2;border:1px solid #c1d7a2}.machine-page .button.lime:hover{background:#d1e7b4}.machine-caption{padding:23px 28px 27px;border-top:1px solid var(--machine-line);display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}.machine-caption .eyebrow{grid-column:1/-1;font-size:9px;letter-spacing:.16em;margin:0 0 9px}.machine-caption blockquote{font:italic 27px/1.25 Georgia,serif;margin:0;overflow-wrap:anywhere}.machine-disagree{border:1px solid #c4d5a6;background:none;color:#c4d5a6;font:11px ui-monospace,monospace;padding:17px 14px;cursor:pointer;letter-spacing:.05em}.machine-disagree:hover{background:#c4d5a6;color:#172115}.machine-playback{border-top:1px solid var(--machine-line);padding:15px 22px;background:#14241a}.machine-buttons,.machine-render-buttons{display:flex;flex-wrap:wrap;gap:7px}.machine-buttons button,.machine-render-buttons button{border:1px solid #486044;color:#d3e1c7;background:#1b2f20;padding:8px 10px;min-height:37px;font:11px system-ui;cursor:pointer;border-radius:3px}.machine-render-buttons button{font-size:10px;background:transparent;border-color:#304732}.machine-buttons button:hover,.machine-render-buttons button:hover{background:#344b30}.machine-page button:disabled{opacity:.5;cursor:not-allowed}.machine-playback input[type=range]{margin:18px 0;width:100%;accent-color:#c1d7a2}.machine-status{font:11px/1.6 ui-monospace,monospace;margin:0;padding:14px 22px;border-top:1px solid var(--machine-line);color:#b2c4a4;min-height:50px;overflow-wrap:anywhere}
.machine-console{background:var(--machine-panel);border:1px solid var(--machine-line);border-radius:8px;padding:30px 27px}.machine-console>.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.1em}.machine-console h2{font:400 36px/1.1 Georgia,serif;margin:15px 0 30px;letter-spacing:-.02em}.machine-console label{display:block;font:12px/1.5 system-ui;margin:18px 0 8px;color:#d2dfc7}.machine-console textarea,.machine-console select{font:15px/1.55 system-ui;background:#0d1c13;color:#e3ecd8;border:1px solid #506147;border-radius:4px;padding:12px;width:100%;resize:vertical}.machine-console select{font-size:13px;padding:11px}.machine-console .small-copy{font-size:11px;color:#a9b8a0;line-height:1.6}.machine-console .button-row{margin-top:16px}.machine-mode{font:10px/1.7 ui-monospace,monospace;color:#bccea9;margin-top:15px}.machine-console details{border-block:1px solid var(--machine-line);padding:18px 0;margin:20px 0}.machine-console summary{font-size:12px;color:#d6e6c8;cursor:pointer;min-height:30px}.machine-console details>p{font-size:12px;color:#b8c7ad;line-height:1.65}.machine-rules label{display:flex;justify-content:space-between;margin-top:14px;font-size:11px}.machine-rules input{width:100%;accent-color:#c1d7a2}.machine-rules output{font:11px ui-monospace,monospace}.machine-build{width:100%;justify-content:space-between}.machine-console-footer{display:grid;gap:12px;margin-top:20px}.machine-console-footer button{border:0;border-bottom:1px solid var(--machine-line);font:11px system-ui;color:#bdcdb0;background:none;padding:9px 0;text-align:left;cursor:pointer}
.machine-record{padding-top:85px}.machine-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.machine-section-heading h2{font-size:49px;line-height:1.05;margin:17px 0 0;letter-spacing:-.035em;font-weight:400}.machine-section-heading>div:last-child>p{font-size:13px;line-height:1.7;color:#b4c2aa}.machine-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.machine-comparison article{border:1px solid var(--machine-line);padding:22px;background:#14231a;border-radius:5px}.machine-comparison .mono{font-size:10px;color:#b4c9a0;letter-spacing:.12em}.machine-comparison-art{height:270px}.machine-comparison canvas{width:100%;height:100%;display:block}.machine-comparison h3{font:italic 24px/1.35 Georgia,serif;color:#dce5d0;overflow-wrap:anywhere}.machine-lineage{padding-top:35px;padding-bottom:25px}.machine-lineage h3{font:27px Georgia,serif}.machine-lineage>p{font-size:13px;color:#aebb9f}.machine-lineage>div{display:flex;gap:10px;flex-wrap:wrap}.machine-lineage button{border:1px solid #3f5940;background:#1d3120;padding:14px 17px;text-align:left;color:#c9dabd;border-radius:4px;font-size:12px;cursor:pointer;max-width:230px;overflow-wrap:anywhere}.machine-lineage button[aria-pressed=true]{border-color:#c1d7a2;background:#294129}.machine-lineage button small{display:block;color:#9eb58f;margin-top:5px}.machine-record>.small-copy{font-size:11px;max-width:760px;color:#a8b899;margin-top:16px}.machine-page .small-button{color:#cadabd;border-color:#435c3d;background:transparent}.machine-file-label{display:inline-flex!important;cursor:pointer}.machine-last{margin-top:65px;border-top:1px solid var(--machine-line);padding-top:50px}.machine-last h2{font-size:74px;line-height:.98;letter-spacing:-.04em;font-weight:400;margin:20px 0}.machine-last>p:not(.eyebrow){font-size:15px;color:#b6c4a9}.machine-last .text-link{font-size:13px;margin-left:15px}.machine-import-notice{padding:22px;background:#263f25;border:1px solid #8fac72;margin-bottom:25px}.machine-import-notice p{margin:0 0 16px;overflow-wrap:anywhere}
.machine-dialog{max-width:760px;width:calc(100% - 32px);max-height:90vh;overflow:auto;padding:35px;border:1px solid #3a5532;border-radius:8px;color:#1e2f22;background:#f0f1e8}.machine-dialog::backdrop{background:#061109db}.machine-dialog>h2{font-size:38px;line-height:1.05;letter-spacing:-1px;margin:15px 0}.machine-dialog>p{font-size:13px;line-height:1.75}.machine-dialog-close{float:right;border:0;background:transparent;cursor:pointer;color:inherit;font-size:12px;padding:5px}.machine-dialog .eyebrow{margin-top:20px}.machine-share-choices{display:grid;gap:14px;margin:25px 0}.machine-share-choices label{font-size:13px;line-height:1.5;display:flex;gap:10px}.machine-share-choices input{accent-color:#3f6031;flex-shrink:0}.machine-share-summary{padding:20px;background:#e3e8d7;border:1px solid #b9c6a9;white-space:pre-wrap;font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.machine-dialog .button-row{margin:20px 0;gap:10px}.machine-dialog .button{font-size:12px;padding:12px}.machine-dialog textarea{width:100%;font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;background:#fff;border:1px solid #bac2ae;padding:12px}.machine-dialog label[for=machine-share-url]{display:block;font-size:12px;margin:18px 0 8px}.machine-dialog .small-button{margin-top:10px}.machine-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#e4e9d8;font-size:14px}
body:has(.machine-page){background:#eeede5}body:has(.machine-page) .breadcrumbs{padding-bottom:12px}.machine-page :focus-visible,.machine-dialog :focus-visible{outline:3px solid #bbcb8f;outline-offset:4px}
@media(min-width:1600px){.machine-viewport{height:570px}}
@media(max-width:1000px){.machine-workspace{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:16px}.machine-viewport{height:420px}.machine-console{padding:23px 19px}.machine-heading{gap:30px}.machine-caption{padding:22px}.machine-caption blockquote{font-size:23px}.machine-disagree{padding:12px 9px;font-size:10px}.machine-locked{padding:25px}.machine-locked h2{font-size:37px}}
@media(max-width:760px){.machine-heading{grid-template-columns:1fr;padding-top:35px;gap:12px}.machine-heading-note{max-width:100%}.machine-heading h1{font-size:43px}.machine-workspace{display:flex;flex-direction:column;gap:20px}.machine-stage-shell,.machine-console{position:relative;top:auto;width:100%}.machine-viewport{height:400px}.machine-stage-top{padding:17px 16px;font-size:8px}.machine-locked{padding:28px 23px}.machine-locked h2{font-size:36px}.machine-locked>p{font-size:12px}.machine-locked .button{font-size:11px;padding:11px}.machine-caption{grid-template-columns:1fr;gap:14px}.machine-disagree{justify-self:start;padding:13px 20px}.machine-caption blockquote{font-size:27px}.machine-playback{padding:16px}.machine-console{padding:28px 23px}.machine-section-heading{grid-template-columns:1fr;gap:22px}.machine-section-heading h2{font-size:42px}.machine-record{padding-top:48px}.machine-comparison{grid-template-columns:1fr;gap:18px}.machine-comparison-art{height:270px}.machine-last{padding-top:35px}.machine-last h2{font-size:57px}.machine-last .text-link{margin:0 15px 0 0}.machine-dialog{padding:24px}.machine-dialog>h2{font-size:31px}.machine-status{font-size:10px}.machine-render-buttons button{min-height:38px}}