.bbox-draw[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-raised))}.bbox-panel{gap:16px;min-width:0;display:grid}.bbox-paste{gap:8px;min-width:0;display:grid}.bbox-paste-label{font-weight:500}.bbox-paste-row{align-items:flex-start;gap:8px;display:flex}.bbox-paste-text{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg);min-width:0;min-height:2.75rem;color:var(--text);font:.875rem/1.5 var(--mono);flex:1;padding:8px 12px}.bbox-paste-text::placeholder{color:var(--muted);opacity:1}.bbox-paste-text:focus-visible,.bbox-field input:focus-visible{outline:2px solid color-mix(in srgb, var(--text) var(--focus-field,14%), transparent);outline-offset:-2px}@media (hover:hover){:is(.bbox-paste-text,.bbox-field input):hover:not(:focus){border-color:color-mix(in srgb, var(--text) 18%, var(--border))}}.bbox-paste-row .btn{flex:none}.bbox-read,.bbox-fields-status{color:var(--muted);overflow-wrap:anywhere;font-size:.9375rem}.bbox-read:empty{display:none}.bbox-read.is-error,.bbox-fields-status.is-error{color:var(--danger)}.bbox-paste .btn-row:not(:has(:not([hidden]))){display:none}.bbox-result{border:1px solid var(--border);border-radius:var(--radius-3);background:var(--bg-raised);gap:16px;min-width:0;padding:16px 20px;display:grid}.bbox-result-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.bbox-result-what{gap:4px;min-width:0;display:grid}.bbox-result-title{font-size:var(--text-lg);letter-spacing:-.01em}.bbox-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9375rem}.bbox-decimals{align-items:center;gap:10px;display:flex}.bbox-decimals[hidden],.bbox-outputs[hidden]{display:none}.bbox-decimals-label{color:var(--muted);font-size:.9375rem}.bbox-seg{border-radius:var(--radius-2);background:color-mix(in srgb, var(--text) 6%, transparent);padding:1px;display:flex}.bbox-seg button{border-radius:calc(var(--radius-2) - 1px);min-width:36px;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:6px 10px;font-size:.9375rem;font-weight:500}.bbox-seg button[aria-pressed=true]{background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}@media (hover:hover){.bbox-seg button:hover{color:var(--text)}}.bbox-seg button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.bbox-numbers{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bbox-numbers>summary{align-items:center;gap:6px;width:max-content;max-width:100%;padding:10px 0;font-size:.9375rem;font-weight:500;list-style:none;display:flex}.bbox-numbers>summary::-webkit-details-marker{display:none}.bbox-numbers>summary .ico{width:14px;height:14px;color:var(--muted);transition:transform .15s}.bbox-numbers[open]>summary .ico{transform:rotate(90deg)}.bbox-numbers>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){.bbox-numbers>summary .ico{transition:none}}.bbox-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 0 16px;display:grid}@media (width<=700px){.bbox-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.bbox-field{gap:6px;min-width:0;font-size:.9375rem;display:grid}.bbox-field span{color:var(--muted)}.bbox-field input{border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg);width:100%;min-width:0;color:var(--text);font:.875rem var(--mono);font-variant-numeric:tabular-nums;padding:7px 10px}.bbox-field input[aria-invalid=true]{border-color:var(--danger)}@media (width<=700px){.bbox-field input,.bbox-paste-text{font-size:16px}}.bbox-fields-bar{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.bbox-outputs{margin:0;padding:0;list-style:none;display:grid}.bbox-out{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label copy""text text""note note";align-items:center;gap:6px 12px;min-width:0;padding:12px 0;display:grid}.bbox-out+.bbox-out{border-top:1px solid var(--border)}.bbox-out:first-child{padding-top:0}.bbox-out:last-child{padding-bottom:0}@media (width>=800px){.bbox-out{grid-template-columns:15rem minmax(0,1fr) auto;grid-template-areas:"label text copy"".note."}}.bbox-out-label{overflow-wrap:break-word;grid-area:label;font-size:.9375rem;font-weight:500}.bbox-out-text{border-radius:var(--radius-1);background:color-mix(in srgb, var(--text) 5%, transparent);font:.8125rem/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;grid-area:text;min-width:0;margin:0;padding:6px 10px}.bbox-out-copy{grid-area:copy;justify-self:end}.bbox-out-note{color:var(--muted);grid-area:note;font-size:.875rem}.bbox-out-note[hidden]{display:none}.tool-cta code{font:.875em var(--mono);color:var(--text);overflow-wrap:anywhere}.bbox-handle{border:2px solid var(--accent);background:var(--bg-raised);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 60%, transparent);touch-action:none;border-radius:3px}.bbox-handle:before{content:"";position:absolute;inset:-10px}.bbox-handle[data-role=s],.bbox-handle[data-role=n],.bbox-handle[data-role=e],.bbox-handle[data-role=w]{border-radius:50%;width:10px;height:10px}.bbox-handle[data-role=c]{width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.bbox-handle[data-role=c] svg{width:16px;height:16px}@media (pointer:coarse){.bbox-handle:before{inset:-14px}}.bbox-handle[data-role=sw],.bbox-handle[data-role=ne]{cursor:nesw-resize}.bbox-handle[data-role=se],.bbox-handle[data-role=nw]{cursor:nwse-resize}.bbox-handle[data-role=n],.bbox-handle[data-role=s]{cursor:ns-resize}.bbox-handle[data-role=e],.bbox-handle[data-role=w]{cursor:ew-resize}.bbox-handle[data-role=c]{cursor:move}.map-tool-map.is-drawing .maplibregl-canvas{cursor:crosshair}.map-tool-map.is-drawing .bbox-handle{pointer-events:none}