.tior-projects {
  width: min(var(--max), calc(100% - var(--page) * 2));
  margin: 0 auto;
  padding: 142px 0 96px;
  color: var(--text);
}

.tior-projects svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.tior-projects button, .tior-projects input, .tior-projects select, .tior-projects textarea { font: inherit; }

.tior-projects__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding-bottom: 50px;
  text-align: center;
}

.tior-projects__kicker { margin: 0; text-align: center; }
.tior-projects__header > p:last-child { max-width: min(980px, 100%); margin: 0; color: var(--muted); font-size: var(--type-footnote); line-height: var(--leading-footnote); }

.tior-projects__tabs { display: flex; gap: 7px; min-height: 58px; border-bottom: 1px solid var(--line); }
.tior-projects__tabs a { display: grid; min-height: 44px; padding: 0 11px; place-items: center; position: relative; color: var(--filter-tab-foreground, var(--muted)); font-size: var(--type-caption-1); font-weight: 500; line-height: var(--leading-caption-1); letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.tior-projects__tabs a[aria-current="page"] { color: var(--text); }
.tior-projects__tabs a[aria-current="page"]::after { content: ""; position: absolute; right: 11px; bottom: -1px; left: 11px; height: 1px; background: currentColor; }

.tior-projects__content { min-height: 420px; }
.tior-projects__toolbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 88px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.tior-projects__toolbar p { margin: 8px 0 0; color: var(--muted); font-size: var(--type-caption-1); line-height: var(--leading-caption-1); }
.tior-projects__toolbar strong { color: var(--text); font-weight: 600; }
.tior-projects__toolbar-actions { display: flex; flex: 0 0 auto; gap: 10px; }

.tior-projects-button {
  display: inline-flex;
  min-height: 48px;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--action-secondary-border, var(--line));
  border-radius: var(--action-radius); corner-shape: squircle;
  background: var(--action-secondary-fill, transparent);
  color: var(--action-secondary-foreground, var(--text));
  box-shadow: none;
  cursor: pointer;
  font-size: var(--type-compact-meta);
  font-weight: 600;
  line-height: var(--leading-compact-meta);
  letter-spacing: .07em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .16s ease-out, border-color .16s ease-out, color .16s ease-out, opacity .16s ease-out, transform .16s var(--motion-direct);
}
.tior-projects-button:hover { border-color: var(--text); color: var(--action-secondary-foreground); }
.tior-projects-button--primary:hover,
.tior-projects-button--staging:hover { border-color: var(--action-primary-hover-border); background: var(--action-primary-hover-fill); color: var(--action-primary-foreground); }
.tior-projects-button:active { transform: scale(.985); }
.tior-projects-button--primary,
.tior-projects-button--staging { border-color: var(--action-primary-border); background: var(--action-primary-fill); color: var(--action-primary-foreground); }
.tior-projects-button svg { width: 15px; height: 15px; }
.tior-projects-button:disabled { opacity: 1; cursor: wait; }

.tior-folder-breadcrumb { display: flex; align-items: center; gap: 6px; }
.tior-folder-breadcrumb svg { width: 13px; height: 13px; color: var(--text-muted); }
.tior-folder-breadcrumb button { padding: 4px 0; border: 0; background: transparent; cursor: pointer; font-size: var(--type-compact-body); font-weight: 500; line-height: var(--leading-compact-body); }
.tior-folder-breadcrumb button:not(:last-child) { color: var(--text-subtle); }

.tior-explorer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 24px 0; }
.tior-folder-card { display: grid; grid-template-columns: 1fr 44px; align-items: center; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-card); corner-shape: squircle; background: var(--surface-raised); box-shadow: none; }
.tior-folder-card__open { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; padding: 18px; border: 0; background: transparent; text-align: left; cursor: pointer; }
.tior-folder-card__open > svg { width: 30px; height: 30px; color: var(--text-subtle); }
.tior-folder-card__open span { display: grid; gap: 5px; min-width: 0; }
.tior-folder-card__open strong, .tior-folder-card__open small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tior-folder-card__open strong { font-size: var(--type-compact-body); font-weight: 600; line-height: var(--leading-compact-body); }
.tior-folder-card__open small { color: var(--muted); font-size: var(--type-caption-1); line-height: var(--leading-caption-1); }
.tior-icon-action, .tior-project-dialog header > button, .tior-result-picker__header > button, .tior-asset-modal__info header > button, .tior-asset-modal__visual-actions > * {
  display: grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface-raised); color: var(--text); cursor: pointer;
}
.tior-icon-action { border-color: transparent; background: transparent; color: var(--text-subtle); }
.tior-icon-action svg { width: 17px; height: 17px; }

