.bead-dialog{width:min(440px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line,#ddd);border-radius:8px;padding:24px;background:var(--paper,#fff);color:var(--ink,#222)}.bead-dialog::backdrop{background:#0006}.bead-dialog h3{font-size:18px;margin:0 0 16px}.bead-dialog p{font-size:14px}.bead-dialog button{padding:10px 14px;background:var(--paper,#fff);color:var(--ink,#222);border:1px solid var(--line,#ccc);border-radius:5px;cursor:pointer;font:inherit}.bead-colors{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.bead-colors button{display:flex;align-items:center;gap:8px}.bead-colors button span:first-child{width:28px;height:28px;border:1px solid #888;border-radius:4px}.bead-admin-editor{width:min(1000px,calc(100% - 32px))}.bead-admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.bead-admin-stage{overflow:auto;max-height:60vh;background:#eee;touch-action:pan-x pan-y}.bead-admin-stage canvas{display:block;image-rendering:pixelated;max-width:none}.bead-admin-toolbar select{padding:8px;font:inherit}
.bead-inline-picker{position:fixed;inset:auto;margin:0;width:max-content;max-width:min(300px,calc(100vw - 16px));max-height:60dvh;overflow:auto;padding:8px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--paper,#fff);color:var(--ink,#222);box-shadow:0 4px 20px #0003}.bead-inline-picker::backdrop{background:transparent;pointer-events:none}.bead-inline-picker .bead-colors{margin:0;gap:6px;max-width:280px;font:13px sans-serif}.bead-inline-picker button{min-height:42px;padding:6px 8px;border:1px solid var(--line,#ddd);border-radius:5px;background:var(--paper,#fff);color:var(--ink,#222);font:inherit;cursor:pointer}.bead-inline-picker button:hover{background:var(--soft,#f3f3f3)}.bead-inline-picker button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}