.an-editor{position:fixed;inset:0;z-index:1200;background:rgba(10,10,10,.96);color:#eee;display:flex;flex-direction:column;align-items:center;padding:24px 16px 12px;box-sizing:border-box;font:14px system-ui,sans-serif}.an-editor *{box-sizing:border-box}.an-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:4px 12px;border:1px solid #424242;border-radius:28px;background:#252525;max-width:100%}.an-toolbar button{height:40px;min-width:40px;border:0;border-radius:50%;background:none;color:#eee;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 10px;font:inherit}.an-toolbar button:hover,.an-toolbar button[aria-pressed=true]{background:#383838}.an-toolbar button:disabled{opacity:.4;cursor:default}.an-toolbar svg{width:20px;height:20px}.an-toolbar i{width:1px;height:24px;background:#444}.an-toolbar .an-save{border-radius:18px;background:#eee;color:#151515;min-width:64px}.an-toolbar .an-save:hover{background:#fff}.an-swatch{width:20px;height:20px;border-radius:50%;border:1px solid #777}.an-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;overflow:auto;padding:16px 0}.an-image{position:relative;flex-shrink:0;background:repeating-conic-gradient(#bbb 0% 25%,#eee 0% 50%) 50% / 16px 16px}.an-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.an-image canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:none}.an-image textarea{position:absolute;z-index:2;background:#222b;border:1px dashed #fff;padding:2px;min-width:100px;max-width:220px;min-height:45px;font:700 34px/34px Inter,system-ui,sans-serif;resize:both}.an-status{margin:0;height:24px;max-width:100%;text-align:center;color:#aaa}.an-colors{position:absolute;top:80px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #444;border-radius:12px;background:#252525}.an-colors[hidden]{display:none}.an-colors button{background:var(--swatch);border:1px solid #888;width:24px;height:24px;border-radius:50%;cursor:pointer}.an-colors label{display:flex;align-items:center;gap:4px}.an-colors input{width:28px;height:28px;padding:0;border:0;background:none}.an-editor button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:760px){.an-editor{padding:12px 8px}.an-toolbar{gap:4px;flex-wrap:wrap;justify-content:center;border-radius:18px;max-width:380px}.an-toolbar button{min-width:36px;height:36px;padding:0 6px}.an-toolbar i{display:none}.an-colors{top:108px;gap:6px;flex-wrap:wrap;max-width:95%}.an-stage{padding:12px 0}.an-status{height:auto;min-height:30px;font-size:12px}}