.tior-folder-asset { display: grid; position: relative; aspect-ratio: 1; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-card); corner-shape: squircle; background: var(--surface-raised); box-shadow: none; cursor: pointer; }
.tior-folder-asset > img, .tior-folder-asset > .tior-media { width: 100%; height: 100%; object-fit: cover; }

.tior-library { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding-top: 24px; }
.tior-library-item { display: block; position: relative; min-width: 0; aspect-ratio: 1; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-card); corner-shape: squircle; background: var(--surface-raised); box-shadow: none; text-align: left; cursor: pointer; }
.tior-library-item figure { display: block; position: absolute; inset: 0; width: auto; height: auto; margin: 0; overflow: hidden; }
.tior-library-item figure > img, .tior-library-item figure > .tior-media, .tior-library-item__placeholder { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; object-position: center center; background: var(--surface-raised); }
.tior-library-item__placeholder { display: grid; place-items: center; color: var(--text-muted); }
.tior-library-item__placeholder span { font-size: 11px; }
.tior-library-item__candidates { display: flex; position: absolute; z-index: 2; bottom: 12px; left: 50%; gap: 6px; padding: 4px; border: 1px solid rgb(255 255 255 / .18); border-radius: 12px; corner-shape: squircle; background: var(--surface); box-shadow: 0 6px 18px rgb(0 0 0 / .18); transform: translateX(-50%); }
.tior-library-item__candidates > span { display: block; box-sizing: border-box; flex: 0 0 38px; width: 38px; aspect-ratio: 1; overflow: hidden; border: 1px solid rgb(255 255 255 / .22); border-radius: 8px; corner-shape: squircle; background: var(--surface); }
.tior-library-item__candidates > [hidden] { display: none; }
.tior-library-item > figure > .tior-library-item__candidates { overflow: hidden; padding: 0; border: 0; border-radius: 9px; corner-shape: squircle; background: transparent; box-shadow: none; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.tior-library-item > figure > .tior-library-item__candidates > span { border-color: rgb(255 255 255 / .5); background: transparent; }
.tior-library-item__candidates > .tior-library-item__more,
.tior-library-item > figure > .tior-library-item__candidates > .tior-library-item__more { display: grid; place-items: center; background: transparent; -webkit-backdrop-filter: var(--header-backdrop-filter); backdrop-filter: var(--header-backdrop-filter); color: #fff; text-shadow: 0 1px 2px #000, 0 0 3px #000; border-color: rgb(255 255 255 / .5); font: 500 13px/18px var(--font-ui); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .tior-library-item > figure > .tior-library-item__candidates > .tior-library-item__more { background: var(--surface); color: var(--text); text-shadow: none; border-color: var(--line); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
  .tior-library-item > figure > .tior-library-item__candidates > .tior-library-item__more { background: Canvas; color: CanvasText; text-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .tior-library-item > figure > .tior-library-item__candidates > .tior-library-item__more { background: var(--surface); color: var(--text); text-shadow: none; border-color: var(--line); }
}
.tior-library-item__candidates > .tior-library-item__more[hidden],
.tior-library-item > figure > .tior-library-item__candidates > .tior-library-item__more[hidden] { display: none; }
.tior-library-item__candidates img,
.tior-library-item__candidates .tior-media,
.tior-library-item__candidates video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.tior-library-item__candidates .tior-media i svg { width: 15px; height: 15px; }
.tior-media { display: block; position: relative; overflow: hidden; background: var(--surface-raised); }
.tior-media video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.tior-media i { display: grid; position: absolute; inset: 0; place-items: center; color: white; filter: drop-shadow(0 1px 3px rgb(0 0 0 / .45)); }
.tior-media i svg { width: 28px; height: 28px; }

.tior-projects-state { display: grid; max-width: 560px; min-height: 420px; margin: auto; place-content: center; justify-items: center; text-align: center; }
.tior-projects-state > svg { width: 36px; height: 36px; margin-bottom: 20px; color: var(--text-subtle); }
.tior-projects-state h2 { margin: 8px 0; font-size: 28px; font-weight: 520; letter-spacing: -.03em; }
.tior-projects-state > p:not(.kicker) { max-width: 440px; margin: 0 0 22px; color: var(--text-subtle); line-height: 1.6; }
.tior-projects-state__actions { display: flex; gap: 10px; }
.tior-projects-state__spinner { width: 24px; height: 24px; margin-bottom: 20px; border: 1px solid var(--line-strong); border-top-color: var(--text); border-radius: 50%; animation: tior-spin .8s linear infinite; }
@keyframes tior-spin { to { transform: rotate(360deg); } }

.tior-project-dialog {
  width: min(480px, calc(100vw - 32px));
  max-height: min(780px, calc(100svh - 32px));
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel, 18px); corner-shape: squircle;
  background: var(--dialog-fill, var(--surface-raised));
  color: var(--text);
  box-shadow: 0 24px 80px rgb(0 0 0 / .18);
}
.tior-project-dialog::before { display: none; content: none; }
.tior-project-dialog::backdrop { background: rgb(0 0 0 / .55); }
.tior-project-dialog form { display: grid; gap: 20px; padding: 28px; }
.tior-project-dialog header { display: flex; justify-content: space-between; gap: 20px; }
.tior-project-dialog header h2 { margin: 6px 0 0; font-size: 25px; font-weight: 520; letter-spacing: -.03em; }
.tior-project-dialog header > button svg { width: 16px; height: 16px; }
.tior-project-dialog label { display: grid; gap: 8px; font-size: 12px; font-weight: 520; }
.tior-project-dialog input,
.tior-project-dialog select,
.tior-project-dialog textarea { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; corner-shape: squircle; background: var(--field-fill, transparent); color: var(--text); font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.45; letter-spacing: 0; }
.tior-project-dialog textarea { min-height: 112px; padding-block: 13px; resize: vertical; }
.tior-project-dialog input::placeholder, .tior-project-dialog textarea::placeholder { color: var(--text-muted); opacity: 1; }
.tior-project-dialog footer { display: flex; justify-content: flex-end; gap: 10px; }
.tior-project-dialog__error { margin: 0; color: var(--text); font-size: 12px; }

.tior-result-picker {
  width: min(980px, calc(100vw - 40px));
  height: min(760px, calc(100svh - 40px));
  max-width: none;
  max-height: none;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-panel, 18px); corner-shape: squircle;
  background: var(--dialog-fill, var(--surface-raised));
  color: var(--text);
  box-shadow: 0 24px 80px rgb(0 0 0 / .22);
}
.tior-result-picker::backdrop { background: rgb(0 0 0 / .62); }
.tior-result-picker form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: 100%; height: 100%; }
.tior-result-picker__header { display: flex; min-height: 108px; padding: 24px 24px 20px; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.tior-result-picker__header h2 { margin: 5px 0 0; font-size: 25px; font-weight: 520; letter-spacing: -.03em; }
.tior-result-picker__header p:last-child { margin: 6px 0 0; color: var(--text-subtle); font-size: var(--type-caption-1); line-height: var(--leading-caption-1); }
.tior-result-picker__header > button { flex: 0 0 auto; }
.tior-result-picker__header > button svg { width: 16px; height: 16px; }
.tior-result-picker__body { min-height: 0; overflow-y: auto; padding: 24px; }
.tior-result-picker__notice { margin: 0 0 16px; color: var(--text-subtle); font-size: var(--type-footnote); line-height: var(--leading-footnote); text-align: center; }
.tior-result-picker__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.tior-result-picker__choice { display: grid; position: relative; min-width: 0; aspect-ratio: 1; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-card); corner-shape: squircle; background: var(--surface); color: var(--text); box-shadow: none; cursor: pointer; }
.tior-result-picker__choice > img,
.tior-result-picker__choice > .tior-media,
.tior-result-picker__placeholder { width: 100%; height: 100%; object-fit: cover; }
.tior-result-picker__choice[aria-selected="true"] { border-color: var(--selection-border); box-shadow: inset 0 0 0 1px var(--selection-border); }
.tior-result-picker__choice:disabled { cursor: default; }
.tior-result-picker__choice:disabled::before { content: ""; position: absolute; z-index: 2; inset: 0; background: rgb(0 0 0 / .32); }
.tior-result-picker__selection { display: grid; position: absolute; z-index: 4; top: 10px; right: 10px; min-width: 28px; height: 28px; padding: 0 7px; place-items: center; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); color: var(--text); font-size: 10px; font-weight: 600; letter-spacing: .05em; }
.tior-result-picker__choice:not(:disabled) .tior-result-picker__selection { width: 28px; min-width: 28px; padding: 0; }
.tior-result-picker__choice[aria-selected="true"] .tior-result-picker__selection { background: var(--surface); }
.tior-result-picker__choice[aria-selected="true"] .tior-result-picker__selection::after { content: ""; width: 6px; height: 11px; margin-top: -2px; border-right: 2px solid var(--text); border-bottom: 2px solid var(--text); transform: rotate(45deg); }
.tior-result-picker__placeholder { display: grid; place-items: center; color: var(--text-muted); }
.tior-result-picker__placeholder svg { width: 30px; height: 30px; }
.tior-result-picker__empty { display: grid; min-height: 100%; place-content: center; justify-items: center; text-align: center; }
.tior-result-picker__empty > svg { width: 34px; height: 34px; margin-bottom: 16px; color: var(--text-subtle); }
.tior-result-picker__empty h3 { margin: 0; font-size: 20px; font-weight: 560; }
.tior-result-picker__empty p { margin: 8px 0 20px; color: var(--text-subtle); font-size: var(--type-footnote); line-height: var(--leading-footnote); }
.tior-result-picker__footer { display: flex; min-height: 88px; padding: 18px 24px; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); }
.tior-result-picker__footer strong { font-size: var(--type-footnote); font-weight: 560; line-height: var(--leading-footnote); }
.tior-result-picker__footer p { margin: 4px 0 0; font-size: var(--type-caption-1); line-height: var(--leading-caption-1); }
.tior-result-picker__actions { display: flex; flex: 0 0 auto; gap: 10px; }
.tior-result-picker__actions .tior-projects-button:disabled { border-color: var(--line); background: var(--action-primary-disabled-fill); color: var(--action-primary-disabled-foreground); opacity: 1; cursor: not-allowed; }

