.bmm-image{display:grid;gap:var(--bmm-space-5)}.bmm-image__drop{display:grid;gap:var(--bmm-space-3);place-content:center;justify-items:center;min-height:16rem;padding:var(--bmm-space-6) var(--bmm-space-4);text-align:center;background:var(--bmm-color-hero);border:2px dashed var(--bmm-color-border-strong);border-radius:var(--bmm-radius-md);transition:border-color var(--bmm-duration-fast) ease,background-color var(--bmm-duration-fast) ease}.bmm-image__drop.is-dragover{background:var(--bmm-color-accent-soft);border-color:var(--bmm-color-accent)}.bmm-image__drop-icon{width:3.5rem;height:3.5rem;fill:none;stroke:var(--bmm-color-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.bmm-image__drop-title{font-size:var(--bmm-font-size-lg);font-weight:700}.bmm-image__drop:focus-within{box-shadow:var(--bmm-focus-ring)}.bmm-image__error{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-danger)}.bmm-image__workspace{display:grid;gap:var(--bmm-space-5)}.bmm-image__stage{display:grid;gap:var(--bmm-space-2);min-width:0}.bmm-image__canvas-wrap{position:relative;justify-self:start;max-width:100%;line-height:0}.bmm-image__marker{--bmm-marker-x: 50%;--bmm-marker-y: 50%;position:absolute;top:var(--bmm-marker-y);left:var(--bmm-marker-x);width:1.25rem;height:1.25rem;pointer-events:none;border:3px solid var(--bmm-color-marker);border-radius:50%;box-shadow:0 0 0 1px var(--bmm-color-marker-edge),inset 0 0 0 1px var(--bmm-color-marker-edge);transform:translate(-50%,-50%)}.bmm-image__pins{position:absolute;inset:0;pointer-events:none}.bmm-image__pin-mark{--bmm-marker-x: 50%;--bmm-marker-y: 50%;position:absolute;top:var(--bmm-marker-y);left:var(--bmm-marker-x);display:grid;place-items:center;width:1.25rem;height:1.25rem;font-family:var(--bmm-font-mono);font-size:.6875rem;font-weight:700;line-height:1;color:var(--bmm-color-text);background:var(--bmm-color-marker);border-radius:50%;box-shadow:0 0 0 1px var(--bmm-color-marker-edge);transform:translate(-50%,-50%)}.bmm-image__bar{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;gap:var(--bmm-space-2) var(--bmm-space-3);align-items:center;padding:var(--bmm-space-2);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__bar-chip{width:2.75rem;height:2.75rem;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__bar-text{display:grid;min-width:0}.bmm-image__bar-hex{font-family:var(--bmm-font-mono);font-size:var(--bmm-font-size-md);font-weight:700}.bmm-image__bar-name{overflow:hidden;font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted);text-overflow:ellipsis;white-space:nowrap}.bmm-image__bar [data-bmm-pin]{grid-column:1 / -1}.bmm-image__ink{font-size:var(--bmm-font-size-sm)}.bmm-image__fieldset{min-width:0;padding:0;margin:0;border:0}.bmm-image__fieldset .bmm-field__label{padding:0;margin-bottom:var(--bmm-space-1)}.bmm-image__meta{display:grid;gap:var(--bmm-space-2)}.bmm-image__meta-actions{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2)}.bmm-image__group{display:grid;gap:var(--bmm-space-3);padding-top:var(--bmm-space-4);border-top:1px solid var(--bmm-color-border)}.bmm-image__count{font-family:var(--bmm-font-mono);font-size:var(--bmm-font-size-sm);font-weight:400;color:var(--bmm-color-muted)}.bmm-image__pin-list{display:grid;gap:var(--bmm-space-2);padding:0;list-style:none}.bmm-image__pin{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--bmm-space-1) var(--bmm-space-2);align-items:center;padding:var(--bmm-space-2);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__pin-copy{display:inline-flex;gap:var(--bmm-space-2);align-items:center;min-height:2.75rem;padding:0;font-family:var(--bmm-font-mono);font-weight:600;text-align:left;cursor:copy;background:none;border:0}.bmm-image__pin-chip{flex:none;width:2.25rem;height:2.25rem;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__pin-name{grid-row:2;grid-column:1 / -1;font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-image__status{font-size:var(--bmm-font-size-sm);font-weight:600}.bmm-image__status:empty{display:none}.bmm-image__palette-options{display:flex;flex-wrap:wrap;gap:var(--bmm-space-3) var(--bmm-space-5);align-items:end}.bmm-image__palette-options .bmm-field__input{width:auto;min-width:5rem}.bmm-image__share-bar{width:100%;height:1rem;border:1px solid var(--bmm-color-border);border-radius:99rem}.bmm-image__canvas{max-width:100%;height:auto;max-height:min(32rem,60vh);touch-action:manipulation;cursor:crosshair;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__precision{display:grid;grid-template-columns:auto 1fr;gap:var(--bmm-space-4);align-items:center}.bmm-image__loupe{width:8.25rem;height:8.25rem;image-rendering:pixelated;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__nudge{display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:var(--bmm-space-1)}.bmm-image__nudge-button{width:2.75rem;height:2.75rem;font-size:var(--bmm-font-size-lg);line-height:1;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__nudge-button:hover{border-color:var(--bmm-color-accent)}.bmm-image__nudge-button--up{grid-area:up}.bmm-image__nudge-button--left{grid-area:left}.bmm-image__nudge-button--right{grid-area:right}.bmm-image__nudge-button--down{grid-area:down}.bmm-image__precision .bmm-field__hint{grid-column:1 / -1}.bmm-image__position{display:block;margin-top:var(--bmm-space-1);font-family:var(--bmm-font-mono)}.bmm-image__picked{display:grid;gap:var(--bmm-space-2);align-content:start}.bmm-image__title{margin-bottom:var(--bmm-space-1);font-size:var(--bmm-font-size-lg)}.bmm-image__chip{width:100%;height:5rem;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-image__links{font-size:var(--bmm-font-size-sm)}@media(min-width:30rem){.bmm-image__precision{grid-template-columns:auto auto 1fr}.bmm-image__precision .bmm-field__hint{grid-column:auto}.bmm-image__bar{grid-template-columns:2.75rem minmax(0,1fr) auto auto}.bmm-image__bar [data-bmm-pin]{grid-column:auto}}@media(min-width:48rem){.bmm-image__workspace{grid-template-columns:1fr 18rem}.bmm-image__group{grid-column:1 / -1}}.bmm-image__start{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2);justify-content:center}.bmm-image__exports{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2);align-items:center}