.biome-workbench{container-type:inline-size;display:flex;flex:1;flex-direction:column;min-height:0;color:#f1f5f9}.biome-workbench-layout{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);flex:1;min-height:0;border-top:1px solid var(--border-strong)}.biome-library{display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--border-strong);background:var(--surface-soft)}.biome-library-tools{padding:14px 12px 8px}.biome-search{display:flex;gap:8px;align-items:center;border:1px solid var(--field-border);border-radius:9px;padding:0 9px;background:var(--field-bg);color:var(--muted)}.biome-search input{width:100%;min-width:0;height:36px;background:transparent;outline:none;font-size:12px;color:#f1f5f9}.biome-search:focus-within{outline:2px solid var(--accent-strong);outline-offset:2px}.biome-filters{display:flex;flex-wrap:wrap;gap:2px;margin:10px 0}.biome-filters button{padding:5px;border:1px solid transparent;border-radius:6px;color:var(--muted-strong);font-size:10px}.biome-filters button[aria-pressed=true]{background:var(--accent-muted);border-color:var(--accent-soft);color:var(--accent-strong)}.biome-library-count{display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:10px}.biome-library-list{overflow-y:auto;min-height:0;flex:1;padding:2px 7px 10px;scrollbar-gutter:stable}.biome-library-row{display:flex;width:100%;align-items:center;gap:9px;padding:10px 7px;border:1px solid transparent;border-radius:9px;text-align:left;margin-bottom:3px}.biome-library-row:hover{background:var(--surface-soft)}.biome-library-row[aria-pressed=true]{background:var(--accent-muted);border-color:var(--accent-soft);box-shadow:inset 3px 0 var(--accent-strong)}.biome-swatch{flex-shrink:0;display:block;width:29px;height:34px;border-radius:8px;background:linear-gradient(145deg,#ffffff24,transparent 55%,#00000035),var(--biome-colour);border:1px solid #ffffff26}.biome-row-name{flex:1;min-width:0}.biome-row-name strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.biome-row-name small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.biome-row-share{font-size:10px;color:var(--muted-strong);font-variant-numeric:tabular-nums}.biome-create-button{margin:8px 12px 12px;padding:9px;font-size:12px;font-weight:600;border:1px solid var(--accent-soft);border-radius:8px;color:var(--accent-strong);background:var(--accent-muted)}.biome-inspector{min-width:0;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface-strong) 80%,transparent)}.biome-selected{display:flex;align-items:center;gap:12px;padding:18px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--biome-colour) 20%,transparent),transparent 75%)}.biome-selected>.biome-swatch{width:45px;height:52px;border-radius:12px}.biome-selected>div{min-width:0}.biome-eyebrow{color:var(--muted);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.biome-selected h3,.biome-create-form h3{font-size:19px;font-weight:650;line-height:1.2;margin:4px 0;overflow-wrap:anywhere}.biome-selected p{font-size:11px;color:var(--muted-strong);margin-top:5px}.biome-views{display:flex;padding:0 16px;border-bottom:1px solid var(--border-strong);gap:17px}.biome-views button{padding:10px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.biome-views button[aria-pressed=true]{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.biome-inspector-scroll{min-height:0;overflow-y:auto;padding:18px;flex:1;scrollbar-gutter:stable}.biome-workbench h4{font-size:13px;font-weight:650;margin-bottom:7px}.biome-paint-panel,.biome-replace-panel,.biome-identity,.biome-create-form{display:flex;flex-direction:column;gap:12px}.biome-workbench p{line-height:1.6}.biome-paint-panel p,.biome-replace-panel p,.biome-create-form>p{color:var(--muted-strong);font-size:12px}.biome-workbench .biome-note{font-size:11px;color:var(--muted)}.biome-primary,.biome-secondary{width:100%;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:600}.biome-secondary{background:var(--surface-soft);border:1px solid var(--border-strong);color:var(--muted-strong)}.biome-workbench button:disabled{opacity:.4;cursor:not-allowed}.biome-workbench button:focus-visible,.biome-workbench input:focus-visible,.biome-workbench select:focus-visible,.biome-workbench summary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.biome-workbench label{font-size:11px;color:var(--muted-strong)}.biome-identity{border-top:1px solid var(--border-strong);padding-top:17px;margin-top:5px}.biome-identity h4{margin:0}.biome-identity label>input,.biome-colour-input,.biome-replace-panel select,.biome-create-form label>input{display:flex;width:100%;border:1px solid var(--field-border);border-radius:7px;background:var(--field-bg);padding:8px 10px;margin-top:5px;font-size:12px;color:#f1f5f9}.biome-colour-input{gap:9px;align-items:center;padding:5px}.biome-colour-input input[type=color]{width:32px;height:27px;border:0;background:transparent;padding:0;cursor:pointer}.biome-colour-input input[type=text],.biome-colour-input input:not([type]){flex:1;width:0;background:transparent;font-family:monospace}.biome-coverage{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--border-strong);padding-top:14px;font-size:11px;color:var(--muted)}.biome-coverage strong{color:var(--muted-strong);font-weight:500}.biome-coverage>div{grid-column:1 / -1;background:var(--surface-soft);height:5px;overflow:hidden;border-radius:9px}.biome-coverage i{display:block;height:100%}.biome-coverage small{grid-column:1 / -1;font-size:10px}.biome-appearance>.biome-note{margin-bottom:15px}.biome-planet-settings{border-top:1px solid var(--border-strong);margin-top:20px;padding-top:14px}.biome-planet-settings summary{font-size:12px;cursor:pointer}.biome-planet-settings .biome-note{margin:10px 0}.biome-create-form{padding:20px;overflow-y:auto}.biome-create-form label>input[type=color]{height:40px;padding:4px}.biome-replacement-preview{display:flex;gap:10px;align-items:center;padding:12px;border-radius:9px;border:1px solid var(--border-strong)}.biome-replacement-preview strong{font-size:13px}.biome-replacement-preview p{font-size:10px}.biome-replace-review{display:flex;flex-direction:column;gap:12px;padding:13px;border-radius:10px;border:1px solid var(--accent-soft);background:var(--accent-muted)}.biome-replace-review>strong{font-size:13px}.biome-empty{padding:20px 12px;color:var(--muted);font-size:12px;line-height:1.7}.biome-empty button{margin-top:10px;color:var(--accent-strong);text-decoration:underline}.biome-workbench-status{min-height:34px;display:flex;align-items:center;gap:7px;padding:8px 15px;border-top:1px solid var(--border-strong);font-size:10px;color:var(--muted)}.biome-workbench-status [role=status]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.biome-status-dot{width:5px;height:5px;background:var(--accent-strong);border-radius:50%;flex-shrink:0}@container (max-width: 510px){.biome-workbench-layout{display:flex;flex-direction:column;overflow-y:auto}.biome-library{flex:0 0 230px;border-right:0;border-bottom:1px solid var(--border-strong)}.biome-library-tools{padding:10px 12px 4px}.biome-filters{margin:7px 0}.biome-library-row{padding:6px}.biome-create-button{margin:4px 12px 8px;padding:6px}.biome-inspector{flex:0 0 auto}.biome-inspector-scroll,.biome-create-form{overflow:visible}}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.mt-3 {
    margin-top: 0.75rem
}
.block {
    display: block
}
.flex {
    display: flex
}
.grid {
    display: grid
}
.h-20 {
    height: 5rem
}
.h-8 {
    height: 2rem
}
.h-9 {
    height: 2.25rem
}
.w-12 {
    width: 3rem
}
.w-full {
    width: 100%
}
.min-w-0 {
    min-width: 0px
}
.cursor-pointer {
    cursor: pointer
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.items-center {
    align-items: center
}
.justify-between {
    justify-content: space-between
}
.gap-2 {
    gap: 0.5rem
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.rounded-lg {
    border-radius: 0.5rem
}
.rounded-md {
    border-radius: 0.375rem
}
.border {
    border-width: 1px
}
.border-t {
    border-top-width: 1px
}
.border-white\/10 {
    border-color: rgb(255 255 255 / 0.1)
}
.bg-slate-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
.bg-slate-950\/65 {
    background-color: rgb(2 6 23 / 0.65)
}
.p-1 {
    padding: 0.25rem
}
.p-3 {
    padding: 0.75rem
}
.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.pt-2 {
    padding-top: 0.5rem
}
.text-\[10px\] {
    font-size: 10px
}
.text-\[11px\] {
    font-size: 11px
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.font-semibold {
    font-weight: 600
}
.leading-4 {
    line-height: 1rem
}
.text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity, 1))
}
.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.underline {
    text-decoration-line: underline
}
.accent-\[var\(--accent-strong\)\] {
    accent-color: var(--accent-strong)
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}