.tior-asset-modal { width: min(1740px, calc(100vw - 40px)); max-width: none; height: min(860px, calc(100svh - 40px)); max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid rgb(255 255 255 / .12); border-radius: var(--radius-card); corner-shape: squircle; background: var(--surface); color: var(--text); box-shadow: 0 28px 90px rgb(0 0 0 / .34); }
.tior-asset-modal::backdrop { background: rgb(0 0 0 / .82); }
.tior-asset-modal > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 400px); width: 100%; height: 100%; background: var(--surface); }
.tior-asset-modal__visual { display: grid; position: relative; grid-template-rows: minmax(0, 1fr) auto; min-width: 0; min-height: 0; gap: 14px; padding: 32px 96px 20px 32px; align-items: stretch; justify-items: center; }
.tior-asset-modal__stage { display: grid; position: relative; width: 100%; min-height: 0; overflow: hidden; place-items: center; }
.tior-asset-modal__stage > img,
.tior-asset-modal__stage > .tior-asset-modal__video { position: absolute; inset: 0; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; object-fit: contain; border-radius: var(--action-radius); corner-shape: squircle; }
.tior-asset-modal__visual-actions { display: grid; position: absolute; top: 24px; right: 24px; gap: 10px; }
.tior-asset-modal__visual-actions > * { background: var(--media-control-fill); border-color: var(--media-control-border); color: var(--media-control-foreground); text-decoration: none; }
.tior-asset-modal__visual-actions svg { width: 19px; height: 19px; }
.tior-asset-candidates { display: flex; position: static; max-width: 100%; gap: 8px; justify-self: center; overflow-x: auto; transform: none; }
.tior-asset-candidates button { flex: 0 0 auto; width: 64px; aspect-ratio: 1; padding: 1px; overflow: hidden; border: 1px solid var(--media-control-border); border-radius: 10px; corner-shape: squircle; background: transparent; box-shadow: none; transition: border-color .16s ease-out, box-shadow .16s ease-out, transform .16s var(--motion-direct); }
.tior-asset-candidates button[aria-current="true"] { border-color: var(--selection-border); box-shadow: 0 0 0 1px var(--selection-border); }
.tior-asset-candidates button:active { transform: scale(.98); }
.tior-asset-candidates img, .tior-asset-candidates .tior-media { width: 100%; height: 100%; object-fit: cover; border-radius: 9px; corner-shape: squircle; }

