.marble-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:45px;height:45px;border:0;border-radius:50%;background:#e4ecd225;color:#5c776d;font:28px Georgia;cursor:pointer}.marble-seed:hover,.marble-seed:focus-visible,.marble-seed[data-discovering=true]{background:#fbf3d6aa;box-shadow:0 0 0 1px #6c827655}
#marble-water{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:radial-gradient(ellipse at 45% 35%,#f1edda,#dfe2d1 80%);color:#35574b;overflow:hidden}#marble-water::backdrop{background:#344e43}#marble-water header{position:absolute;top:25px;left:90px;right:90px;text-align:center}#marble-water header p{font:10px system-ui;letter-spacing:.20em;color:#718474;margin:0 0 9px}#marble-water h2{font:italic 31px Georgia;font-weight:400;margin:0}.marble-close{position:absolute;right:25px;top:24px;width:43px;height:43px;border:1px solid #6d816355;border-radius:50%;background:#f3efdc;color:#4a6653;font:28px Georgia;cursor:pointer}.marble-tools{position:absolute;left:25px;top:125px;bottom:165px;width:120px;display:flex;flex-direction:column;gap:13px;justify-content:center}.marble-tools>p{font:italic 15px Georgia;text-align:center;margin:0}.marble-inks{display:grid;grid-template-columns:1fr 1fr;gap:22px 8px;padding:4px 10px 15px}.marble-inks button{position:relative;justify-self:center;width:29px;height:29px;border-radius:50%;border:3px solid #e3dbc0;background:var(--ink);box-shadow:inset 0 1px 3px #172f3233,0 2px 6px #2b413a22;cursor:pointer;outline:1px solid transparent;outline-offset:3px}.marble-inks button[aria-pressed=true]{outline-color:#67836d}.marble-inks span{position:absolute;top:31px;left:50%;transform:translateX(-50%);color:#61775f;font:11px Georgia}.marble-gestures{display:flex;flex-direction:column;gap:7px}.marble-gestures button{padding:8px 6px;border:1px solid #75896944;background:#f0e9d5;color:#486553;font:12px Georgia;border-radius:3px;cursor:pointer}.marble-gestures button[aria-pressed=true]{background:#5d796c;color:#f8edcf}.marble-tools label{font:11px Georgia;display:flex;flex-direction:column;gap:4px;text-align:center}.marble-tools input{width:100%;accent-color:#6b8c74}.marble-work{position:absolute;left:160px;right:24px;top:103px;bottom:155px;width:calc(100% - 184px);height:calc(100% - 258px);outline:none;touch-action:none;cursor:crosshair}.marble-work:focus-visible{outline:1px dashed #68836b44;outline-offset:5px}
#marble-water footer{position:absolute;bottom:16px;left:3%;right:3%;text-align:center;padding-top:13px;border-top:1px solid #72836933}.marble-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.marble-controls button{min-height:33px;border:1px solid #6b816555;background:#f4ecd8;color:#3e624d;padding:7px 11px;font:12px Georgia;border-radius:3px;cursor:pointer}.marble-controls button:disabled,.marble-tools button:disabled{opacity:.4;cursor:default}.marble-controls label{display:flex;align-items:center;gap:6px;font:12px Georgia}.marble-controls label[hidden]{display:none}.marble-controls input{width:92px;accent-color:#678870}.marble-response{font:italic 13px Georgia;margin:10px 0 8px;min-height:16px}#marble-water details{font:11px/1.6 system-ui;max-width:710px;margin:auto}#marble-water summary{list-style:none;cursor:pointer}#marble-water details[open]{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:660px;padding:20px;background:#f2ecd9;box-shadow:0 0 24px #23473433;text-align:left;z-index:5}#marble-water details[open] summary{text-align:center}#marble-water a{color:#476c51}