/* Background picker (Emoji to 3D, SVG to 3D) */
.e3bg{display:flex;flex-direction:column;gap:9px}
.e3bg-row{align-items:center}
.e3-sw.e3bg-screen{color:#fff;font:800 10px/1 system-ui,sans-serif;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.e3bg-pick{position:relative;overflow:hidden;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444)!important;background-size:auto!important}
.e3bg-pick::after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:800 17px/1 system-ui,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}
.e3bg-pick input{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);opacity:0;cursor:pointer;border:0;padding:0}
.e3bg-hex{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:6px 10px;max-width:320px}
.e3bg-hex:focus-within{border-color:var(--primary)}
.e3bg-dot{flex:0 0 18px;height:18px;border-radius:50%;border:1px solid var(--border)}
.e3bg-dot.none{background-color:#fff;background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%,transparent 75%,#cbd5e1 75%),linear-gradient(45deg,#cbd5e1 25%,transparent 25%,transparent 75%,#cbd5e1 75%);background-size:8px 8px;background-position:0 0,4px 4px}
.e3bg-hex input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:13px ui-monospace,Menlo,Consolas,monospace;outline:none}
.e3bg-hex input.bad{color:#dc2626}
.e3bg-hex:has(input.bad){border-color:#dc2626}