.ink-surface{background:var(--bg,#f7f2e9);color:var(--ink,#242321);position:relative;overflow:hidden}.ink-canvas{touch-action:none;outline-offset:-4px;cursor:crosshair;width:100%;height:100%;display:block}.ink-controls{z-index:2;border:1px solid var(--line,#d6d5ce);background:color-mix(in srgb,var(--bg,#f7f2e9) 91%,transparent);white-space:nowrap;box-sizing:border-box;border-radius:100px;align-items:center;gap:3px;max-width:calc(100% - 16px);padding:4px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ink-controls button,.ink-controls a{cursor:pointer;color:inherit;min-height:44px;font:inherit;touch-action:manipulation;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.ink-controls button:hover,.ink-controls a:hover{background:var(--surface,#eeeee8)}.ink-colors{align-items:center;display:flex}.ink-color,.ink-control{border-radius:50%;width:44px;padding:0}.ink-color span{background:var(--pigment);border:1px solid #ffffff40;border-radius:50%;width:14px;height:14px;display:block}.ink-color[aria-pressed=true] span{outline-offset:4px;outline:1px solid}.ink-black{--pigment:#242321}.ink-blue{--pigment:#243951}.ink-red{--pigment:#b64032}.ink-green{--pigment:#4b614d}.ink-control .inline-icon{width:17px;height:17px;display:block}.ink-control[aria-pressed=false]{opacity:.75}.ink-controls .ink-wash{letter-spacing:.04em;border-radius:24px;padding:0 11px;font-size:12px}.ink-control-divider{background:var(--line,#d6d5ce);width:1px;height:18px;margin:0 4px}.ink-hero{isolation:isolate;inset:0 -24px -32px;z-index:0!important;position:absolute!important}.ink-hero .ink-canvas{opacity:.7;mask-image:linear-gradient(#0000 38%,#000 72%)}.ink-hero .ink-controls{bottom:8px}.ink-page{color:#242321;background:#f7f2e9;margin:0;font:14px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;overflow:hidden}.ink-embedded{border-radius:16px;height:380px}.ink-full{min-height:100dvh;position:fixed;inset:0}.ink-full .ink-controls{bottom:max(24px,env(safe-area-inset-bottom))}.ink-page :focus-visible{outline-offset:3px;outline:2px solid #4b614d}@media (width<=550px){.ink-hero{inset:0 0 -65px}.ink-controls{border-radius:28px;flex-wrap:wrap;justify-content:center;gap:0;width:280px;padding-inline:8px}.ink-colors{flex-basis:100%;justify-content:center}.ink-controls .ink-wash{padding-inline:12px}.ink-control-divider{display:none}.ink-full .ink-controls{bottom:max(18px,env(safe-area-inset-bottom))}}