body:has(.marbling){background:#ebe3d1;margin:0}.marbling{--ink:#2b2520;--soft:#6f6253;--rule:#c3b496;--paper:#f1eadb;--ox:#7c2b20;--fell:var(--font-marbling), Garamond, Georgia, serif;--sc:var(--font-marbling-sc), Garamond, Georgia, serif;box-sizing:border-box;height:100dvh;min-height:100dvh;color:var(--ink);font-family:var(--fell);background:repeating-linear-gradient(90deg,#0000 0 118px,#78603c0f 118px 120px,#0000 120px 148px),repeating-linear-gradient(0deg,#0000 0 2px,#78603c09 2px 3px),#ebe3d1;grid-template:"mast mast""line line""stage bench"minmax(0,1fr)"caption bench"/minmax(0,1fr) 248px;column-gap:28px;padding:18px 28px 14px;font-size:17px;display:grid}.marbling *,.marbling :before,.marbling :after{box-sizing:border-box}.marbling .vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.marbling [hidden]{display:none!important}.marbling .mast{flex-wrap:wrap;grid-area:mast;align-items:baseline;gap:18px;display:flex}.marbling .home{font-family:var(--sc);letter-spacing:.04em;color:var(--soft);order:3;margin-left:auto;font-size:15px;text-decoration:none}.marbling .home:hover,.marbling .home:focus-visible{color:var(--ox)}.marbling h1{font-family:var(--fell);letter-spacing:-.005em;margin:0;font-size:40px;font-weight:400;line-height:1}.marbling .dek{color:var(--soft);margin:0;font-size:18px;font-style:italic}.marbling .line{grid-area:line;height:132px;margin:8px 0 12px;position:relative}.marbling .string{width:100%;height:40px;position:absolute;inset:4px 0 auto;overflow:visible}.marbling .string path{fill:none;stroke:#8b7a60;stroke-width:1.4px;vector-effect:non-scaling-stroke}.marbling .empty{text-align:center;color:var(--soft);margin:0;font-style:italic;position:absolute;inset:0}.marbling .empty .say{opacity:.85;position:absolute;top:52px;left:0;right:0}.marbling .empty .peg{left:var(--at);top:var(--y)}.marbling .prints{gap:22px;height:100%;margin:0;padding:0 8px;list-style:none;display:flex;position:relative;overflow:hidden}.marbling .prints li{transform-origin:50% 0;rotate:var(--tilt,0deg);translate:0 var(--sag,0px);flex:none;padding-top:10px;position:relative}.marbling .prints li[data-landing]{visibility:hidden}.marbling .prints button{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.marbling .prints canvas{width:auto;height:104px;display:block;box-shadow:0 1px 1px #3c28142e,0 8px 14px -6px #3c281459}.marbling .prints button:focus-visible canvas{outline:2px solid var(--ox);outline-offset:3px}.marbling .peg{z-index:1;background:linear-gradient(90deg,#b48d5c,#d9b98a 45%,#a47d4e);border-radius:2px 2px 3px 3px;width:9px;height:26px;margin-left:-4.5px;position:absolute;top:0;left:50%;box-shadow:0 1px 2px #3c281459,inset 0 -6px 0 -4px #0000001f}.marbling .peg:after{content:"";background:#7b7f82;border-radius:1px;height:3px;position:absolute;top:9px;left:-1.5px;right:-1.5px}.marbling .stage{grid-area:stage;place-items:center;min-height:0;display:grid;position:relative}.marbling .tray{touch-action:none;cursor:crosshair;border-radius:16px;display:block;box-shadow:0 2px 3px #281e1440,0 14px 30px -10px #281e1473}.marbling[data-busy] .tray{cursor:progress}.marbling .caption{text-align:center;min-height:1.4em;color:var(--soft);grid-area:caption;margin:10px 0 0;font-style:italic}.marbling .bench{flex-direction:column;grid-area:bench;gap:18px;min-height:0;padding-top:4px;display:flex}.marbling[data-busy=print] .bench{pointer-events:none;opacity:.6}.marbling fieldset{border:0;min-width:0;margin:0;padding:0}.marbling legend{font-family:var(--sc);letter-spacing:.08em;color:var(--soft);border-bottom:1px solid var(--rule);width:100%;margin-bottom:8px;padding:0;font-size:15px}.marbling .potgrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.marbling .pot{aspect-ratio:1;cursor:pointer;place-items:center;display:grid;position:relative}.marbling .pot input,.marbling .tool input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.marbling .well{background:radial-gradient(circle at 36% 32%, #ffffff80 0 7%, transparent 18%), radial-gradient(circle at 50% 55%, var(--c) 0 56%, color-mix(in srgb, var(--c) 70%, black) 66%, transparent 68%), radial-gradient(circle, #e9e2d3 0 70%, #b9ab92 74%, #f4efe4 82%, #a99a80 100%);border-radius:50%;width:100%;height:100%;transition:transform .14s;box-shadow:0 2px 3px #3c281447}.marbling .gall .well{--c:#cfd3cc;background:radial-gradient(circle at 36% 32%,#ffffffb3 0 7%,#0000 18%),radial-gradient(circle at 50% 55%,#d6dcd6 0 50%,#b5bdb7 66%,#0000 68%),radial-gradient(circle,#e9e2d3 0 70%,#b9ab92 74%,#f4efe4 82%,#a99a80 100%)}.marbling .pot:has(input:checked) .well{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink), 0 3px 5px #3c28144d;transform:scale(1.08)}.marbling .pot:has(input:focus-visible) .well{outline:2px solid var(--ox);outline-offset:4px}.marbling .potname{color:var(--soft);margin:8px 0 0;font-style:italic}.marbling .toolrow{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.marbling .tool{color:var(--soft);cursor:pointer;border-radius:4px;justify-items:center;gap:2px;padding:6px 0 4px;font-size:14px;display:grid;position:relative}.marbling .tool svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.marbling .tool .fine{stroke-width:1.1px}.marbling .tool .handle{stroke-width:2.6px}.marbling .tool .dot{fill:currentColor;stroke:none}.marbling .tool:has(input:checked){color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);background:#ffffff73}.marbling .tool:has(input:focus-visible){outline:2px solid var(--ox);outline-offset:1px}.marbling .straight{color:var(--soft);cursor:pointer;align-items:baseline;gap:8px;margin-top:10px;font-size:15px;display:flex}.marbling .straight input{accent-color:var(--ox);translate:0 2px}.marbling button{font:inherit;color:inherit}.marbling .acts{gap:6px;display:flex}.marbling .acts button,.marbling .viewbar button{border:1px solid var(--rule);cursor:pointer;background:#ffffff59;border-radius:3px;flex:1;padding:7px 4px 6px}.marbling .acts button:hover:not(:disabled),.marbling .viewbar button:hover{background:#ffffffb3}.marbling .acts button:disabled{opacity:.45;cursor:default}.marbling .lay{background:var(--ox);color:#f6efe2;font-family:var(--sc);letter-spacing:.06em;cursor:pointer;border:0;border-radius:3px;padding:12px 10px 11px;font-size:19px;box-shadow:inset 0 1px #fff3,0 3px 8px -3px #3c140a99}.marbling .lay:hover{background:#8e3326}.marbling button:focus-visible{outline:2px solid var(--ox);outline-offset:2px}.marbling .lay:focus-visible{outline-color:var(--ink)}.marbling .about{color:var(--soft);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-style:italic}.marbling .pop{border:1px solid var(--rule);background:var(--paper);width:min(460px,100vw - 32px);max-height:min(640px,100dvh - 48px);color:var(--ink);font-family:var(--fell);border-radius:4px;margin:auto;padding:22px 26px 18px;font-size:17px;line-height:1.45;overflow:auto;box-shadow:0 24px 60px -20px #28190a8c}.marbling .pop::backdrop,.marbling .viewer::backdrop{background:#281e1459}.marbling .pop h2{font-family:var(--sc);letter-spacing:.04em;margin:0 0 6px;font-size:24px;font-weight:400}.marbling .pop .hint{color:var(--soft);margin:0 0 12px;font-style:italic}.marbling .pop ul{margin:0;padding:0;list-style:none}.marbling .pop li+li{border-top:1px solid #c3b49699}.marbling .pop li button{text-align:left;cursor:pointer;background:0 0;border:0;gap:1px;width:100%;padding:9px 4px;display:grid}.marbling .pop li button:hover{background:#ffffff80}.marbling .pop .name{font-size:19px}.marbling .pop .by{color:var(--soft);font-size:15.5px;font-style:italic}.marbling .notes p{margin:0 0 10px}.marbling .notes .keys{color:var(--soft);font-style:italic}.marbling .viewer{background:#ddd3bf;border:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:18px;box-shadow:0 30px 80px -20px #1e140a99}.marbling .viewer .sheet canvas{width:auto;max-width:min(1100px,100vw - 68px);height:auto;max-height:calc(100dvh - 140px);display:block;box-shadow:0 2px 6px #3c28144d}.marbling .viewbar{font-family:var(--fell);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.marbling .viewtitle{color:var(--soft);flex:100%;margin:0 0 2px;font-style:italic}.marbling .viewbar button{flex:0 auto;padding:7px 14px 6px}.marbling .flight{z-index:30;perspective:1400px;pointer-events:none;position:fixed}.marbling .flight .card{transform-style:preserve-3d;position:absolute;inset:0}.marbling .flight canvas{backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 18px 30px -12px #28190a80}.marbling .flight canvas.front{transform:rotateY(180deg)}@media (width<=760px){.marbling{grid-template:"mast""stage""caption""bench""line"/minmax(0,1fr);height:auto;min-height:100dvh;padding:12px 16px 24px;font-size:16px}.marbling .mast{gap:4px 12px;margin-bottom:10px}.marbling h1{font-size:30px}.marbling .dek{flex-basis:100%;order:4;font-size:16px}.marbling .caption{margin-top:6px;font-size:15px}.marbling .bench{gap:14px;padding-top:6px}.marbling .potgrid{grid-template-columns:repeat(9,1fr);gap:5px}.marbling .potname{margin-top:4px;font-size:15px}.marbling .line{margin-top:18px}}@media (prefers-reduced-motion:reduce){.marbling .well{transition:none}}