.cut-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:47px;height:47px;border:0;border-radius:50%;background:#fff0cd22;color:#545b42;font:26px Georgia;cursor:pointer}.cut-seed:hover,.cut-seed:focus-visible,.cut-seed[data-discovering=true]{background:#f8edcfa6;box-shadow:0 0 0 1px #5b715d55}
#cut-garden{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#e6deca;color:#35554a;overflow:hidden}#cut-garden::backdrop{background:#293d35}#cut-garden header{text-align:center;position:absolute;top:23px;left:70px;right:70px}#cut-garden header p{font:10px system-ui;letter-spacing:.21em;margin:0 0 8px;color:#75816e}#cut-garden h2{font:italic 30px Georgia;margin:0;font-weight:400}.cut-close{position:absolute;right:26px;top:24px;width:42px;height:42px;border:1px solid #65736155;border-radius:50%;background:#f3ebd6;color:#4b6353;font:28px Georgia;cursor:pointer}.cut-work{position:absolute;top:102px;bottom:162px;left:5%;right:5%;display:grid;grid-template-columns:42% 58%;gap:20px}.cut-desk,.cut-reveal{position:relative;min-height:0;min-width:0}.cut-desk{display:flex;align-items:center;justify-content:center;flex-direction:column}.cut-desk>.cut-label{position:absolute;top:0}.cut-label{font:10px system-ui;letter-spacing:.17em;color:#6b7b66;margin:0 0 10px}.cut-drawing{width:auto;height:calc(100% - 65px);max-width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:4px;box-shadow:3px 6px 20px #55583c1c}.cut-tip{font:italic 12px/1.4 Georgia;text-align:center;margin:8px 0 0;color:#798168}.cut-reveal{background:radial-gradient(ellipse at 50% 40%,#f8f0dc 0,#e7dfca 74%);border-radius:48% 47% 43% 46% / 12% 9% 12% 13%;box-shadow:inset 0 0 30px #75806412}.cut-reveal>.cut-label{position:absolute;top:0;left:0;width:100%;text-align:center;z-index:2}.cut-stage{position:absolute;inset:20px 0 30px;touch-action:none;cursor:grab}.cut-stage canvas{display:block}.cut-stage:active{cursor:grabbing}.cut-stage-caption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font:italic 13px Georgia;color:#6c7a64}.cut-cloth{position:absolute;inset:20px 0 30px;width:100%;height:calc(100% - 50px);background:#42554a;touch-action:none;cursor:ew-resize}.cut-cloth[hidden]{display:none}
#cut-garden footer{position:absolute;bottom:15px;left:3%;right:3%;text-align:center;padding:14px 15px 10px;border-top:1px solid #7481662b}.cut-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center}.cut-controls>button{background:#f0e7d0;border:1px solid #65826b44;color:#3e604e;font:12px Georgia;padding:7px 11px;min-height:33px;border-radius:3px;cursor:pointer}.cut-controls button:disabled{opacity:.4;cursor:default}.cut-controls label{display:flex;align-items:center;gap:5px;font:12px Georgia}.cut-controls input{width:75px;accent-color:#67816c}.cut-colours{display:flex;gap:4px;padding:0 5px}.cut-colours button{width:20px;height:20px;border:2px solid transparent;outline:1px solid transparent;outline-offset:2px;border-radius:50%;background:var(--paper-colour);cursor:pointer}.cut-colours button[aria-pressed=true]{outline-color:#63775d}.cut-response{font:italic 13px Georgia;margin:10px 0 7px;min-height:15px}#cut-garden details{max-width:720px;margin:auto;font:11px/1.6 system-ui}#cut-garden summary{list-style:none;cursor:pointer}#cut-garden details[open]{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:680px;padding:20px;background:#f2ead7;box-shadow:0 0 30px #32473333;text-align:left;z-index:5}#cut-garden details[open] summary{text-align:center}#cut-garden a{color:#496b51}