.choices{position:relative;overflow:hidden;margin-bottom:var(--choices-guttering, 24px);font-size:var(--choices-font-size-lg, 16px)}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled :is(.choices__inner,.choices__input){background-color:var(--choices-bg-color-disabled, #eaeaea);cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed;color:var(--choices-item-disabled-color, #fff)}.choices [hidden]{position:absolute;inset:0;pointer-events:none;opacity:0}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:var(--choices-inner-one-padding, 7.5px)}.choices[data-type*=select-one] .choices__input{display:block;width:var(--choices-width, 100%);padding:var(--choices-dropdown-item-padding, 10px);border-bottom:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);background-color:var(--choices-bg-color-dropdown, #fff);margin:0}.choices[data-type*=select-one] .choices__button{background-image:var(--choices-icon-cross-inverse, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:is(:hover,:focus){opacity:var(--choices-button-opacity-hover, 1)}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px var(--choices-highlight-color, #005F75)}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:var(--choices-text-color, #333) transparent transparent transparent;border-width:var(--choices-arrow-size, 5px);position:absolute;right:var(--choices-arrow-right, 11.5px);top:50%;margin-top:var(--choices-arrow-margin-top, -2.5px);pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent var(--choices-text-color, #333);margin-top:var(--choices-arrow-margin-top-open, -7.5px)}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__inner{cursor:text}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button{position:relative;display:inline-block;margin:0 calc(var(--choices-button-offset, 8px)*-.5)0 var(--choices-button-offset, 8px);padding-left:calc(var(--choices-button-offset, 8px)*2);border-left:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black));background-image:var(--choices-icon-cross, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));background-size:var(--choices-button-dimension, 8px);width:var(--choices-button-dimension, 8px);line-height:var(--choices-button-line-height, 1);border-radius:var(--choices-button-border-radius, 0);opacity:var(--choices-button-opacity, 0.75)}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button:is(:hover,:focus){--choices-button-opacity:var(--choices-button-opacity-hover, 1)}.choices__inner{display:inline-block;vertical-align:top;width:var(--choices-width, 100%);background-color:var(--choices-bg-color, #f9f9f9);padding:var(--choices-inner-padding, 7.5px 7.5px 3.75px);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);border-radius:var(--choices-border-radius, 2.5px);font-size:var(--choices-font-size-md, 14px);min-height:var(--choices-input-height, 44px);overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-open .choices__inner{border-radius:var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)0 0}.is-invalid .choices__inner{border-color:var(--choices-invalid-color, #d33141)}.is-flipped.is-open .choices__inner{border-radius:0 0 var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:var(--choices-list-single-padding, 4px 16px 4px 4px)}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single,.choices__list--single .choices__item{width:var(--choices-width, 100%)}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:var(--choices-border-radius-item, 20px);padding:var(--choices-multiple-item-padding, 4px 10px);font-size:var(--choices-font-size-sm, 12px);font-weight:500;margin-right:var(--choices-multiple-item-margin, 3.75px);margin-bottom:var(--choices-multiple-item-margin, 3.75px);background-color:var(--choices-primary-color, #005F75);border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));color:var(--choices-item-color, #fff);word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:var(--choices-multiple-item-margin, 3.75px)}.choices__list--multiple .choices__item.is-highlighted{background-color:color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black))}.is-disabled .choices__list--multiple .choices__item{background-color:color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 75%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 65%,var(--choices-darken, black))}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:var(--choices-z-index, 1);position:absolute;width:var(--choices-width, 100%);background-color:var(--choices-bg-color-dropdown, #fff);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);top:100%;margin-top:-1px;border-bottom-left-radius:var(--choices-border-radius, 2.5px);border-bottom-right-radius:var(--choices-border-radius, 2.5px);overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:var(--choices-dropdown-item-padding, 10px);font-size:var(--choices-font-size-md, 14px)}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{content:attr(data-select-text);font-size:var(--choices-font-size-sm, 12px);position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-selected::after,.choices__list[aria-expanded] .choices__item--selectable.is-selected::after{content:none!important}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list--dropdown .choices__item--selectable.is-selected,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-selected{background-color:var(--choices-highlighted-color, #f2f2f2)}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid color-mix(in srgb,var(--choices-keyline-color, #ddd) 90%,var(--choices-lighten, white));color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:var(--choices-bg-color, #f9f9f9);font-size:var(--choices-font-size-md, 14px);margin-bottom:var(--choices-input-margin-bottom, 5px);border:0;border-radius:0;max-width:var(--choices-width, 100%);padding:var(--choices-input-padding, 4px 0 4px 2px)}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:var(--choices-placeholder-opacity, 0.5)}
/* Shared CSS-only fades. Keep continuous drawing and input updates immediate. */
:root {
  --site-motion-duration: 180ms;
  --site-motion-easing: ease;
}

:where(*) {
  transition-property: opacity, display, visibility;
  transition-duration: var(--site-motion-duration);
  transition-timing-function: var(--site-motion-easing);
  transition-behavior: allow-discrete;
}
:where(button, a, summary, input, textarea, select, progress, .button, .choices__inner, .choices__item,
  .drop-zone, .verify-drop, .workbench, .restoration-stage, .layer-row, .thumbnail, .restoration-item, .upload-action) {
  transition-property: opacity, color, background-color, border-color, box-shadow, display, visibility;
}

[hidden] { opacity: 0 !important; pointer-events: none; }

/* Native details retain their content for the closing fade, without JS timers. */
details::details-content {
  opacity: 0;
  content-visibility: hidden;
  transition: opacity var(--site-motion-duration) var(--site-motion-easing), content-visibility var(--site-motion-duration) allow-discrete;
}
details[open]::details-content { opacity: 1; content-visibility: visible; }

html .choices__list--dropdown, html .choices__list[aria-expanded] { opacity: 0; pointer-events: none; }
html .choices__list--dropdown.is-active, html .choices__list[aria-expanded].is-active { opacity: 1; pointer-events: auto; }

/* Keep the top layer and backdrop alive until a native dialog finishes fading. */
dialog, dialog::backdrop {
  opacity: 0;
  transition: opacity var(--site-motion-duration) var(--site-motion-easing), display var(--site-motion-duration) allow-discrete, overlay var(--site-motion-duration) allow-discrete;
}
dialog[open], dialog[open]::backdrop { opacity: 1; }
dialog:not([open]) { pointer-events: none; }

@starting-style {
  dialog[open], dialog[open]::backdrop,
  html .choices__list--dropdown.is-active, html .choices__list[aria-expanded].is-active,
  :where(.drop-zone, .canvas-stage, .batch-bar, .field, .verify-results, .stage,
    .photo-actions, .preview-tools, .image-strip, .image-actions, .export-bar,
    #imageInfo, #layerList, #layerCount, #templateList, #csvStatus, #progress,
    #canvasFrame, #maskCanvas, #cancelRestore, #retryRestore,
    #cancelExport, #retryExport,
    [data-comment-action="more"]):not([hidden]) { opacity: 0; }
}

/* Dynamic rows retain entrance feedback; the initial page is visible at its first paint. */
:where(.layer-row, .thumbnail, .restoration-item, .image-list > li,
  .results-table tbody > tr) {
  animation: site-fade-in var(--site-motion-duration) var(--site-motion-easing) backwards;
}

/* Fade pointer/keyboard feedback in both directions; disabled controls keep their opacity. */
@media (hover: hover) {
  :where(button, a, summary, .button):not(:disabled, [aria-disabled="true"]):hover { opacity: .82; }
}
:where(button, a, summary, .button):not(:disabled, [aria-disabled="true"]):active { opacity: .68; }
:where(button, a, summary, .button):not(:disabled, [aria-disabled="true"]):focus-visible { opacity: .82; }

html .swiper-slide { opacity: 0; transition: opacity var(--site-motion-duration) var(--site-motion-easing); }
html .swiper-slide-active { opacity: 1; }

@keyframes site-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes site-fade-out { from { opacity: 1; } to { opacity: 0; } }

/* Native same-origin document navigation uses the same fade where supported. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: site-fade-out var(--site-motion-duration) var(--site-motion-easing) both; }
::view-transition-new(root) { animation: site-fade-in var(--site-motion-duration) var(--site-motion-easing) both; }

@media (prefers-reduced-motion: reduce) {
  :root { --site-motion-duration: 0ms; }
  *, *::before, *::after, *::details-content { transition-duration: 0ms !important; scroll-behavior: auto !important; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

/* 首页、工作台与任务入口共用品牌、字体和外层容器；编辑器内部布局各自负责。 */
:root {
  --site-font: "Avenir Next", "Noto Sans SC", ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif;
  --site-max-width: 1120px;
  --site-gutter: 24px;
  --site-language-height: 44px;
  --site-width: min(var(--site-max-width), calc(100% - 2 * var(--site-gutter)));
  --site-scrollbar-thumb: #7c89a3;
  --site-scrollbar-hover: #65758f;
  --site-scrollbar-active: #465a7c;
  scrollbar-gutter: stable;
  font-family: var(--site-font);
  font-size: 13px;
  font-synthesis: none;
}
.site-toast { position: fixed; inset-inline-start: 50%; bottom: 24px; transform: translateX(-50%); z-index: 1000; max-inline-size: calc(100% - 32px); padding: 12px 18px; margin: 0; border-radius: 8px; background: #202b48; color: #fff; pointer-events: none; animation: site-fade-in 180ms ease both, site-fade-out 180ms ease 5800ms forwards; }
/* Fill short viewports; the footer consumes spare space and stays in normal flow on long pages. */
body { display: flex; flex-direction: column; min-block-size: 100dvh; }
/* Keep native scrolling across pages, menus, inputs and nested panels. */
@media (forced-colors: none) {
  @supports selector(::-webkit-scrollbar) {
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
    ::-webkit-scrollbar-thumb {
      min-height: 36px;
      min-width: 36px;
      border: 2px solid transparent;
      border-radius: 999px;
      background-color: var(--site-scrollbar-thumb);
      background-clip: padding-box;
    }
    ::-webkit-scrollbar-thumb:hover { background-color: var(--site-scrollbar-hover); }
    ::-webkit-scrollbar-thumb:active { background-color: var(--site-scrollbar-active); }
    ::-webkit-scrollbar-button { display: none; }
  }
  @supports not selector(::-webkit-scrollbar) {
    * { scrollbar-width: thin; scrollbar-color: var(--site-scrollbar-thumb) transparent; }
  }
}
h2 { font-size: 15px; font-weight: 650; }
/* Reserve the same header space for a 44px language control and its vertical padding. */
.site-header-inner { min-block-size: 68px; width: var(--site-width); margin-inline: auto; display: flex; align-items: center; gap: 8px 32px; padding-block: 12px; }
.brand { min-block-size: var(--site-language-height); display: inline-flex; align-items: center; gap: 8px; color: #304ecf; font-weight: 750; text-decoration: none; }
.brand > img { display: block; inline-size: 32px; block-size: 32px; flex: 0 0 32px; }
.brand > span { font-size: 14px; overflow-wrap: anywhere; }
@media (max-width: 700px) { :root { --site-gutter: 16px; } }

/* The three native tool links follow the same ordering in every header. */
.site-header-inner { flex-wrap: wrap; }
.site-header-inner > .brand { order: 0; }
.tool-navigation { order: 1; display: flex; flex-wrap: wrap; gap: 8px 24px; margin-inline-end: auto; }
.tool-navigation a { color: #57637d; text-decoration: none; padding-block: 5px; border-bottom: 2px solid transparent; }
.tool-navigation a:hover, .tool-navigation a[aria-current="page"] { color: #304ecf; border-bottom-color: #304ecf; }
.tool-navigation a:focus-visible { outline: 2px solid #304ecf; outline-offset: 1px; }
.site-header-inner > .language-control, .site-header-inner > .workbench-language { order: 2; }
@media (max-width: 850px) { .tool-navigation { order: 3; inline-size: 100%; margin: 0; gap: 8px 18px; } }

/* Shared chrome has one geometry on every surface. */
.site-header, .studio-header { position: sticky; top: 0; z-index: 30; background: #fff; border-bottom: 1px solid #dfe5f2; }
.site-header-inner { max-width: none; padding: 12px 0; gap: 8px 32px; font: 13px/1.5 var(--site-font); }
.site-header-inner .brand { color: #304ecf; text-decoration: none; }
.site-header-inner .brand > span { color: inherit; font-size: 14px; }
.site-header-inner .brand > img { margin: 0; border: 0; border-radius: 0; }
.site-header-inner .tool-navigation { font-size: 13px; line-height: 1.5; }
.site-header-inner .tool-navigation a { color: #57637d; text-decoration: none; }
.site-header-inner .tool-navigation a:is(:hover, [aria-current="page"]) { color: #304ecf; border-bottom-color: #304ecf; }
.site-header-inner > :is(.language-control, .workbench-language) { order: 2; inline-size: 160px; flex: 0 0 160px; margin: 0; margin-inline-start: auto; }
.site-header-inner .workbench-language > label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
.site-footer { margin: auto 0 0; padding: 0; border-top: 1px solid #dfe5f2; background: #fff; color: #57637d; font: 13px/1.5 var(--site-font); }
.site-footer .footer-inner { width: var(--site-width); margin: auto; padding: 20px 0 8px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; font-size: 13px; }
.site-footer .footer-brand { color: #304ecf; font-weight: 650; text-decoration: none; }
.site-footer .footer-note { color: #57637d; font-size: 12px; }
.site-footer .footer-inner nav { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-inline-start: auto; }
.site-footer .footer-link { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 0; color: #57637d; border: 0; font: inherit; text-decoration: none; cursor: pointer; }
.site-footer .footer-link:hover, .site-footer [aria-current="page"] { color: #304ecf; }
.site-footer .language-links { width: var(--site-width); margin: auto; padding: 0 0 14px; }
.site-footer #languageLinks { display: flex; flex-wrap: wrap; gap: 0 20px; padding-top: 8px; }
.site-footer #languageLinks a { margin: 0; }
@media (max-width: 700px) {
  .site-footer .footer-inner nav { width: 100%; margin-inline-start: 0; }
  .site-footer .footer-note { display: inline; }
}

body:has(.export-bar:not([hidden])) .site-footer { padding-bottom: 84px; }

/* One searchable language control on tools and reading pages, independent of page styles. */
.site-header-inner :is(.language-control, .workbench-language) { position: relative; }
.site-header-inner .choices { margin: 0; font: 13px/1.5 var(--site-font); }
.site-header-inner :is(.language-control, .workbench-language) .choices[data-type*="select-one"] .choices__inner {
  display: flex; align-items: center; height: var(--site-language-height); min-height: var(--site-language-height);
  padding: 10px 28px 10px 36px; border: 1px solid #e2e7f0; border-radius: 8px; color: #304ecf; font: inherit;
  background: #f5f7fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23304ecf' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18M5 6.5h14M5 17.5h14'/%3E%3C/svg%3E") 11px center / 18px 18px no-repeat;
}
.site-header-inner :is(.language-control, .workbench-language) .choices__list--single { width: 100%; padding: 0; }
.site-header-inner .choices__list--single .choices__item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.site-header-inner .choices[data-type*="select-one"]::after { border: 0; width: 6px; height: 6px; border-inline-end: 1.5px solid #57637d; border-bottom: 1.5px solid #57637d; transform: rotate(45deg); top: 18px; right: 13px; margin: 0; }
.site-header-inner .choices[data-type*="select-one"].is-open::after { transform: rotate(225deg); top: 21px; }
.site-header-inner :is(.language-control, .workbench-language) .choices:is(:hover, .is-focused, .is-open) .choices__inner { border-color: #b5c3f1; background-color: #edf0ff; }
.site-header-inner .choices:focus-visible { outline: 2px solid #9cabe6; outline-offset: 1px; }
.site-header-inner :is(.language-control, .workbench-language) .choices__list--dropdown { inset-inline: auto 0; width: min(320px, calc(100vw - 48px)); margin-top: 8px; padding: 6px; border: 1px solid #dfe5f2; border-radius: 10px; box-shadow: 0 12px 32px #202b481a; z-index: 40; }
.site-header-inner :is(.language-control, .workbench-language) .choices__input { box-sizing: border-box; width: 100%; margin: 0 0 6px; padding: 11px 10px; border: 0; border-bottom: 1px solid #e2e7f0; border-radius: 6px 6px 0 0; background: #fff; color: #202b48; font: 16px/1.5 var(--site-font); }
.site-header-inner :is(.language-control, .workbench-language) .choices__input:focus { outline: none; border-bottom-color: #304ecf; }
.site-header-inner :is(.language-control, .workbench-language) .choices__list--dropdown .choices__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: min(360px, 65vh); overscroll-behavior: contain; }
.site-header-inner :is(.language-control, .workbench-language) .choices__list--dropdown .choices__item { min-height: 48px; padding: 9px 10px; border-radius: 6px; color: #202b48; font: 13px/1.5 var(--site-font); overflow-wrap: anywhere; }
.site-header-inner :is(.language-control, .workbench-language) .choices__list--dropdown :is(.is-highlighted, .is-selected) { background: #edf0ff; color: #304ecf; }
.site-header-inner .choices__description { display: block; margin-top: 2px; color: #6c7690; font-size: 10px; }
.site-header-inner .choices__item--choice.has-no-results { grid-column: 1 / -1; }
.site-header-inner .choices.is-disabled { opacity: .55; }
.site-header-inner > :is(.language-control, .workbench-language) > select { width: 100%; min-height: var(--site-language-height); padding: 10px; border: 1px solid #e2e7f0; border-radius: 8px; background: #f5f7fc; color: #304ecf; font: inherit; }
[dir="rtl"] .site-header-inner .choices[data-type*="select-one"]::after { right: auto; left: 13px; }
[dir="rtl"] .site-header-inner :is(.language-control, .workbench-language) .choices[data-type*="select-one"] .choices__inner { padding-inline: 36px 28px; background-position: right 11px center; }
@media (max-width: 850px) {
  .site-header-inner { column-gap: 12px; }
  .site-header-inner > :is(.language-control, .workbench-language) { margin-inline-start: auto; }
}
@media (max-width: 360px) {
  .site-header-inner > :is(.language-control, .workbench-language) { inline-size: 140px; flex-basis: 140px; }
}

/* Published reading surfaces: article archive, guide body, policy documents and release history. */
.content-page { --ink: #202b48; --muted: #6c7690; --line: #e2e7f0; --blue: #304ecf; margin: 0; background: #fff; color: var(--ink); font: 15px/1.8 var(--site-font); }
.content-page * { box-sizing: border-box; }
.content-page a { color: var(--blue); text-underline-offset: 4px; }
.content-page a:hover { color: #233ba9; }
.content-page a:focus-visible { outline: 2px solid #9cabe6; outline-offset: 1px; }
#guide-content, #policy-content, #changelog-content { width: var(--site-width); margin: 0 auto 80px; overflow-wrap: anywhere; }
.release-notes > section { padding-block: 28px; border-bottom: 1px solid var(--line); }
.release-notes h2 { margin: 0 0 24px; font-size: 20px; }
.release-notes h3 { margin: 24px 0 12px; font-size: 17px; }
.release-notes ul { margin: 0; padding-inline-start: 22px; color: #57637d; }
.release-notes li { margin-block: 8px; }
.reading-heading { padding-block: 52px 32px; border-bottom: 1px solid var(--line); }
.reading-heading h1 { margin: 0; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.035em; font-weight: 700; text-wrap: pretty; }
.reading-heading p { margin: 10px 0 0; color: var(--muted); }
.guide-post { display: grid; grid-template-columns: 280px 1fr; align-items: center; gap: 36px; padding-block: 32px; border-bottom: 1px solid var(--line); }
.guide-cover { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #f5f7fc; }
.guide-cover img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; }
.guide-cover:hover { border-color: #a7b5e8; }
.guide-post h2 { margin: 8px 0 12px; font-size: 22px; font-weight: 650; letter-spacing: -.02em; text-wrap: pretty; }
.guide-post h2 a { color: var(--ink); text-decoration: none; }
.guide-post h2 a:hover { color: var(--blue); text-decoration: underline; }
.post-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; font-size: 12px; color: var(--muted); }
.post-excerpt { margin: 0; color: #57637d; }
.guide-detail #guide-content { padding-block: 44px 0; }
.guide-detail h1 { margin: 0 0 28px; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.03em; line-height: 1.35; text-wrap: pretty; }
.guide-detail h2 { font-size: 23px; margin: 44px 0 16px; }
.guide-detail h3 { font-size: 18px; margin: 28px 0 12px; }
.guide-detail p { margin: 16px 0; }
.guide-detail li { margin-block: 10px; }
.guide-detail img { display: block; max-width: 100%; height: auto; margin: 24px auto 8px; border: 1px solid var(--line); border-radius: 8px; }
.guide-detail p:has(>em:only-child), .guide-note, .guide-author { font-size: 13px; color: var(--muted); }
.guide-detail .guide-note { margin: 0 0 20px; }
.guide-detail .guide-author { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 40px; }
.guide-detail table { border-collapse: collapse; width: 100%; font-size: 14px; }
.guide-detail :is(th, td) { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: top; }
.guide-detail th { background: #f5f7fc; }
.guide-detail code { background: #eef1f8; padding: 2px 6px; border-radius: 4px; }
.guide-detail pre { white-space: pre-wrap; background: #f5f7fc; padding: 20px; border: 1px solid var(--line); border-radius: 8px; font: 14px/1.7 ui-monospace, monospace; }
.guide-detail pre code { background: transparent; padding: 0; }
.guide-detail :is(p, li, pre) { overflow-wrap: anywhere; }
.guide-detail .table-wrap { overflow: auto; }
.guide-detail .editor-links a { font-size: 14px; }
.skip-link { position: absolute; inset-inline-start: -9999px; }
.skip-link:focus { inset-inline-start: 16px; top: 8px; background: #fff; padding: 8px; z-index: 50; }
.policy-tabs { display: flex; gap: 28px; margin-top: 28px; border-bottom: 1px solid var(--line); }
.policy-tabs a { padding-block: 12px; border-bottom: 2px solid transparent; color: var(--muted); text-decoration: none; }
.policy-tabs a:hover, .policy-tabs a[aria-current="page"] { border-color: var(--blue); color: var(--blue); }
.policy-page .reading-heading { padding-block: 32px; }
.policy-layout { display: grid; grid-template-columns: 220px 1fr; gap: 64px; align-items: start; padding-top: 40px; }
.policy-contents { position: sticky; top: calc(var(--site-header-height, 69px) + 28px); display: grid; gap: 6px; padding-inline-end: 24px; border-inline-end: 1px solid var(--line); }
.policy-contents a { display: flex; align-items: baseline; gap: 12px; padding: 10px 0; color: #57637d; font-size: 13px; text-decoration: none; }
.policy-contents a:hover { color: var(--blue); }
.policy-contents a span, .section-number { color: #8a95ab; font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.policy-document section { padding-block: 28px; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--site-header-height, 69px) + 28px); }
.policy-document section:first-child { padding-top: 0; }
.policy-document section:last-child { border-bottom: 0; }
.policy-document h2 { display: flex; align-items: baseline; gap: 14px; margin: 0 0 14px; font-size: 20px; font-weight: 650; }
.policy-document p { margin: 12px 0 0; color: #57637d; }
@media (max-width: 850px) {
  .guide-post { grid-template-columns: 220px 1fr; gap: 24px; }
  .policy-layout { grid-template-columns: 180px 1fr; gap: 32px; }
}
@media (max-width: 600px) {
  #guide-content, #policy-content, #changelog-content { margin-bottom: 48px; }
  .reading-heading { padding-block: 32px 24px; }
  .guide-post { grid-template-columns: 1fr; gap: 18px; padding-block: 24px; }
  .guide-post h2 { font-size: 20px; margin-block: 8px; }
  .guide-detail #guide-content { padding-top: 28px; }
  .guide-detail table { min-width: 600px; }
  .policy-tabs { margin-top: 12px; }
  .policy-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 24px; }
  .policy-contents { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); border-inline-end: 0; border-bottom: 1px solid var(--line); padding: 0 0 20px; gap: 4px 20px; }
  .policy-contents a { padding-block: 6px; }
  .policy-document section { scroll-margin-top: calc(var(--site-header-height, 108.5px) + 16px); }
}