@media (min-width:64rem){.fav{grid-template-rows:auto 1fr}}.fav__main .sheet__body{flex:1;align-content:start}@media (min-width:64rem){.fav__side{grid-row:span 2}}.fav__result{gap:var(--space-4);transition:opacity var(--duration) var(--ease-out);display:grid}.fav__result.is-busy{opacity:.6}.fav__stage{gap:var(--space-3);margin:0;display:grid}.fav__scenes{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);display:grid}@media (min-width:40rem){.fav__scenes{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center}}.fav__browser{--fav-strip:#dfe1e5;--fav-tab:#fff;--fav-text:#202124;--fav-muted:#5f6368;min-inline-size:0;padding:var(--space-2) var(--space-3) 0;border-radius:var(--radius) var(--radius) 0 0;background:var(--fav-strip);display:flex}.fav__browser--dark{--fav-strip:#202124;--fav-tab:#35363a;--fav-text:#e8eaed;--fav-muted:#9aa0a6}.fav__tab{gap:var(--space-2);inline-size:min(15rem,100%);min-inline-size:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius) var(--radius) 0 0;background:var(--fav-tab);color:var(--fav-text);font-family:system-ui,sans-serif;font-size:var(--text-xs);align-items:center;display:flex}.fav__tab-icon{flex:none;block-size:16px;inline-size:16px}.fav__tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.fav__tab-close{block-size:.75rem;inline-size:.75rem;color:var(--fav-muted);flex:none}.fav__home{justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 40%, #13121c));display:grid}@media (min-width:40rem){.fav__home{grid-area:1/2/span 2}}.fav__tile{border-radius:22.5%;block-size:72px;inline-size:72px;box-shadow:0 2px 8px #00000040}.fav__tile-name{color:#fff;max-inline-size:6rem;font-family:system-ui,sans-serif;font-size:var(--text-xs);text-overflow:ellipsis;text-shadow:0 1px 2px #0006;white-space:nowrap;overflow:hidden}.fav__tab-icon:not([src]),.fav__tile:not([src]),.fav__thumb img:not([src]),.fav__actual img:not([src]){visibility:hidden}.fav__caption{gap:var(--space-2) var(--space-3);color:var(--ink-2);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.fav__actual{gap:var(--space-3);align-items:end;display:inline-flex}.fav__actual img{image-rendering:auto}.fav__drop .dropzone--compact{gap:var(--space-2);padding:var(--space-3) var(--space-4)}@media (min-width:40rem){.fav__drop .dropzone--compact{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}}.fav__drop .dropzone--compact .dropzone__icon,.fav__drop .dropzone--compact .dropzone__hint{display:none}.fav__drop .dropzone--compact .dropzone__title{font-size:var(--text-base);font-weight:600}.fav__files{border-block-start:1px solid var(--sheet-rule);display:grid}.fav__row{gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--sheet-rule);grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;display:grid}.fav__thumb{border:1px solid var(--sheet-border);border-radius:var(--radius-sm);background-color:var(--paper);background-image:conic-gradient(var(--sheet-rule) 25%, transparent 0 50%, var(--sheet-rule) 0 75%, transparent 0);background-size:8px 8px;place-items:center;block-size:2.5rem;inline-size:2.5rem;display:grid}.fav__thumb img{block-size:1.75rem;inline-size:1.75rem}.fav__row--doc .fav__thumb img{opacity:.35}.fav__row-head{gap:.125rem;min-inline-size:0;display:grid}.fav__row-name{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.fav__row-meta{color:var(--ink-3);font-size:var(--text-sm)}.fav__settings{gap:var(--space-5);padding-block-start:var(--space-4)}.fav__segmented{display:flex}.fav__segmented label{text-align:center;flex:1;place-items:center;min-block-size:2.25rem;display:grid}.fav__bg{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.fav__range-head{gap:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.fav__value{color:var(--accent);font-family:"Literata Variable", var(--font-display);font-size:var(--text-md);font-weight:600}.fav__color{gap:var(--space-3);align-items:center;display:flex}.fav__swatch{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sheet);cursor:pointer;flex:none;block-size:2.5rem;inline-size:2.5rem;padding:.1875rem}.fav__swatch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fav__swatch:disabled{cursor:not-allowed;opacity:.45}.fav__group{gap:var(--space-4);min-inline-size:0;padding:var(--space-4) 0 0;border:0;border-block-start:1px solid var(--sheet-rule);margin:0;display:grid}.fav__legend{float:inline-start;inline-size:100%;color:var(--ink);font-size:var(--text-sm);padding:0;font-weight:650}.fav__snippet{padding:var(--space-3) var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;margin:0;line-height:1.7;overflow-x:auto}.fav__snippet:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fav__code .sheet__bar{justify-content:flex-end}[dir=rtl] .fav__snippet{text-align:start;direction:ltr}.fav [hidden]{display:none}@media (prefers-reduced-motion:reduce){.fav__result{transition:none}}