@media (hover: hover) and (pointer: fine) {
  .tior-asset-candidates button:hover { border-color: color-mix(in srgb, var(--media-control-foreground) 58%, transparent); }
}

.tior-asset-modal__info { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; border-left: 1px solid var(--line); background: var(--surface); }
.tior-asset-modal__info > header { display: flex; min-height: 72px; padding: 14px 18px 14px 24px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.tior-asset-modal__info h2 { margin: 0; font-size: 15px; font-weight: 580; }
.tior-asset-modal__info header > button { flex: 0 0 auto; }
.tior-asset-modal__scroll { overflow-y: auto; padding: 24px; }
.tior-asset-meta { display: grid; gap: 24px; margin: 0; }
.tior-asset-meta > div { display: grid; gap: 8px; }
.tior-asset-meta dt, .tior-asset-modal__commerce h3, .tior-add-project h3 { color: var(--text-subtle); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.tior-asset-meta dd { margin: 0; font-size: 13px; line-height: 1.5; }
.tior-asset-inputs { display: flex; flex-wrap: wrap; gap: 8px; }
.tior-asset-inputs span { width: 58px; aspect-ratio: 1; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; corner-shape: squircle; background: var(--surface-raised); }
.tior-asset-inputs img, .tior-asset-inputs video { width: 100%; height: 100%; object-fit: cover; }
.tior-asset-modal__empty { margin: 0; color: var(--text-muted); font-size: 12px; }
.tior-asset-modal__commerce, .tior-add-project { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }
.tior-asset-modal__commerce h3, .tior-add-project h3 { margin: 0 0 12px; }
.tior-asset-modal__commerce > .tior-commerce-card + h3 { margin-top: 28px; }
.tior-product-cards { display: grid; gap: 8px; }
.tior-commerce-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 72px; padding: 7px; border: 1px solid var(--line); border-radius: 12px; corner-shape: squircle; color: inherit; text-decoration: none; }
.tior-commerce-card > img, .tior-commerce-card > svg { width: 58px; height: 58px; object-fit: cover; border-radius: 8px; corner-shape: squircle; background: var(--surface-raised); }
.tior-commerce-card span { display: grid; gap: 5px; min-width: 0; }
.tior-commerce-card strong, .tior-commerce-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tior-commerce-card strong { font-size: 12px; font-weight: 560; }
.tior-commerce-card small { color: var(--text-subtle); font-size: 10px; }
.tior-add-project > p { color: var(--text-subtle); font-size: 12px; line-height: 1.5; }
.tior-add-project [data-folder-picker] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-top: 12px; }
.tior-add-project [data-folder-picker][hidden] { display: none; }
.tior-add-project label { display: grid; position: relative; min-width: 0; gap: 6px; color: var(--muted); }
.tior-add-project label::after { content: ""; position: absolute; right: 17px; bottom: 20px; width: 12px; height: 8px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; }
.tior-add-project label span { font-size: 11px; color: var(--text-subtle); }
.tior-add-project select { appearance: none; width: 100%; min-width: 0; min-height: 48px; padding: 0 44px 0 12px; border: 1px solid var(--line); border-radius: 12px; corner-shape: squircle; background: var(--surface-raised); color: var(--muted); font-size: 12px; font-weight: 400; text-overflow: ellipsis; }
.tior-add-project [data-confirm-folder] { align-self: end; }
.tior-add-project [data-folder-status] { grid-column: 1 / -1; margin: 0; font-size: 11px; }
@media (forced-colors: active) {
  .tior-add-project select { appearance: auto; color: CanvasText; }
  .tior-add-project label::after { display: none; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .tior-library-item > figure > .tior-library-item__candidates { background: transparent; }
  .tior-library-item > figure > .tior-library-item__candidates > span { border-color: var(--media-control-border); background: var(--surface-raised); }
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .tior-library-item > figure > .tior-library-item__candidates { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .tior-library-item > figure > .tior-library-item__candidates > span { border-color: var(--contrast-border); background: var(--contrast-card-fill); }
}

@media (forced-colors: active) {
  .tior-library-item > figure > .tior-library-item__candidates { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .tior-library-item > figure > .tior-library-item__candidates > span { border: 1px solid CanvasText; background: Canvas; }
}

@media (max-width: 980px) {
  .tior-explorer, .tior-library { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tior-result-picker__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tior-asset-modal > div { grid-template-columns: minmax(0, 1fr) 340px; }
}

@media (max-width: 760px) {
  .tior-projects { width: min(100% - 44px, var(--max)); padding-top: 126px; }
  .tior-projects__header { padding-bottom: 38px; }
  .tior-projects__toolbar { align-items: flex-start; padding: 18px 0; }
  .tior-explorer, .tior-library { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tior-folder-card,
  .tior-folder-asset,
  .tior-library-item { border-radius: var(--radius-card-mobile); corner-shape: squircle; }
  .tior-result-picker { width: 100vw; height: 100svh; border: 0; border-radius: 0; }
  .tior-result-picker__header { min-height: 100px; padding: 20px 18px 16px; }
  .tior-result-picker__body { padding: 18px; }
  .tior-result-picker__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .tior-result-picker__choice { border-radius: var(--radius-card-mobile); corner-shape: squircle; }
  .tior-result-picker__footer { padding: 14px 18px; }
  .tior-asset-modal { width: 100vw; height: 100svh; overflow-y: auto; border: 0; border-radius: 0; }
  .tior-asset-modal > div { grid-template-columns: 1fr; height: auto; min-height: 100%; }
  .tior-asset-modal__visual { min-height: 58svh; gap: 12px; padding: 16px 70px 12px 16px; }
  .tior-asset-modal__visual-actions { top: 16px; right: 14px; }
  .tior-asset-modal__info { min-height: 42svh; border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 480px) {
  .tior-explorer, .tior-library { grid-template-columns: 1fr 1fr; gap: 10px; }
  .tior-folder-card { grid-column: 1 / -1; }
  .tior-projects__toolbar { flex-direction: column; }
  .tior-projects__toolbar-actions { width: 100%; flex-direction: column; }
  .tior-projects__toolbar .tior-projects-button { width: 100%; }
  .tior-result-picker__footer { align-items: stretch; flex-direction: column; }
  .tior-result-picker__actions { display: grid; grid-template-columns: 1fr 1fr; }
}
.tior-asset-inputs > a { display: grid; gap: 4px; color: var(--muted); text-decoration: none; min-width: 0; }
.tior-asset-inputs > a img, .tior-asset-inputs > a video { width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; corner-shape: squircle; }
.tior-asset-inputs > a small { font: 400 11px/16px var(--font-ui); }
.tior-asset-settings { margin: 20px 0; padding-top: 20px; border-top: 1px solid var(--line); }
.tior-asset-settings h3 { font: 500 13px/18px var(--font-ui); margin: 0 0 16px; }
.tior-asset-settings dd { white-space: pre-wrap; overflow-wrap: anywhere; }
.tior-asset-step { border-top:1px solid var(--line); }
.tior-asset-step summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:12px 0; cursor:pointer; list-style:none; font:500 13px/18px var(--font-ui); color:var(--text); }
.tior-asset-step summary::-webkit-details-marker { display:none; }
.tior-asset-step summary svg { flex:none; color:var(--muted); }
.tior-asset-step[open]>summary svg { transform:rotate(90deg); }
.tior-asset-step summary:focus-visible { outline:2px solid var(--text); outline-offset:2px; border-radius:4px; }
.tior-asset-step__body { padding:0 0 16px; }
.tior-asset-step__body>.tior-asset-settings { margin:0; padding:4px 0 0; border:0; }
.tior-asset-step__body>.tior-asset-settings>h3 { display:none; }
.tior-asset-step__body>p { margin:0; font:400 13px/18px var(--font-ui); color:var(--muted); }