@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{gap:6px;padding:4px}.tool-group,.toolbar{align-items:center;display:flex}.tool-group{gap:2px}.brand{border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);font-family:var(--font-sans,system-ui,sans-serif);user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 12px;line-height:1.05;display:flex}.brand-name{color:var(--panel-fg);letter-spacing:.08em;font-size:12px;font-weight:600}.brand-version{color:var(--panel-fg);font-variant-numeric:tabular-nums;opacity:.55;font-size:10px}.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-paste{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='M6 4v4h12V4h2.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 4zm2-2h8v4H8z'/%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-image{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='M2.992 21A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993zM20 15V5H4v14L14 9zm0 2.828-6-6L6.828 19H20zM8 11a2 2 0 1 1 0-4 2 2 0 0 1 0 4'/%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{box-sizing:content-box;caret-color:var(--canvas-accent);color:var(--canvas-ink);resize:none;white-space:pre;z-index:20;background:0 0;border:0;outline:none;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}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dialog-backdrop{z-index:40;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.dialog-backdrop[hidden]{display:none}.dialog{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);border-radius:14px;flex-direction:column;gap:14px;width:min(92vw,560px);max-height:88vh;padding:18px;display:flex}.dialog-head{font-size:15px;font-weight:600}.image-preview{background:var(--canvas-bg);border:1px solid var(--panel-border);color:var(--canvas-ink);tab-size:1;white-space:pre;border-radius:10px;flex:1;min-height:0;margin:0;padding:12px;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Liberation Mono,Menlo,Consolas,monospace;font-size:9px;line-height:1;overflow:auto}.dialog-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ctl{flex-direction:column;flex:180px;gap:4px;font-size:13px;display:flex}.ctl-label{opacity:.8}.ctl-val{font-variant-numeric:tabular-nums;opacity:.6}.ctl input[type=range]{accent-color:#4c6ef5;cursor:pointer;width:100%}.ctl-check{cursor:pointer;user-select:none;flex-direction:row;flex:none;align-items:center;gap:6px}.ctl-check input{accent-color:#4c6ef5;cursor:pointer}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.btn{border:1px solid var(--panel-border);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:7px 16px;font-size:13px;transition:background .12s}.btn:hover{background:var(--btn-hover)}.btn-primary{color:#fff;background:#4c6ef5;border-color:#0000}.btn-primary:hover{opacity:.9;background:#4c6ef5}