:root{--blue:#0000f2;--blue-deep:#0000c2;--ink:#000091;--ink-2:#4949ae;--ink-3:#6161b8;--rule:#b6b6da;--tint:#e3e3f2;--paper:#f2f2f2;--white:#fff;--on-blue:#f2f2f2;--on-blue-2:#c2c2f2;--on-blue-rule:#5555f2;--on-blue-fill:#f2f2f229;--alert:#d0241a;--caution:#ffb800;--font-display:"Sofia Sans Extra Condensed","Arial Narrow","PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-ui:"Sofia Sans Condensed","Arial Narrow","PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-text:"Geist","Helvetica Neue",Arial,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,"PingFang SC","Noto Sans SC",monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r0:0;--r1:3px;--r2:4px;--ease:cubic-bezier(.2,0,0,1);--t-fast:.12s;--t:.2s;--accent:var(--alert)}:root[data-theme=night]{--paper:#00002e;--white:#00004d;--ink:#f2f2f2;--ink-2:#c2c2f2;--ink-3:#8080ff;--rule:#2a2a6e;--tint:#f2f2f214}:root[data-theme=night] .topbar{border-bottom-color:var(--rule)}:root[data-theme=night] .brand svg{color:#f2f2f2}:root[data-theme=night] .dock{background:var(--white);color:var(--ink);border-top:1px solid var(--rule)}:root[data-theme=night] .tool{color:var(--ink-2)}:root[data-theme=night] .tool:hover{background:var(--tint);color:var(--ink)}:root[data-theme=night] .tool.active{color:#00002e;background:#f2f2f2}:root[data-theme=night] .dock-sep,:root[data-theme=night] .sb-sep,:root[data-theme=night] .divider{background:var(--rule)}:root[data-theme=night] .swatch{border-color:var(--rule)}:root[data-theme=night] .swatch-custom{background:var(--tint);color:var(--ink-2)}:root[data-theme=night] .segs{border-color:var(--rule)}:root[data-theme=night] .segs button{color:var(--ink-2)}:root[data-theme=night] .segs button.active{color:#00002e;background:#f2f2f2}:root[data-theme=night] .adjust,:root[data-theme=night] .cropbar,:root[data-theme=night] .ring-item,:root[data-theme=night] .num-item,:root[data-theme=night] .drop .kbd{border-color:var(--rule)}:root[data-theme=night] .swatch.active{outline-color:#f2f2f2}:root[data-theme=night] .primary{color:#00002e;background:#f2f2f2}:root[data-theme=night] .primary:hover{color:#00002e;background:#fff}:root[data-theme=night] .primary:active{color:#00002e;background:#d8d8e8}:root[data-theme=night] .primary[disabled]{background:var(--tint);color:var(--ink-3)}:root[data-theme=night] .drop-btns #btnPaste{color:#00002e;background:#f2f2f2;border-color:#f2f2f2}:root[data-theme=night] .drop-btns #btnPaste:hover{color:#00002e;background:#fff}:root[data-theme=night] :focus-visible{outline-color:#8080ff}#btnTheme .ic-sun{display:none}:root[data-theme=night] #btnTheme .ic-sun{display:block}:root[data-theme=night] #btnTheme .ic-moon{display:none}*,:before,:after{box-sizing:border-box}html{text-autospace:normal;-webkit-text-size-adjust:100%;height:100%}body{background:var(--paper);height:100%;color:var(--ink);font:400 14px/1.45 var(--font-text);font-synthesis:none;-webkit-font-smoothing:antialiased;line-break:strict;flex-direction:column;height:100%;margin:0;display:flex;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background-color:#0000;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue);color:var(--paper)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}body.theme-switch,body.theme-switch *{transition:none!important}.frame{border:4px solid var(--blue);pointer-events:none;z-index:90;position:fixed;inset:0}.topbar{align-items:center;gap:var(--s2);height:60px;padding:0 var(--s4);z-index:40;background:var(--paper);border-bottom:1px solid var(--ink);flex:none;display:flex;position:relative}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.brand svg{width:18px;height:18px;color:var(--blue);display:block}.brand h1{font:600 15px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.brand small{color:var(--ink-2);letter-spacing:.06em;font-size:13px}.meta{font:400 12px/1.4 var(--font-mono);color:var(--ink-2);margin-left:var(--s2)}.actions{align-items:center;gap:var(--s1);margin-left:auto;display:flex}.tb-btn{border-radius:var(--r1);height:32px;color:var(--ink-2);font:500 14px/1 var(--font-text);letter-spacing:.04em;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);border:1px solid #0000;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.tb-btn:hover{background:var(--tint);color:var(--ink)}.tb-btn[disabled]{background:var(--tint);color:var(--ink-3);cursor:not-allowed;border-color:#0000}.tb-icon{justify-content:center;width:32px;padding:0}.tb-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.divider{background:var(--rule);width:1px;height:20px;margin:0 var(--s1);flex:none}.primary{border-radius:var(--r1);background:var(--blue);height:32px;color:var(--paper);font:500 14px/1 var(--font-ui);letter-spacing:.04em;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);border:1px solid #0000;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.primary:hover{background:var(--blue-deep)}.primary:active{background:var(--ink)}.primary[disabled]{background:var(--tint);color:var(--ink-3);cursor:not-allowed}.primary svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.work{flex:1;min-height:0;display:flex}.stage{background:var(--paper);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}#view{display:block;position:absolute}body.pan .stage,body.pan.pan-drag .stage{cursor:grab}body.pan-drag .stage{cursor:grabbing!important}#dockTools [data-tool=select] .ic-hand,body.pan #dockTools [data-tool=select] .ic-cursor{display:none}body.pan #dockTools [data-tool=select] .ic-hand{display:block}.dock{z-index:30;align-items:center;gap:var(--s2);height:52px;padding:0 var(--s3);background:var(--blue);color:var(--on-blue);display:flex;position:absolute;bottom:0;left:0;right:0}.dock-tools{gap:2px;display:flex}.tool{border-radius:var(--r1);width:32px;height:32px;color:var(--on-blue-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);flex:none;justify-content:center;align-items:center;display:flex}.tool:hover{color:var(--on-blue);background:var(--on-blue-fill)}.tool.active{color:var(--blue);background:var(--paper)}.tool svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dock-sep{background:var(--on-blue-rule);flex:none;width:1px;height:22px}.dock-style{align-items:center;gap:var(--s2);display:flex}.swatches{align-items:center;gap:6px;display:flex}.swatch{border:1px solid var(--on-blue-rule);cursor:pointer;background:0 0;flex:none;width:16px;height:16px;padding:0}.swatch.active{outline:2px solid var(--paper);outline-offset:1.5px}.swatch-custom{color:var(--on-blue-2);background:var(--on-blue-fill);justify-content:center;align-items:center;display:flex}.swatch-custom svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:10px;height:10px}.sb-sep{background:var(--on-blue-rule);flex:none;width:1px;height:22px}#colorInput{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.segs{border:1px solid var(--on-blue-rule);border-radius:var(--r2);flex:none;gap:2px;padding:2px;display:inline-flex}.segs button{height:26px;color:var(--on-blue-2);font:400 12px/1 var(--font-mono);letter-spacing:.02em;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:2px;padding:0 10px}.segs button:hover{color:var(--on-blue)}.segs button.active{background:var(--paper);color:var(--blue)}.drop{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;padding-inline:clamp(48px,12vw,180px);display:flex;position:absolute;inset:0}.drop.over{outline:2px dashed var(--blue);outline-offset:-16px}.drop h2{font:500 28px/1.3 var(--font-text);color:var(--ink-3);letter-spacing:0}.drop p{color:var(--ink-2);margin:var(--s2) 0 0;max-width:36em;font-size:14px;line-height:1.55}.drop .kbd{font:400 11px/1 var(--font-mono);color:var(--ink-3);border:1px solid var(--rule);border-radius:2px;padding:3px 5px}.drop-btns{gap:var(--s3);margin-top:var(--s5);justify-content:flex-start;display:flex}.drop-btns .tb-btn{border:1px solid var(--ink-3);color:var(--ink);border-radius:var(--r1);height:40px;font:500 14px/1 var(--font-text);padding:0 16px}.drop-btns .tb-btn:hover{background:var(--tint)}.drop-btns #btnPaste{background:var(--blue);border-color:var(--blue);color:var(--paper)}.drop-btns #btnPaste:hover{background:var(--blue-deep)}#textEd{z-index:20;resize:none;color:var(--accent);caret-color:var(--accent);white-space:pre-wrap;word-break:break-word;text-shadow:0 1px 2px #000000b3,0 0 1px #00000080;background:0 0;border:0;padding:0;font-weight:500;line-height:1.3;display:none;position:absolute;overflow:hidden}#textEd:focus{outline:none}.adjust{top:var(--s2);right:var(--s2);z-index:50;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;background:var(--white);border:1px solid var(--ink);border-radius:var(--r2);opacity:0;pointer-events:none;width:276px;max-height:calc(100% - 68px);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);padding:10px 14px 14px;position:absolute;overflow-y:auto;transform:translateY(-6px)}.adjust::-webkit-scrollbar{width:5px}.adjust::-webkit-scrollbar-track{background:0 0}.adjust::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.adjust.open{opacity:1;pointer-events:auto;transform:none}.adjust header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.adjust header h2{font:500 12px/1.2 var(--font-text);color:var(--ink-2);letter-spacing:.04em;margin:0}.adjust header button{color:var(--ink-2);font:400 12px/1 var(--font-text);background:0 0;border:0;border-radius:2px;height:20px;margin-left:auto;padding:0 6px}.adjust header button:hover{color:var(--ink);background:var(--tint)}.adj-sec{border-top:1px solid var(--rule);margin-top:10px;padding-top:8px}.adj-sec:first-of-type{border-top:0;margin-top:4px;padding-top:0}.adj-sec-h{font:400 11px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.adj-row{margin-top:8px}.adj-row label{color:var(--ink);align-items:baseline;font-size:13px;display:flex}.adj-row label .num{color:var(--ink-2);margin-left:auto;font-size:12px}.adj-row input[type=range]{appearance:none;background:0 0;width:100%;height:20px;margin-top:1px}.adj-row input[type=range]::-webkit-slider-runnable-track{background:var(--tint);border-radius:0;height:6px}.adj-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:1px solid var(--ink-3);border-radius:0;width:12px;height:12px;margin-top:-3px}.adj-row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--blue)}.adj-row input[type=range]::-moz-range-track{background:var(--tint);border-radius:0;height:6px}.adj-row input[type=range]::-moz-range-thumb{border:1px solid var(--ink-3);background:var(--white);border-radius:0;width:12px;height:12px}.adj-inline{justify-content:space-between;align-items:center;display:flex}.adj-inline label{color:var(--ink);font-size:13px}.adj-inline input[type=color]{border:1px solid var(--ink-3);border-radius:var(--r1);background:var(--white);cursor:pointer;width:24px;height:24px;padding:2px}.cropbox{z-index:25;cursor:move;border:1.5px solid #f2f2f2f2;position:absolute;box-shadow:0 0 0 9999px #00009166}.crop-h{background:var(--white);border:1px solid var(--ink-3);z-index:2;width:10px;height:10px;position:absolute}.crop-h[data-k=nw]{cursor:nwse-resize;top:-5px;left:-5px}.crop-h[data-k=se]{cursor:nwse-resize;bottom:-5px;right:-5px}.crop-h[data-k=ne]{cursor:nesw-resize;top:-5px;right:-5px}.crop-h[data-k=sw]{cursor:nesw-resize;bottom:-5px;left:-5px}.crop-h[data-k=n]{cursor:ns-resize;top:-5px;left:calc(50% - 5px)}.crop-h[data-k=s]{cursor:ns-resize;bottom:-5px;left:calc(50% - 5px)}.crop-h[data-k=w]{cursor:ew-resize;top:calc(50% - 5px);left:-5px}.crop-h[data-k=e]{cursor:ew-resize;top:calc(50% - 5px);right:-5px}.cropbar{background:var(--white);border:1px solid var(--ink);border-radius:var(--r1);gap:2px;padding:3px;display:flex;position:absolute;bottom:-48px;left:50%;transform:translate(-50%)}.cropbox.below .cropbar{bottom:10px}.cropbar .tool{width:30px;height:30px;color:var(--ink-2);border-radius:var(--r1)}.cropbar .tool:hover{color:var(--ink);background:var(--tint)}.cropbar .tool.ok{background:var(--blue);color:var(--paper)}.cropbar .tool.ok:hover{background:var(--blue-deep)}.ring{z-index:70;width:0;height:0;position:fixed}.ring-item{background:var(--white);border:1px solid var(--ink);width:44px;height:44px;color:var(--ink-2);cursor:pointer;opacity:0;transition:transform var(--t) var(--ease),opacity var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);transition-delay:var(--d,0s);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.25)}.ring.open .ring-item{opacity:1;transform:translate(-50%,-50%)scale(1)}.ring-item:hover{background:var(--tint);color:var(--ink)}.ring-item.active{background:var(--blue);border-color:var(--blue);color:var(--paper)}.num-ring{z-index:70;width:0;height:0;position:fixed}.num-item{background:var(--white);border:1px solid var(--ink);width:36px;height:36px;color:var(--ink);font:500 14px/1 var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;opacity:0;transition:transform var(--t) var(--ease),opacity var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);transition-delay:var(--d,0s);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.25)}.num-ring.open .num-item{opacity:1;transform:translate(-50%,-50%)scale(1)}.num-item:hover{background:var(--mark,var(--blue));border-color:var(--mark,var(--blue));color:var(--mark-ink,var(--paper))}.num-item.active{box-shadow:inset 0 0 0 1.5px var(--blue)}.clear-wrap{align-items:center;display:inline-flex;position:relative}.clear-menu{z-index:60;background:var(--white);border:1px solid var(--ink);border-radius:var(--r2);flex-direction:column;gap:2px;width:210px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 12px);left:0}:root[data-theme=night] .clear-menu{border-color:var(--rule)}.clear-item{border-radius:var(--r1);text-align:left;width:100%;color:var(--ink);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.clear-item:hover{background:var(--tint)}.clear-item .clear-title{font:500 13px/1.2 var(--font-text)}.clear-item .clear-desc{font:400 11px/1.2 var(--font-text);color:var(--ink-2)}.clear-item.danger .clear-title{color:var(--alert)}:root[data-theme=night] .clear-item.danger .clear-title{color:#ff6b63}.toast{z-index:80;background:var(--white);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r1);box-shadow:inset 2px 0 0 var(--blue);opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease),transform var(--t) var(--ease);padding:9px 16px 9px 14px;font-size:14px;position:fixed;bottom:64px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:640px){.meta,#btnAdjust span{display:none}#btnAdjust{justify-content:center;width:32px;padding:0}.adjust{left:var(--s2);right:var(--s2);width:auto}.drop{padding-inline:var(--s5)}.dock{gap:var(--s1)}.frame{border-width:2px}}