.bf-random-panel[data-v-87787ea5]{container-type:inline-size;container-name:bfrandom;position:relative;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.bf-random-panel__frame[data-v-87787ea5]{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column}.bf-random-panel__intro[data-v-87787ea5]{flex-shrink:0;padding:var(--space-4) var(--space-5) 0;margin-bottom:var(--space-3)}.bf-random-panel__title[data-v-87787ea5]{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:clamp(1.15rem,2.5cqi + .5rem,1.55rem);font-weight:600;letter-spacing:var(--letter-spacing-tight-heading);color:var(--color-text-primary)}.bf-random-panel__lede[data-v-87787ea5]{margin:0;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.bf-random-panel__workspace[data-v-87787ea5]{flex:1;min-height:0;display:flex;flex-direction:column}.bf-random-panel__surface[data-v-87787ea5]{border-top:1px solid var(--color-border-default);background:var(--color-surface-base);overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.bf-random-panel__row[data-v-87787ea5]{flex-shrink:0;padding-inline:var(--space-5);padding-block:var(--space-3)}.bf-random-panel__row+.bf-random-panel__row[data-v-87787ea5]{border-top:1px solid var(--color-border-default)}.bf-random-panel__row--toolbar[data-v-87787ea5]{padding-block:var(--space-3)}.bf-random-panel__kind-tab.bf-segmented__btn--active.bf-random-panel__kind-tab--int[data-v-87787ea5]{color:var(--bf-random-kind-int-fg);background:var(--bf-random-kind-int-bg)}.bf-random-panel__kind-tab.bf-segmented__btn--active.bf-random-panel__kind-tab--float[data-v-87787ea5]{color:var(--bf-random-kind-float-fg);background:var(--bf-random-kind-float-bg)}.bf-random-panel__kind-tab.bf-segmented__btn--active.bf-random-panel__kind-tab--uuid[data-v-87787ea5]{color:var(--bf-random-kind-uuid-fg);background:var(--bf-random-kind-uuid-bg)}.bf-random-panel__kind-tab.bf-segmented__btn--active.bf-random-panel__kind-tab--string[data-v-87787ea5]{color:var(--bf-random-kind-string-fg);background:var(--bf-random-kind-string-bg)}.bf-random-panel__kind-tab.bf-segmented__btn--active.bf-random-panel__kind-tab--bytes-hex[data-v-87787ea5]{color:var(--bf-random-kind-bytes-hex-fg);background:var(--bf-random-kind-bytes-hex-bg)}.bf-random-panel__kind-tab.bf-segmented__btn--active.bf-random-panel__kind-tab--bytes-b64[data-v-87787ea5]{color:var(--bf-random-kind-bytes-b64-fg);background:var(--bf-random-kind-bytes-b64-bg)}.bf-random-panel__row--options[data-v-87787ea5]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.bf-random-panel__options-hint[data-v-87787ea5]{flex-basis:100%;margin:0}.bf-random-panel__string-chars-row[data-v-87787ea5]{flex-basis:100%;display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.bf-random-panel__string-chars-label[data-v-87787ea5]{padding-top:var(--space-2)}.bf-random-panel__textarea-chars[data-v-87787ea5]{flex:1;min-width:0;max-width:100%;margin:0;min-height:4.25rem;max-height:min(10rem,28dvh);resize:vertical;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}@container bfrandom (max-width: 480px){.bf-random-panel__string-chars-row[data-v-87787ea5]{flex-direction:column;align-items:stretch;gap:var(--space-1)}.bf-random-panel__string-chars-label[data-v-87787ea5]{padding-top:0}}.bf-random-panel__inline-field[data-v-87787ea5]{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-width:0}.bf-random-panel__inline-label[data-v-87787ea5]{margin:0;flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.bf-random-panel__input[data-v-87787ea5]{box-sizing:border-box;width:auto;margin:0;padding:var(--space-2) var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-body-sm);line-height:var(--line-height-tight);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.bf-random-panel__input[data-v-87787ea5]:focus{outline:none;border-color:var(--color-focus-ring)}.bf-random-panel__input--range[data-v-87787ea5]{max-width:4.25rem;min-width:2.25rem}.bf-random-panel__input--narrow[data-v-87787ea5]{max-width:3.25rem;min-width:2rem}.bf-random-panel__input--count[data-v-87787ea5]{max-width:3.5rem;min-width:2.25rem}.bf-random-panel__row--bottom-run[data-v-87787ea5]{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding-block:var(--space-3)}.bf-random-panel__run-line[data-v-87787ea5]{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);min-width:0}.bf-random-panel__run-line .bf-random-panel__generate[data-v-87787ea5]{margin-left:auto}.bf-random-panel__count-hint[data-v-87787ea5]{margin:0}.bf-random-panel__generate[data-v-87787ea5]{min-width:8rem;flex-shrink:0}.bf-random-panel__toolbar[data-v-87787ea5]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.bf-random-panel__toolbar-start[data-v-87787ea5]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.bf-random-panel__fields[data-v-87787ea5]{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-default)}.bf-random-panel__field[data-v-87787ea5]{flex:1;min-height:0;display:flex;flex-direction:column}.bf-random-panel__field-head[data-v-87787ea5]{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.bf-random-panel__field-head--output[data-v-87787ea5]{width:100%;box-sizing:border-box;justify-content:space-between;align-items:center}.bf-random-panel__label[data-v-87787ea5]{margin-bottom:0;flex-shrink:0}.bf-random-panel__io[data-v-87787ea5]{flex:1;min-height:0;display:flex;flex-direction:column}.bf-random-panel__output-actions[data-v-87787ea5]{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--space-1);flex-shrink:0}.bf-random-panel__output-actions .bf-copy-btn[data-v-87787ea5]{position:relative}.bf-copy-btn[data-v-87787ea5]{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.bf-copy-btn[data-v-87787ea5]:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-surface-raised)}.bf-copy-btn[data-v-87787ea5]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-copy-btn--download[data-v-87787ea5]{width:auto;gap:var(--space-1);padding-inline:var(--space-2);color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface-card)}.bf-copy-btn--download[data-v-87787ea5]:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-surface-raised)}.bf-copy-btn__download-text[data-v-87787ea5]{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;line-height:1}.bf-copy-btn__label[data-v-87787ea5]{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-surface-base);pointer-events:none}.bf-random-panel__textarea[data-v-87787ea5]{flex:1;min-height:0;margin:0;resize:none;overflow-y:auto;width:100%;box-sizing:border-box}.bf-random-panel__empty[data-v-87787ea5]{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.bf-random-panel__empty-label[data-v-87787ea5]{font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-weight:500;letter-spacing:var(--letter-spacing-tagline);text-transform:uppercase;color:var(--color-text-muted);opacity:.5}.bf-toast[data-v-87787ea5]{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:50;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px var(--color-shadow)}.bf-toast-enter-active[data-v-87787ea5],.bf-toast-leave-active[data-v-87787ea5]{transition:opacity .2s ease,transform .2s ease}.bf-toast-enter-from[data-v-87787ea5]{opacity:0;transform:translate(-50%) translateY(.5rem)}.bf-toast-leave-to[data-v-87787ea5]{opacity:0;transform:translate(-50%) translateY(-.25rem)}.bf-random-panel__footer[data-v-87787ea5]{flex-shrink:0;padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom,0px));font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-tagline);color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border-default)}@container bfrandom (min-width: 1200px){.bf-random-panel__frame[data-v-87787ea5]{max-width:var(--content-max-width);margin-inline:auto}.bf-random-panel__intro[data-v-87787ea5]{padding-top:var(--space-6);margin-bottom:var(--space-4)}}.bf-tool-page-vue[data-v-220edc5f]{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.bf-tool-page-vue__panel[data-v-220edc5f]{flex:1;min-height:0;min-width:0}