.img-editor{z-index:90;background:#0000008c;padding:24px;display:flex;position:fixed;inset:0}.img-editor-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:1400px;min-height:0;box-shadow:var(--shadow);outline:none;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.img-editor-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.img-editor-bar .icon-btn.active{background:var(--accent-soft);color:var(--accent)}.img-editor-bar .icon-btn:disabled{opacity:.4;cursor:default;background:0 0}.img-editor-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.img-editor-name{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;margin:0 8px;font-size:12.5px;overflow:hidden}.img-editor-pick{position:relative}.img-editor-pop{z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:6px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.img-editor-dot{width:16px;height:16px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%}.img-editor-line{background:currentColor;border-radius:4px;width:16px}.img-editor-swatch{border:2px solid var(--surface);width:24px;height:24px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%;padding:0}.img-editor-swatch.active{box-shadow:0 0 0 2px var(--accent)}.img-editor-stage{background:var(--bg);-webkit-user-select:none;user-select:none;flex:1;place-items:center;min-height:0;padding:16px;display:grid;overflow:hidden}.img-editor-note{color:var(--muted);font-size:13px}.img-editor-canvas{background:repeating-conic-gradient(var(--active) 0 25%, transparent 0 50%) 0 0 / 16px 16px;box-shadow:var(--shadow);position:relative}.img-editor-canvas img,.img-editor-canvas canvas{-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.img-editor-canvas canvas{cursor:crosshair;touch-action:none}.img-editor-canvas.text canvas{cursor:text}.img-editor-text{min-width:24px;font-family:var(--font);background:0 0;border:1px dashed;border-radius:2px;outline:none;margin:-1px 0 0 -1px;padding:0;font-weight:600;line-height:1;position:absolute}.img-editor-text::placeholder{color:inherit;opacity:.5}@media (width<=640px){.img-editor{padding:0}.img-editor-panel{border:none;border-radius:0}.img-editor-stage{padding:8px}}@media (width<=480px){.img-editor-bar{gap:2px;padding:6px}.img-editor-bar .icon-btn{width:28px}.img-editor-sep{display:none}.img-editor-name{margin:0}}.attach-thumb{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:0;display:block;position:relative}.attach-thumb img{display:block}.attach-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.attach-thumb-edit{color:#fff;opacity:0;background:#00000073;border-radius:6px;place-items:center;transition:opacity .12s;display:grid;position:absolute;inset:0}.attach-thumb:hover .attach-thumb-edit,.attach-thumb:focus-visible .attach-thumb-edit{opacity:1}@media (hover:none){.attach-thumb-edit{opacity:1;background:#0000008c;border-radius:4px;width:16px;height:16px;inset:auto 2px 2px auto}.attach-thumb-edit svg{width:11px;height:11px}}