@layer properties,theme,base;@layer components{.media-sheet-pill{border:1px solid var(--pill-border);border-radius:var(--radius-xl);background:var(--pill-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:.375rem;height:2rem;padding-inline:.75rem;font-size:.75rem;font-weight:500;line-height:1rem;transition:background-color .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.media-sheet-pill:hover,.media-sheet-pill[data-state=open]{background:color-mix(in oklab,var(--pill-surface) 92%,var(--foreground));border-color:color-mix(in oklab,var(--foreground) 18%,transparent)}.media-sheet-pill[data-narrowed]{border-color:color-mix(in oklab,var(--primary) 55%,transparent)}.media-chip{border:1px solid var(--pill-border);border-radius:var(--radius-xl);flex-shrink:0;transition:background-color .15s,border-color .15s;display:inline-flex}.media-chip,.media-tile-control{cursor:pointer;background:color-mix(in oklab,var(--foreground) 5%,transparent);white-space:nowrap;align-items:center;gap:.375rem;height:2.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.media-tile-control{border-radius:var(--radius-md);width:100%;min-width:0;transition:background-color .15s;display:flex}.media-chip:hover,.media-chip[aria-expanded=true],.media-chip[data-state=open],.media-tile-control:hover,.media-tile-control[aria-expanded=true],.media-tile-control[data-state=open]{background:color-mix(in oklab,var(--foreground) 10%,transparent)}.media-chip:focus-visible,.media-tile-control:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--ring) 60%,transparent);outline:none}.media-chip[aria-checked=true]{border-color:color-mix(in oklab,var(--primary) 45%,transparent);background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.media-chip[data-flagged=true],.media-tile-control[data-flagged=true]{border-color:color-mix(in oklab,var(--destructive) 70%,transparent);box-shadow:0 0 0 2px color-mix(in oklab,var(--destructive) 35%,transparent)}.media-aspect-glyph{transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.media-aspect-glyph{transition:none}}.media-plate{border:1px solid var(--pill-border);background:radial-gradient(120% 90% at 100% 0,color-mix(in oklab,var(--primary) 30%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in oklab,var(--primary) 12%,var(--background)),var(--background))}.media-dot-rule{min-width:0;height:3px;display:block}.media-dot-rule:before{background:color-mix(in srgb,var(--primary) 34%,transparent);content:"";height:100%;display:block;-webkit-mask:radial-gradient(circle,#000 .85px,#0000 1.15px) 0 0/6px 3px round;mask:radial-gradient(circle,#000 .85px,#0000 1.15px) 0 0/6px 3px round}.media-dot-rule[data-fade=end]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 55%);mask-image:linear-gradient(270deg,#0000,#000 55%)}.media-dot-rule[data-fade=end]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}.media-dot-rule[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.media-ground-ink{opacity:calc(var(--chat-ground-alpha) * 1.5);color:rgb(var(--chat-ground-ink))}.media-library-kind{cursor:pointer;height:2rem;color:var(--muted-foreground);white-space:nowrap;border-radius:.625rem;flex:none;align-items:center;gap:.375rem;padding-inline:.75rem;font-size:.8125rem;font-weight:500;line-height:1rem;transition:color .15s,background-color .15s;display:inline-flex}.media-library-kind:hover{color:var(--foreground);background:color-mix(in oklab,var(--foreground) 6%,transparent)}.media-library-kind:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--ring) 60%,transparent);outline:none}.media-library-kind[aria-pressed=true]{color:var(--primary);background:color-mix(in oklab,var(--primary) 14%,transparent)}.media-chip-row{scrollbar-width:none;overflow-x:auto}.media-chip-row::-webkit-scrollbar{display:none}.media-nav__row{border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;padding:.375rem .5rem;transition:background-color .15s;display:flex}.media-nav__row:focus-visible,.media-nav__row:hover{background:color-mix(in oklab,var(--foreground) 6%,transparent);outline:none}.media-nav__mark{border:1px solid var(--pill-border);background:color-mix(in oklab,var(--foreground) 5%,transparent);width:2.25rem;height:2.25rem;color:color-mix(in srgb,var(--foreground) 75%,var(--popover));border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:flex}.media-number{appearance:textfield}.media-number::-webkit-inner-spin-button{appearance:none;margin:0}.media-number::-webkit-outer-spin-button{appearance:none;margin:0}.media-filter-field{cursor:pointer;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);border-radius:.625rem;align-items:center;gap:.5rem;width:100%;height:2.25rem;padding-inline:.375rem .625rem;transition:background-color .15s,border-color .15s;display:flex}.media-filter-field:hover,.media-filter-field[data-state=open]{background:color-mix(in oklab,var(--foreground) 5%,transparent);border-color:color-mix(in oklab,var(--foreground) 22%,transparent)}.media-filter-field__art{background:color-mix(in oklab,var(--foreground) 6%,transparent);width:1.5rem;height:1.5rem;color:var(--muted-foreground);letter-spacing:.02em;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.5625rem;font-weight:600;transition:color .15s,background-color .15s;display:flex;position:relative;overflow:hidden}.media-filter-field[data-on] .media-filter-field__art{color:var(--primary);background:color-mix(in oklab,var(--primary) 14%,transparent)}.media-tile{--media-tile-ground:color-mix(in oklab, var(--muted) 45%, var(--background));--ink-ground:var(--media-tile-ground);background:var(--media-tile-ground);border-radius:.25rem;flex:none;position:relative;overflow:hidden;container:media-tile/size}.media-tile__rail{visibility:hidden;opacity:0;transition:opacity .15s,visibility 0s linear .15s}@media (hover:hover){.media-tile:hover .media-tile__rail{visibility:visible;opacity:1;transition-delay:0s}}.media-tile:has(:focus-visible) .media-tile__rail{visibility:visible;opacity:1;transition-delay:0s}@starting-style{.media-tile:hover .media-tile__rail{opacity:0}.media-tile:has(:focus-visible) .media-tile__rail{opacity:0}}.media-tile__rail{--media-tile-action:1.75rem;--media-tile-glyph:1rem;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);background:#0c0c0e94;border:1px solid #ffffff24;border-radius:1.125rem;gap:.125rem;padding:.1875rem;display:flex;position:absolute;inset-inline-end:.5rem;box-shadow:0 6px 16px -6px #0000008c}.media-tile__rail--top{flex-direction:column;inset-block-start:.5rem}.media-tile__foot{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.375rem;max-width:calc(100% - 1rem);display:flex;position:absolute;inset-block-end:.5rem;inset-inline-end:.5rem}.media-tile__foot>.media-tile__rail{pointer-events:auto;position:static}@container media-tile (height<=7.99rem){.media-tile__rail--top{flex-direction:row;inset-block-start:.375rem}.media-tile__rail{--media-tile-action:1.5rem;--media-tile-glyph:.875rem;padding:.125rem;inset-inline-end:.375rem}.media-tile__foot{inset-block-end:.375rem;inset-inline-end:.375rem}}@container media-tile (width<=5.99rem){.media-tile__foot>.media-tile__rail:not(:last-child){display:none}}@container media-tile (height<=4.1rem){.media-tile__rail{display:none}}@container media-tile (width<=4.1rem){.media-tile__rail{display:none}}}@layer utilities;