.demo{color:#666;margin:10px 0 24px;font-size:12px}canvas{aspect-ratio:2;touch-action:none;cursor:crosshair;background:#fff;border:1px solid #ddd;width:100%;height:auto;display:block}.tools{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.hint,.limit{color:#666;font-size:12px}.url{margin-top:22px;font-size:13px;display:block}.url input{box-sizing:border-box;color:#111;width:100%;font:inherit;background:#fff;border:1px solid #bbb;border-radius:0;min-height:44px;margin-top:8px;padding:12px;display:block}.linkbox{border-left:2px solid #111;flex-wrap:wrap;gap:15px;padding:12px;font-size:13px;display:flex}.linkbox small{color:#666;width:100%}.error{color:#a11;min-height:24px;font-size:13px}details{color:#555;margin:24px 0;font-size:12px}summary{cursor:pointer;min-height:24px}.rest{z-index:99;text-align:center;color:#111;background:#fff;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.restinner{max-width:420px}.rest p{letter-spacing:.06em;font:12px monospace}.clock{letter-spacing:-.08em;padding:22px 0;font:400 clamp(64px,16vw,140px) monospace}.rest small{color:#888;margin-top:28px;font-size:11px;display:block}.rest details{margin-top:50px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #111}.rest{box-sizing:border-box;align-items:flex-start;padding-top:96px}.restinner{width:100%}@media (width<=600px){.rest{padding-top:100px}}dialog.rest{border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:flex}dialog.rest::backdrop{background:#fff}.ghostcanvas{opacity:.12;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.restinner{z-index:1;position:relative}.fullurl{overflow-wrap:anywhere;width:100%}.restinner details button{margin:8px}.restinner{background:#ffffffa6}.project{--ds-ink:#111;--ds-ink-2:#555;--ds-ink-4:#aaa;--ds-teal:#111;--ds-red:#111;--ds-hairline:#ddd;color:#111}.project button{transition:background .15s,color .15s}.project .error{color:#111}.eyebrow{text-transform:uppercase;letter-spacing:.12em;margin:18px 0;font:10px monospace}.canvasbar,.sectiontop{justify-content:space-between;align-items:center;gap:16px;display:flex}.canvasbar{color:#555;border-top:1px solid #ddd;padding:12px 0;font:10px monospace}.sectiontop h2,.rules h2{margin:0;font-size:21px;font-weight:400}.sectiontop>span{color:#666;font:10px monospace}.picker{border-top:1px solid #ddd;margin-top:24px;padding-top:20px}.profilechoices{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.profilechoices button{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;align-items:center;gap:8px;min-height:44px;padding:10px;font:12px inherit;display:flex}.profilechoices button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.profilefield{border:1px solid #bbb;border-radius:3px;align-items:center;gap:6px;min-width:0;padding:0 12px;display:flex}.profilefield>span{color:#666;overflow-wrap:anywhere;font:11px monospace}.profilefield input{color:#111;background:#fff;border:0;width:100%;min-width:0;min-height:44px;font:13px inherit}.picker small,.unitnote{color:#666;margin-top:10px;font-size:11px;line-height:1.6;display:block}.limit{font-variant-numeric:tabular-nums}.rules{border-top:1px solid #ddd;margin-bottom:36px;padding-top:24px}.rules>div{grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:20px;display:grid}.rules p{color:#666;margin:0;font-size:12px;line-height:1.7}.rules b{color:#111;font-size:13px;font-weight:500;display:block}.project .file-button{border-radius:3px}.project .restinner{color:#111}@media (width<=600px){.sectiontop{flex-direction:column;align-items:flex-start;gap:6px}.rules>div{grid-template-columns:1fr}.profilefield{flex-wrap:wrap;gap:0}.profilefield>span{padding-top:8px}.profilechoices button{flex-grow:1;justify-content:center}.canvasbar{font-size:9px}}@media (prefers-reduced-motion:reduce){.project *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.profilefield>span{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}.profilefield input::placeholder{color:#888;opacity:1}.project .file-button:disabled,.profilechoices button:disabled{color:#aaa;background:#fff;border-color:#ddd}.project input{color:#111}@media (width<=600px){.profilefield>span{flex-basis:100%}}*{box-sizing:border-box}body{color:#111;background:#fff;margin:0;font:14px/1.7 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:#111}.page{max-width:1040px;margin:auto;padding:40px 36px}.pageheader h1{letter-spacing:-.03em;margin:0 0 22px;font:400 clamp(32px,6vw,52px)/1.2 Georgia,serif}.pageheader p{margin:0 0 30px}.file-button{color:#fff;cursor:pointer;background:#111;border:1px solid #111;min-height:44px;padding:10px 16px}.file-button:disabled{color:#aaa;cursor:default;background:#fff;border-color:#ddd}.caption,footer{color:#666;font-size:12px}.caption{margin:24px 0}footer{border-top:1px solid #ddd;margin-top:24px;padding-top:22px}button:hover:not(:disabled){filter:contrast(1.2)}input:focus{outline:none}.restinner .file-button{color:#111;background:#fff;border-color:#ddd}.restinner details{margin-top:30px}@media (width<=600px){.page{padding:28px 24px}.pageheader h1{font-size:36px}}.profilechoices{grid-template-columns:repeat(6,62px);gap:16px 12px;margin:16px 0;display:grid}.profilecell{text-align:center;width:62px}.profilecell>span{color:#111;margin-top:5px;font-size:11px;display:block}.profilechoices button{color:#111;background:#fff;border:1px solid #aaa;border-radius:0;width:62px;height:62px;min-height:62px;padding:0;transition:none;display:block;position:relative}.profilechoices button:hover:not(:disabled){filter:none;border-color:#111}.profilechoices button:focus-visible{outline-offset:3px;outline:2px solid #111}.profilemark{display:contents}.profilemark>span,.profilemark>img{position:absolute}.profilechoices .profilemark svg,.profileinputmark .profilemark svg{width:100%;height:100%;display:block}.profilemark>.white{display:none}.profilechoices button[aria-pressed=true] .profilemark>.white{display:block}.profilechoices button[aria-pressed=true] .profilemark>.black{display:none}.profilechoices button:disabled{opacity:1;color:#111;cursor:default;border-color:#aaa}.profilefield{border-radius:0;flex-wrap:nowrap;align-items:stretch;gap:0;min-height:62px;padding:0;display:flex}.profileinputmark{border-right:1px solid #aaa;flex-shrink:0;justify-content:center;align-items:center;width:61px;height:60px;display:flex;position:relative}.profileentry{flex:1;align-items:center;gap:4px;min-width:0;padding:0 12px;display:flex}.profileprefix{color:#666;white-space:nowrap;font:11px monospace}.profilefield input{flex:1;width:100%;min-width:0;min-height:60px;padding:10px 0}.profilefield:focus-within{outline-offset:3px;outline:2px solid #111}.legacyprofile{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;align-items:center;gap:8px;min-height:44px;margin-bottom:16px;padding:10px;font:12px inherit;display:flex}.legacyprofile svg{stroke:currentColor;stroke-width:1px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.legacyprofile[aria-pressed=true]{color:#fff;background:#111}@media (width<=650px){.profilechoices{grid-template-columns:repeat(4,62px)}.profilechoices button{flex-grow:0}.profileentry{flex-wrap:wrap;gap:0;padding:0 10px}.profileprefix{flex-basis:100%;padding-top:8px}.profilefield input{min-height:40px}.profilefield{min-height:62px}}@media (width<=360px){.page{padding-left:16px;padding-right:16px}}@media (width<=650px){.profileentry{padding:5px 10px;display:block}.profileprefix{max-width:100%;padding:0;font-size:10px;line-height:16px;display:block;overflow-x:auto}.profilefield input{flex:none;width:100%;height:34px;min-height:34px;padding:4px 0;display:block}}.minimalcanvas .pageheader{margin-bottom:24px}.canvascontrols{justify-content:space-between;align-items:center;gap:12px;margin:12px 0 24px;display:flex}.canvascontrols .tools{margin:0}.canvascontrols .limit{text-align:right;color:#555;white-space:nowrap;margin-left:auto;font:11px monospace}.minimalcanvas .picker{border-top:0;margin-top:0;padding-top:0}.minimalcanvas .profilechoices{flex-wrap:nowrap;gap:12px;margin:12px 0 20px;display:flex}.minimalcanvas .botcheck{width:100%;min-height:65px}.minimalcanvas .submittools{margin-top:20px}@media (width<=360px){.minimalcanvas{margin-left:-6px;margin-right:-6px}.canvascontrols{align-items:flex-start}.canvascontrols .tools{gap:6px}.canvascontrols .file-button{padding:10px}}.strokelist{border-top:1px solid #ddd;margin-top:32px;padding-top:20px}.listheading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.listheading h2{margin:0;font-size:16px;font-weight:400}.listheading a{color:#111;white-space:nowrap;font-size:12px}.strokelist ol{margin:0;padding:0;list-style:none}.strokelist li{border-bottom:1px solid #ddd;grid-template-columns:32px minmax(0,1fr) 64px;align-items:center;gap:12px;min-width:0;padding:12px 0;display:grid}.listlinkicon{width:32px;height:32px;display:block;position:relative}.listlinkicon>span{width:24px!important;height:24px!important;top:4px!important;left:4px!important}.listlinkicon svg{width:100%;height:100%}.strokelink{text-overflow:ellipsis;white-space:nowrap;color:#111;min-width:0;max-width:100%;font-size:12px;display:block;overflow:hidden}.nolink{color:#777}.strokepreview{box-sizing:border-box;border:1px solid #ddd;width:64px;height:64px;display:block}.allstrokes .strokelist{border-top:0;margin-top:0;padding-top:0}@media (width<=360px){.strokelist li{grid-template-columns:24px minmax(0,1fr) 52px;gap:8px}.listlinkicon{width:24px;height:24px}.listlinkicon>span{width:20px!important;height:20px!important;top:2px!important;left:2px!important}.strokepreview{width:52px;height:52px}}.minimalcanvas .profileentry{flex-wrap:nowrap;align-items:center;gap:4px;padding:0 10px;display:flex}.minimalcanvas .profileprefix{flex:none;padding-top:0;font-family:inherit;font-size:14px;display:inline}.minimalcanvas .profilefield input{flex:1 1 0;width:0;height:60px;min-height:60px;padding:0;font-size:14px;line-height:normal;display:block}.canvasframe{position:relative}.strokehover{z-index:2;box-sizing:border-box;color:#111;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#fff;border:1px solid #bbb;width:220px;max-width:calc(100% - 16px);padding:9px 10px;font:11px monospace;position:absolute;overflow:hidden}.minimalcanvas .botcheck{height:85px;min-height:85px;position:relative}.minimalcanvas .botcheck>div[aria-label=Bot\ check]{height:65px}.minimalcanvas .botcheck>small{position:absolute;top:68px;left:0}.minimalcanvas .botcheck>.tools{height:65px;margin:0;position:absolute;top:0;left:0;right:0}.minimalcanvas .error{height:24px;margin:12px 0;overflow-y:auto}.minimalcanvas .canvasavailability{height:20px;margin:0 0 8px;font-size:12px;overflow-y:auto}.minimalcanvas .verificationslot{height:auto}.minimalcanvas .verificationslot .botcheck{margin-top:12px}.minimalcanvas .botcheck.collapseverified[data-verified=true]{display:none}.minimalcanvas .whyexists{border-top:1px solid #ddd;margin-top:40px;padding-top:24px}.minimalcanvas .whyexists summary{cursor:pointer;font-size:16px;font-weight:400}.minimalcanvas .whyexists[open] summary{margin-bottom:16px}.minimalcanvas .whyexists p{color:#555;max-width:66ch;margin:0;font-size:14px;line-height:1.7}.strokehover.touchreveal{pointer-events:none;align-items:center;min-height:44px;display:flex}.strokehover.touchreveal a{pointer-events:auto;min-height:44px;color:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;width:100%;min-width:0;display:block;overflow:hidden}.strokehover.touchreveal:has(a){padding-top:0;padding-bottom:0}