@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(2)blur(10px);opacity:1}to{filter:brightness()blur();opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(2)blur(10px);opacity:1}0%{filter:brightness()blur();opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(.5)blur(10px);opacity:1}to{filter:brightness()blur();opacity:1}}@keyframes fade-out-bloom{to{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(.5)blur(10px);opacity:1}0%{filter:brightness()blur();opacity:1}}}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%;overflow:hidden}body{background:var(--canvas-bg);color:var(--canvas-ink);font-family:var(--font-sans,system-ui,sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}:root,:root[data-theme=light]{--canvas-bg:#fff;--canvas-ink:#1b1f24;--canvas-accent:#4c6ef5;--panel-bg:#fff;--panel-fg:#363b42;--panel-border:#0000001a;--panel-shadow:0 2px 14px #00000024;--btn-hover:#0000000f}:root[data-theme=dark]{--canvas-bg:#0d0f12;--canvas-ink:#e6e8eb;--canvas-accent:#748ffc;--panel-bg:#1b1f24;--panel-fg:#c9ced4;--panel-border:#ffffff1a;--panel-shadow:0 2px 14px #00000080;--btn-hover:#ffffff14}.app{position:fixed;inset:0;overflow:hidden}.canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;inset:0}.canvas,.chrome{position:absolute}.chrome{pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;top:12px;left:50%;transform:translate(-50%)}.options,.toolbar{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);pointer-events:auto;border-radius:12px}.toolbar{align-items:center;gap:2px;padding:4px;display:flex}.tool{color:var(--panel-fg);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;transition:background .12s;display:grid}.tool:hover{background:var(--btn-hover)}.tool.active{color:#fff;background:#4c6ef5}.sep{background:var(--panel-border);width:1px;height:22px;margin:0 3px}.ico{background-color:currentColor;width:20px;height:20px;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.ico-cursor{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m15.387 13.498 2.553 7.014-4.698 1.71-2.553-7.014-3.899 2.445 1.619-16.02 11.537 11.232zm-.01 5.818-2.715-7.46 2.96-.41-5.64-5.49-.791 7.83 2.531-1.587 2.715 7.46z'/%3E%3C/svg%3E")}.ico-rect{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m1 2v12h16V6z'/%3E%3C/svg%3E")}.ico-line{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m16.172 11-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z'/%3E%3C/svg%3E")}.ico-text{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M13 6v15h-2V6H5V4h14v2z'/%3E%3C/svg%3E")}.ico-copy{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M7 4V2h10v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.993.993 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4zm0 2H5v14h14V6h-2v2H7zm2-2v2h6V4z'/%3E%3C/svg%3E")}.ico-theme{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.997c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16m-5-4.681a8.97 8.97 0 0 0 5.707-2.612 8.97 8.97 0 0 0 2.612-5.707q.49.326.924.757A6 6 0 1 1 7 15.316'/%3E%3C/svg%3E")}.ico-download{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M3 19h18v2H3zm10-5.828L19.071 7.1l1.414 1.414L12 17 3.515 8.515 4.929 7.1 11 13.173V2h2z'/%3E%3C/svg%3E")}a.tool{text-decoration:none}.options{color:var(--panel-fg);font-family:var(--font-sans,system-ui,sans-serif);align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.options[hidden]{display:none}.options .group{align-items:center;gap:4px;display:flex}.options .label{opacity:.7}.opt{border:1px solid var(--panel-border);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:3px 9px;transition:background .12s}.opt:hover{background:var(--btn-hover)}.opt.active{color:#fff;background:#4c6ef5;border-color:#0000}.text-input{background:color-mix(in srgb,var(--canvas-bg) 88%,transparent);border:1px dashed var(--canvas-accent);color:var(--canvas-ink);resize:none;white-space:pre;z-index:20;outline:none;min-width:1ch;min-height:16px;margin:0;padding:0;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Liberation Mono,Menlo,Consolas,monospace;font-size:16px;line-height:16px;position:absolute;overflow:hidden}.text-input[hidden]{display:none}.toast{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);color:var(--panel-fg);font-family:var(--font-sans,system-ui,sans-serif);pointer-events:none;z-index:30;border-radius:8px;padding:7px 14px;font-size:13px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}