:root{color-scheme:light;--ink:#251a30;--paper:#b7a0e7;--cream:#fff0cd;--blue:#1746d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 4%;font-size:10px;letter-spacing:1.7px}header{border-bottom:1px solid #251a3029}header a{font-size:25px;font-weight:900;letter-spacing:-1.6px;text-decoration:none}header a span{font-size:9px;letter-spacing:2px;margin-left:8px}.work{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);max-width:1540px;margin:auto;align-items:center;min-height:700px}.stage{position:relative;touch-action:pan-y;cursor:ew-resize;overflow:hidden}#drawing svg{display:block;width:100%;height:auto}.drag-hint{position:absolute;bottom:19px;right:5%;font-size:9px;letter-spacing:1.5px;pointer-events:none;opacity:.65}aside{padding:40px 12% 35px 3%;max-width:550px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;margin:0 0 16px}h1{font-size:clamp(64px,7vw,116px);line-height:.85;letter-spacing:-7px;margin:0 0 25px;font-weight:900}h1 em{font-weight:400;font-family:Georgia,serif;letter-spacing:-6px}.intro{font-size:20px;line-height:1.45;margin:0 0 26px}.view-controls{display:flex;gap:5px;border-bottom:1px solid #251a3055;margin-bottom:22px}.view-controls button{background:none;border:0;padding:8px 8px 11px;flex:1;font-size:11px}.view-controls button[aria-pressed=true]{border-bottom:3px solid var(--ink);font-weight:bold}.space-label{display:flex;justify-content:space-between;font-size:12px;font-weight:bold}input[type=range]{width:100%;accent-color:var(--ink);height:32px;cursor:ew-resize}.help{font-size:10px;opacity:.8;line-height:1.5;margin:0 0 20px}.actions{display:flex;gap:8px}.actions button{background:var(--ink);color:var(--cream);border:1px solid var(--ink);padding:11px 14px;font-size:11px;border-radius:0}.actions button:last-child{background:none;color:var(--ink)}.reading{font-family:Georgia,serif;font-style:italic;font-size:16px;min-height:50px;margin:22px 0}.save-actions{display:flex;flex-wrap:wrap;gap:10px 20px}.save-actions button{border:0;border-bottom:1px solid #251a3077;background:none;padding:0 0 4px;font-size:11px}.status{font-size:10px;min-height:15px;margin:8px 0}#share-link{width:100%;padding:10px;border:1px solid var(--ink);background:transparent;font:11px Arial}.process-link{font-size:11px}.process{padding:80px 6%;background:var(--cream)}.process-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:0 8%;max-width:1150px;margin:0 auto 45px}.process-intro .eyebrow{grid-column:1/-1}.process-intro h2{font-size:clamp(35px,4vw,58px);letter-spacing:-2px;line-height:1.05;margin:0}.process-intro p:last-child{font-size:15px;margin:0}.process-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;max-width:1150px;margin:auto}.process-grid article>span{font-size:9px;letter-spacing:1px;display:block;margin-bottom:22px}.process-grid img,.process-diagram{width:100%;aspect-ratio:1;object-fit:cover}.process-diagram{display:grid;place-items:center;background:var(--paper)}.process-diagram svg{width:100%}.process-grid h3{font-size:18px;line-height:1.2;letter-spacing:-.5px}.process-grid p{font-size:12px}.process-grid a{font-size:11px}.number{aspect-ratio:1;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:clamp(25px,4.5vw,66px);letter-spacing:-4px}.credit{border-top:1px solid #251a3044;padding-top:15px;font-size:10px!important}footer{padding:25px 6%}footer a{font-size:11px}body.embedded header{display:none}body.embedded .work{min-height:0}body.embedded aside{padding-top:25px;padding-bottom:25px}body.embedded h1{font-size:68px}body.embedded .intro{font-size:16px;margin-bottom:20px}@media(max-width:700px){header{padding:15px 5%}header>span{font-size:8px;text-align:right;max-width:130px}.work{grid-template-columns:1fr;min-height:0}.stage{max-height:480px}#drawing svg{max-height:480px}aside,body.embedded aside{padding:24px 7% 40px;max-width:none}h1,body.embedded h1{font-size:clamp(45px,12vw,72px);letter-spacing:-4px}h1 br{display:none}h1 em{margin-left:14px;letter-spacing:-4px}.intro{font-size:17px;display:inline-block;margin-bottom:20px}.view-controls{margin-bottom:16px}.help{font-size:11px}.reading{min-height:0}.process{padding:50px 7%}.process-intro{display:block}.process-intro h2{margin-bottom:22px}.process-grid{grid-template-columns:1fr;gap:40px}.process-grid img,.process-diagram,.number{max-width:400px}.process-grid p{font-size:14px}.process-grid article>span{font-size:10px}.drag-hint{bottom:12px;font-size:8px}footer{display:block}footer span{display:block;margin-top:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.save-actions button{min-height:38px;padding:7px 0}.actions button{min-height:44px}