:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--p3-bg:#f7f7f4;--p3-fg:#0b0b0c;--p3-muted:#0b0b0c8f;--p3-line:#0b0b0c1f;--p3-panel:#f7f7f4bd;--p3-shadow:0 18px 50px #08080a1f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--p3-bg:#070708;--p3-fg:#f5f5f0;--p3-muted:#f5f5f094;--p3-line:#f5f5f021;--p3-panel:#070708b8;--p3-shadow:0 18px 50px #00000057}}*{box-sizing:border-box}html,body{background:var(--p3-bg);min-height:100%;color:var(--p3-fg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.p3-shell{background:var(--p3-bg);width:100vw;height:100svh;position:relative}.p3-canvas{position:absolute;inset:0}.p3-title{z-index:10;color:var(--p3-fg);letter-spacing:0;pointer-events:none;font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Consolas,monospace;font-size:15px;font-weight:650;position:fixed;top:20px;left:50%;transform:translate(-50%)}.p3-coordinates{right:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:11;border:1px solid var(--p3-line);background:var(--p3-panel);color:var(--p3-muted);letter-spacing:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:7px;padding:7px 9px;font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Consolas,monospace;font-size:11px;position:fixed}@media (max-width:520px){.p3-coordinates{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 190px)}}.p3-control-stack{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:12;gap:10px;width:min(420px,100vw - 28px);display:grid;position:fixed;transform:translate(-50%)}.p3-control-panel{border:1px solid var(--p3-line);background:var(--p3-panel);box-shadow:var(--p3-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;gap:10px;padding:10px;display:grid}.p3-row{justify-content:center;align-items:center;gap:8px;display:flex}.p3-mode{border:1px solid var(--p3-line);min-width:82px;height:34px;color:var(--p3-muted);cursor:pointer;background:0 0;border-radius:7px}.p3-mode[data-active=true]{background:var(--p3-fg);color:var(--p3-bg)}.p3-swatch{cursor:pointer;outline-offset:3px;border:1px solid #0003;border-radius:50%;outline:2px solid #0000;width:28px;height:28px}.p3-swatch[data-active=true]{outline-color:var(--p3-fg)}.p3-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.p3-actions[data-single=true]{grid-template-columns:1fr}.p3-action{background:var(--p3-fg);width:100%;height:44px;color:var(--p3-bg);cursor:pointer;letter-spacing:0;white-space:nowrap;border:0;border-radius:8px;font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Consolas,monospace;font-size:14px;font-weight:680}.p3-action:disabled{cursor:not-allowed;opacity:.45}.p3-status{min-height:16px;color:var(--p3-muted);letter-spacing:0;text-align:center;font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Consolas,monospace;font-size:11px}