.app-release-dialog__content{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.app-release-dialog__icon{border-radius:var(--radius-pill);width:64px;height:64px;color:var(--color-primary);background:var(--color-primary-soft);place-items:center;display:grid}.app-release-dialog__icon svg{width:30px;height:30px}.app-release-dialog__icon--required{color:var(--color-danger);background:var(--color-danger-bg)}.app-release-dialog__icon--notice{color:var(--color-info);background:var(--color-info-bg)}.app-release-dialog__description,.app-release-dialog__summary{color:var(--color-text-muted);white-space:pre-line;margin:0;line-height:1.55}.app-release-dialog__summary{width:100%;padding:var(--space-4);border-radius:var(--radius-small);color:var(--color-text);background:var(--color-surface-subtle);text-align:left}.app-release-dialog__version{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-primary-soft);font-size:.875rem;font-weight:700}.app-release-dialog__maintenance-window{gap:var(--space-1);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);text-align:left;display:grid}.app-release-dialog__maintenance-window span{color:var(--color-text-muted)}.app-release-dialog__actions{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-release-dialog__actions>:only-child{grid-column:1/-1}@media (width<=420px){.app-release-dialog__actions{grid-template-columns:1fr}}.active-maintenance-page{z-index:1200;padding:max(var(--space-5), env(safe-area-inset-top)) var(--space-4) max(var(--space-5), env(safe-area-inset-bottom));color:var(--color-text);background:radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--color-info) 14%, transparent), transparent 42%), var(--color-background);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.active-maintenance-page__card{justify-items:center;gap:var(--space-4);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(100%,480px);box-shadow:var(--shadow-overlay);text-align:center;padding:clamp(1.5rem,6vw,2.5rem);display:grid}.active-maintenance-page__icon{border-radius:var(--radius-pill);width:72px;height:72px;color:var(--color-info);background:var(--color-info-bg);place-items:center;display:grid}.active-maintenance-page__icon svg{width:34px;height:34px}.active-maintenance-page__eyebrow,.active-maintenance-page__message,.active-maintenance-page__hint,.active-maintenance-page h1{margin:0}.active-maintenance-page__eyebrow{color:var(--color-info);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.active-maintenance-page h1{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.15}.active-maintenance-page__message{color:var(--color-text-muted);white-space:pre-line;line-height:1.65}.active-maintenance-page__schedule{gap:var(--space-3);box-sizing:border-box;width:100%;padding:var(--space-4);border-radius:var(--radius-small);color:var(--color-text-muted);background:var(--color-surface-subtle);text-align:left;grid-template-columns:auto minmax(0,1fr);display:grid}.active-maintenance-page__schedule svg{width:22px;color:var(--color-info)}.active-maintenance-page__schedule span{gap:var(--space-1);display:grid}.active-maintenance-page__schedule strong{color:var(--color-text)}.active-maintenance-page__hint{color:var(--color-text-muted);font-size:.8125rem;line-height:1.5}.pwa-system-status{z-index:1200;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:none;gap:.75rem;width:min(100vw - 2rem,32rem);display:grid;position:fixed}.pwa-system-status__card{border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card);pointer-events:auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:1rem;display:grid;position:relative}.pwa-system-status__card--dismissible{grid-template-columns:auto minmax(0,1fr) 2.5rem}.pwa-system-status__dismiss{width:2.5rem;height:2.5rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-self:start end;place-items:center;margin:-.5rem -.5rem 0 0;padding:0;display:grid}.pwa-system-status__dismiss:hover{color:var(--color-text);background:var(--color-surface-subtle)}.pwa-system-status__dismiss:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.pwa-system-status__card>svg{width:1.35rem;height:1.35rem;color:var(--color-primary)}.pwa-system-status__card--success>svg{color:#15803d}.pwa-system-status__card--update>svg{color:var(--color-primary)}.pwa-system-status__content{min-width:0}.pwa-system-status__card strong,.pwa-system-status__card p{overflow-wrap:anywhere}.pwa-system-status__card p{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.45}.pwa-system-status__actions{flex-wrap:wrap;justify-content:flex-end;gap:.625rem;margin-top:.875rem;display:flex}.pwa-system-status__actions .ui-button:focus{outline:3px solid var(--color-focus);outline-offset:2px}.pwa-system-status__card--update{border-radius:1rem;gap:.625rem;padding:.875rem}.pwa-system-status__card--update .pwa-system-status__dismiss{margin:-.375rem -.375rem 0 0}.pwa-system-status__card--update>svg{width:1.25rem;height:1.25rem;margin-top:.0625rem}.pwa-system-status__card--update strong{padding-right:.25rem;font-size:1rem;line-height:1.35;display:block}.pwa-system-status__card--update p{margin-top:.25rem;font-size:.875rem;line-height:1.4}.pwa-system-status__card--update .pwa-system-status__actions{flex-wrap:nowrap;gap:.375rem;margin-top:.625rem}.pwa-system-status__card--update .ui-button{width:auto;min-height:40px;padding:.5rem .875rem;font-size:.875rem}.pwa-system-status__card--update .pwa-system-status__later-action{background:0 0;border-color:#0000}.pwa-system-status__card--update .pwa-system-status__later-action:hover:not(:disabled){background:var(--color-surface-subtle);filter:none}.pwa-system-status__spin{animation:1s linear infinite pwa-system-status-spin}@keyframes pwa-system-status-spin{to{transform:rotate(360deg)}}@media (width<=480px){.pwa-system-status{right:max(.75rem, env(safe-area-inset-right));bottom:max(5.25rem, calc(env(safe-area-inset-bottom) + 4.5rem));width:min(100vw - 1.5rem,32rem)}.pwa-system-status__actions{grid-template-columns:1fr 1fr;display:grid}.pwa-system-status__actions .ui-button{width:100%}.pwa-system-status__card--update .pwa-system-status__actions{justify-content:flex-end;display:flex}.pwa-system-status__card--update .ui-button{width:auto}}@media (prefers-reduced-motion:reduce){.pwa-system-status__spin{animation:none}}.development-log{z-index:1000;pointer-events:none;font-size:.8rem;position:fixed;inset:0}.development-log__toggle-wrap{pointer-events:auto;position:fixed}.development-log--docked{pointer-events:auto;position:static;inset:auto}.development-log--docked .development-log__toggle-wrap{position:static}.development-log--docked .development-log__toggle{cursor:pointer;min-height:2.25rem;box-shadow:none;padding-block:.35rem}.development-log__toggle{color:#f8fafc;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;letter-spacing:.08em;background:#111827;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:.45rem;min-height:42px;padding:.55rem .75rem;font-weight:800;display:flex;box-shadow:0 8px 28px #0005}.development-log__toggle:active,.development-log__header:active{cursor:grabbing}.development-log__toggle span{letter-spacing:0;background:#334155;border-radius:999px;min-width:1.35rem;padding:.1rem .3rem;font-size:.7rem}.development-log__panel{z-index:1;border:1px solid var(--color-border);width:min(920px,100vw - 16px);height:min(680px,100vh - 16px);color:var(--color-text);background:var(--color-surface);pointer-events:auto;border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 70px #0007}.development-log__header{color:#f8fafc;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#111827;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.development-log__header div{gap:.1rem;display:grid}.development-log__header small{color:#94a3b8;font-weight:400}.development-log__header button{color:#fff;cursor:pointer;background:#ffffff18;border:0;border-radius:7px;width:2rem;height:2rem;font-size:1.3rem}.development-log__toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}.development-log__toolbar label{align-items:center;gap:.4rem;display:flex}.development-log__toolbar button{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:7px;padding:.4rem .65rem}.development-log__scroll{flex:1;padding:.75rem;overflow:auto}.development-log__entry{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;margin-bottom:.6rem;overflow:hidden}.development-log__entry summary{cursor:pointer;grid-template-columns:3rem 4rem minmax(160px,1fr) auto auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.development-log__entry summary code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.development-log__entry summary time,.development-log__entry summary>span:not(.development-log__status){color:var(--color-text-muted);white-space:nowrap}.development-log__status{color:#fff;text-align:center;border-radius:999px;padding:.2rem .35rem;font-size:.7rem;font-weight:800}.development-log__status.is-success{background:#15803d}.development-log__status.is-error{background:#b91c1c}.development-log__meta{border-block:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-subtle);flex-wrap:wrap;gap:1rem;padding:.55rem .8rem;display:flex}.development-log__payloads{grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;display:grid}.development-log__payloads section{min-width:0}.development-log__payloads h3{text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;font-size:.76rem}.development-log pre{color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;border-radius:8px;max-height:300px;margin:0;padding:.7rem;font:.75rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.development-log__empty{color:var(--color-text-muted);text-align:center;padding:2rem}@media (width<=640px){.development-log__panel{width:calc(100vw - 16px);height:min(620px,100vh - 16px)}.development-log__entry summary{grid-template-columns:3rem 3.5rem minmax(100px,1fr)}.development-log__entry summary time,.development-log__entry summary>span:not(.development-log__status){display:none}.development-log__payloads{grid-template-columns:1fr}.development-log__toolbar{flex-direction:column;align-items:flex-start}}.development-tools{z-index:12000;top:max(.5rem, env(safe-area-inset-top,0px));left:max(.5rem, env(safe-area-inset-left,0px));pointer-events:none;position:fixed}.development-tools .development-log{pointer-events:auto}.design-system-page{min-height:100dvh;color:var(--color-text);background:var(--color-background);padding:clamp(16px,4vw,40px)}.design-system-catalog{gap:var(--space-6);width:min(100%,1120px);margin:0 auto;display:grid}.design-system-catalog__hero,.design-system-catalog__section{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.design-system-catalog__hero{justify-content:space-between;align-items:flex-start;gap:var(--space-6);background:radial-gradient(circle at 92% 8%, var(--color-primary-soft-hover), transparent 32%), var(--color-surface);padding:clamp(20px,4vw,40px);display:flex}.design-system-catalog__hero h1,.design-system-catalog__hero p,.design-system-catalog__section h2,.design-system-catalog__section p{margin:0}.design-system-catalog__hero h1{margin-top:var(--space-2);font-size:clamp(30px, 6vw, var(--font-size-h1));line-height:var(--line-height-heading)}.design-system-catalog__hero>div>p:last-child{max-width:620px;margin-top:var(--space-3);color:var(--color-text-muted);line-height:var(--line-height-body)}.design-system-catalog__section{gap:var(--space-6);padding:clamp(20px,4vw,32px);display:grid}.design-system-catalog__section-heading{align-items:flex-start;gap:var(--space-3);display:flex}.design-system-catalog__section-heading>span{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--font-size-caption);flex:none;place-items:center;font-weight:700;display:grid}.design-system-catalog__section-heading h2{font-size:var(--font-size-h4)}.design-system-catalog__section-heading p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-body)}.design-system-catalog__swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.design-system-catalog__swatch{gap:var(--space-1);min-width:0;display:grid}.design-system-catalog__swatch>span{border:1px solid var(--color-border);border-radius:var(--radius-small);height:72px}.design-system-catalog__swatch strong{font-size:var(--font-size-body)}.design-system-catalog__swatch code{color:var(--color-text-muted);font-size:var(--font-size-caption);text-overflow:ellipsis;overflow:hidden}.design-system-catalog__type-grid,.design-system-catalog__field-grid,.design-system-catalog__toast-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-system-catalog__type-grid article{gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-subtle);display:grid}.design-system-catalog__type-grid p{overflow-wrap:anywhere}.design-system-catalog__type-grid small,.design-system-catalog__field-grid label>span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.design-system-catalog__h1{font-size:var(--font-size-h1);font-weight:700;line-height:var(--line-height-heading)}.design-system-catalog__h2{font-size:var(--font-size-h2);font-weight:600;line-height:var(--line-height-heading)}.design-system-catalog__h3{font-size:var(--font-size-h3);font-weight:700;line-height:var(--line-height-heading);letter-spacing:.02em}.design-system-catalog__h4{font-size:var(--font-size-h4);font-weight:600;line-height:var(--line-height-heading)}.design-system-catalog__h5{font-size:var(--font-size-h5);font-weight:500;line-height:var(--line-height-heading)}.design-system-catalog__h6{font-size:var(--font-size-h6);font-weight:600;line-height:var(--line-height-heading)}.design-system-catalog__body{font-size:var(--font-size-body);line-height:var(--line-height-body)}.design-system-catalog__caption{font-size:var(--font-size-caption);line-height:1.25}.design-system-catalog__rows{gap:var(--space-4);display:grid}.design-system-catalog__control-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.design-system-catalog__field-grid label{gap:var(--space-2);display:grid}.design-system-catalog__field-wide{grid-column:1/-1}@media (width<=640px){.design-system-catalog__hero{flex-direction:column}.design-system-catalog__type-grid,.design-system-catalog__field-grid,.design-system-catalog__toast-grid{grid-template-columns:1fr}.design-system-catalog__field-wide{grid-column:auto}}.account-skeleton{width:100%;max-width:44rem;margin:0 auto}.account-skeleton__overview-card,.account-skeleton__menu,.account-skeleton__form{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.account-skeleton__overview-card{align-items:center;gap:1rem;padding:1.25rem;display:flex}.account-skeleton__stack{flex:1;gap:.5rem;min-width:0;display:grid}.account-skeleton__block{background:var(--color-surface-subtle);display:block;position:relative;overflow:hidden}.account-skeleton__block:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent);content:"";animation:1.35s ease-in-out infinite account-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.account-skeleton__avatar{border-radius:50%;flex:none;width:4rem;height:4rem}.account-skeleton__line{border-radius:999px;width:100%;height:.75rem}.account-skeleton__line--title{width:min(70%,13rem);height:1.125rem}.account-skeleton__line--small{width:min(35%,7rem)}.account-skeleton__line--medium{width:min(52%,10rem)}.account-skeleton__line--label{width:min(48%,9rem);height:.875rem}.account-skeleton__line--wide{width:min(82%,18rem)}.account-skeleton__pill{border-radius:999px;width:5.5rem;height:1.75rem}.account-skeleton__menu{margin-top:1rem;overflow:hidden}.account-skeleton__menu-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;min-height:4.5rem;padding:.75rem 1rem;display:flex}.account-skeleton__menu-row:last-child{border-bottom:0}.account-skeleton__icon{border-radius:.875rem;flex:none;width:2.75rem;height:2.75rem}.account-skeleton__button{border-radius:var(--radius-control);width:100%;height:2.75rem;margin-top:1rem}.account-skeleton__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.account-skeleton__back{border-radius:50%;flex:none;width:2.75rem;height:2.75rem}.account-skeleton__form{gap:1rem;padding:1rem;display:grid}.account-skeleton__field{gap:.4rem;display:grid}.account-skeleton__control{border-radius:var(--radius-control);width:100%;height:2.75rem}.account-skeleton__button--flush{margin-top:0}@keyframes account-skeleton-shimmer{to{transform:translate(100%)}}@media (width>=40rem){.account-skeleton__form{padding:1.5rem}}@media (width>=48rem){.account-skeleton__overview-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.account-skeleton__block:after{animation:none}}.profile-page{box-sizing:border-box;width:100%;max-width:44rem;margin:0 auto}.profile-page__header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.profile-page__header>a{border:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-text);background:var(--color-surface);border-radius:50%;flex:none;place-items:center;display:grid}.profile-page__header p,.profile-page__header h1{margin:0}.profile-page__header p{color:var(--color-text-muted);font-size:.8125rem}.profile-page__header h1{color:var(--color-text);font-size:1.25rem}.profile-page__error{border-radius:var(--radius-control);color:#991b1b;background:#fee2e2;padding:.75rem 1rem}.profile-form{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);gap:1rem;padding:1rem;display:grid}.profile-form[aria-busy=true]{cursor:progress}.profile-form[aria-busy=true] .profile-form__field,.profile-form[aria-busy=true] .avatar-uploader{opacity:.68}.profile-form__field{color:var(--color-text);gap:.4rem;font-size:.875rem;font-weight:650;display:grid}.profile-form__field input,.profile-form__field select{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:2.75rem;color:var(--color-text);background:var(--color-surface);font:inherit;outline:none;padding:0 .75rem}.profile-form__field input:focus,.profile-form__field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.profile-form__field input:read-only,.profile-form__field input:disabled,.profile-form__field select:disabled{cursor:not-allowed;color:var(--color-text-muted);background:var(--color-surface-subtle)}.profile-form__field small{color:#b91c1c;font-weight:500}.profile-form__field em{color:var(--color-text-muted);font-size:.75rem;font-style:normal;font-weight:500}.profile-form__field em[data-status=verified]{color:#15803d}.profile-email{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.55rem;padding:.9rem;display:grid}.profile-email>span{color:var(--color-text);font-size:.875rem;font-weight:650}.profile-email__details{align-items:center;gap:.5rem;display:grid}.profile-email__details strong{overflow-wrap:anywhere;min-width:0;color:var(--color-text);font-size:.95rem}.profile-email__details em{color:var(--color-text-muted);font-size:.75rem;font-style:normal;font-weight:600}.profile-email__details em[data-status=verified]{color:#15803d}.change-email{gap:1rem;display:grid}.change-email__field{color:var(--color-text);gap:.4rem;font-size:.875rem;font-weight:650;display:grid}.change-email__field input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:2.75rem;color:var(--color-text);background:var(--color-surface);font:inherit;outline:none;padding:0 .75rem}.change-email__password-control{display:block;position:relative}.change-email__password-control input{padding-right:5.25rem}.change-email__password-actions{gap:.1rem;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.change-email__password-action{width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.change-email__password-action:hover{color:var(--color-text);background:var(--color-surface-subtle)}.change-email__password-action:focus-visible{outline:3px solid var(--color-focus)}.change-email__password-action:disabled{cursor:not-allowed;opacity:.55}.change-email__password-action svg{width:1.2rem;height:1.2rem}.change-email__field input:focus,.change-email__otp-inputs input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.change-email__otp{border:0;gap:.55rem;min-width:0;margin:0;padding:0;display:grid}.change-email__otp legend{margin-bottom:.4rem;font-size:.9rem;font-weight:650}.change-email__otp-inputs{justify-content:center;gap:clamp(.35rem,2vw,.7rem);display:flex}.change-email__otp-inputs input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);width:clamp(2.45rem,13vw,3.35rem);min-height:3.4rem;color:var(--color-text);background:var(--color-surface);font:inherit;text-align:center;outline:none;padding:.35rem;font-size:1.3rem;font-weight:750}.change-email__otp[aria-invalid=true] input{border-color:#dc2626}.change-email__meta,.change-email__status,.change-email__error{margin:0;line-height:1.5}.change-email__meta,.change-email__status{color:var(--color-text-muted);font-size:.875rem}.change-email__error{color:#b91c1c;font-size:.875rem;font-weight:600}.change-email__actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.profile-form__grid{gap:1rem;display:grid}.profile-form__save-bar{z-index:8;bottom:max(.75rem, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:calc(var(--radius-control) + .35rem);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);margin:.5rem -.35rem -.35rem;padding:.65rem;display:flex;position:sticky;box-shadow:0 12px 32px #0f172a29}.profile-form__save-bar .ui-button{width:100%}@media (width>=40rem){.profile-form{padding:1.5rem}.profile-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-email__details{grid-template-columns:minmax(0,1fr) auto auto}}.mobile-input-demo__phone{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:1.75rem;gap:1.15rem;width:min(100%,31rem);margin:1.25rem auto 0;padding:1rem;display:grid}.mobile-input-demo__phone>header{gap:.2rem;display:grid}.mobile-input-demo__phone>header small,.mobile-input-demo__field small{color:var(--color-text-muted)}.mobile-input-demo__phone>header strong{font-size:1.25rem}.mobile-input-demo__grid,.mobile-input-demo__field{gap:.55rem;display:grid}.mobile-input-demo__field>span{font-size:.875rem;font-weight:750}.mobile-input-demo__field>small{font-size:.75rem;line-height:1.45}.mobile-input-demo__output{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;display:grid}.mobile-input-demo__output>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;min-width:0;padding:.7rem}.mobile-input-demo__output dt{color:var(--color-text-muted);font-size:.68rem;font-weight:700}.mobile-input-demo__output dd{text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:750;overflow:hidden}@media (width<=35rem){.mobile-input-demo{margin-inline:-.25rem;padding:1rem}.mobile-input-demo__phone{border-radius:1.25rem;padding:.8rem}.mobile-input-demo__output{grid-template-columns:1fr}}.order-category-demo__workspace{gap:1rem;margin-top:1.25rem;display:grid}.order-category-demo__form,.order-category-demo__preview{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-width:0;padding:1rem}.order-category-demo__form,.order-category-demo__field{gap:.55rem;display:grid}.order-category-demo__form{gap:1rem}.order-category-demo__field>label,.order-category-demo__field-label,.order-category-demo__icons legend{font-size:.875rem;font-weight:750}.order-category-demo__form small{color:var(--color-text-muted);font-size:.75rem;line-height:1.45}.order-category-demo__icons{border:0;min-width:0;margin:0;padding:0}.order-category-demo__icons legend{margin-bottom:.55rem}.order-category-demo__icon-search{display:block;position:relative}.order-category-demo__icon-search>svg{z-index:1;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.order-category-demo__icon-search .ui-field{padding-left:2.35rem}.order-category-demo__result-count{text-align:right;margin-block:.45rem;display:block}.order-category-demo__icon-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fit,minmax(5.75rem,1fr));gap:.5rem;max-height:20rem;padding:.2rem;display:grid;overflow-y:auto}.order-category-demo__icon-grid>label{border:1px solid var(--color-border);min-height:4.75rem;color:var(--color-text-muted);background:var(--color-surface);cursor:pointer;text-align:center;border-radius:.7rem;place-items:center;gap:.35rem;padding:.6rem .35rem;display:grid;position:relative}.order-category-demo__icon-grid>label:hover,.order-category-demo__icon-grid>label.is-selected{border-color:var(--color-primary);color:var(--color-primary)}.order-category-demo__icon-grid>label.is-selected{box-shadow:0 0 0 2px var(--color-focus)}.order-category-demo__icon-grid input{opacity:0;width:1px;height:1px;position:absolute}.order-category-demo__icon-grid>label:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.order-category-demo__icon-grid>label>span{font-size:.68rem;font-weight:700}.order-category-demo__icon-empty{border:1px dashed var(--color-border);color:var(--color-text-muted);text-align:center;border-radius:.7rem;margin:0;padding:1.25rem}.order-category-demo__color-presets{grid-template-columns:repeat(10,minmax(1.75rem,1fr));gap:.45rem;display:grid}.order-category-demo__color-presets button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.65rem;place-items:center;min-width:0;min-height:2.4rem;padding:.25rem;display:grid}.order-category-demo__color-presets button:hover,.order-category-demo__color-presets button[aria-pressed=true]{border-color:var(--order-category-preset-color)}.order-category-demo__color-presets button[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--order-category-preset-color) 32%, transparent)}.order-category-demo__color-presets button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.order-category-demo__color-presets span{background:var(--order-category-preset-color);border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1px #ffffff40}.order-category-demo__custom-color-label{color:var(--color-text-muted);margin-top:.2rem;font-size:.75rem!important}.order-category-demo__color-control{grid-template-columns:3rem minmax(0,1fr);gap:.6rem;display:grid}.order-category-demo__color-control input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;width:3rem;height:44px;padding:.2rem}.order-category-demo__preview{align-content:center;gap:.8rem;display:grid}.order-category-demo__preview>span{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.order-category-demo__preview>div{border:1px solid color-mix(in srgb, var(--order-category-demo-color) 55%, transparent);background:var(--color-surface);border-radius:.85rem;align-items:center;gap:.75rem;padding:.8rem;display:flex}.order-category-demo__preview-icon{width:2.75rem;height:2.75rem;color:var(--order-category-demo-color);background:color-mix(in srgb, var(--order-category-demo-color) 13%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.order-category-demo__preview>div>span:last-child{gap:.15rem;min-width:0;display:grid}.order-category-demo__preview strong{overflow-wrap:anywhere}.order-category-demo__preview small{color:var(--order-category-demo-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.order-category-demo__preview p,.order-category-demo__rule{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.55}.order-category-demo code{margin-inline:.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.order-category-demo__outputs{gap:.75rem;margin-top:1rem;display:grid}.order-category-demo__outputs section{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:0;overflow:hidden}.order-category-demo__outputs h3{margin:0;padding:.75rem .8rem .25rem;font-size:.85rem}.order-category-demo__outputs section>code{color:var(--color-text-muted);padding:0 .6rem .7rem;font-size:.7rem;display:block}.order-category-demo__outputs pre{color:#dbeafe;white-space:pre-wrap;background:#0f172a;min-height:8.5rem;margin:0;padding:.85rem;font:.75rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.order-category-demo__rule{border-left:3px solid var(--color-primary);background:var(--color-surface-subtle);margin-top:1rem;padding:.8rem}@media (width>=48rem){.order-category-demo__workspace{grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr)}.order-category-demo__outputs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=35rem){.order-category-demo__color-presets{grid-template-columns:repeat(5,minmax(2.25rem,1fr))}}.order-category-management{gap:1rem;display:grid}.order-category-management__heading,.order-category-management__editor-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.order-category-management__heading h2,.order-category-management__editor-heading h3{margin:.25rem 0 .4rem}.order-category-management__heading p,.order-category-management__editor-heading p{color:var(--color-text-muted);margin:0;line-height:1.5}.order-category-management__heading>.ui-button{flex:none}.order-category-management__summary{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.order-category-management__summary-icon{width:2.5rem;height:2.5rem;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:.75rem;place-items:center;display:grid}.order-category-management__summary>span:last-child,.order-category-management__item-name{gap:.2rem;display:grid}.order-category-management__summary small,.order-category-management__item-name small{color:var(--color-text-muted);font-size:.75rem}.order-category-management__workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);align-items:start;gap:1rem;display:grid}.order-category-management__list-panel,.order-category-management__editor{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);min-width:0;padding:1rem}.order-category-management__list-panel{gap:.85rem;display:grid}.order-category-management__search,.order-category-management__field{gap:.45rem;font-size:.85rem;font-weight:700;display:grid}.order-category-management__search-input{display:block;position:relative}.order-category-management__search-input>svg{z-index:1;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.order-category-management__search-input .ui-field{padding-left:2.4rem}.order-category-management__list{gap:.55rem;display:grid}.order-category-management__item{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;padding:.7rem;display:grid}.order-category-management__item-icon,.order-category-management__preview-icon{width:2.5rem;height:2.5rem;color:var(--order-category-management-color);background:color-mix(in srgb, var(--order-category-management-color) 13%, transparent);border-radius:.75rem;flex:none;place-items:center;display:grid}.order-category-management__item-name{min-width:0}.order-category-management__item-name strong{overflow-wrap:anywhere}.order-category-management__edit{min-height:38px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.45rem .6rem;font-size:.78rem;font-weight:750}.order-category-management__edit:hover{background:var(--color-surface-subtle)}.order-category-management__empty{color:var(--color-text-muted);text-align:center;margin:0;padding:1.5rem .75rem}.order-category-management__editor{background:var(--color-surface);gap:1rem;display:grid}.order-category-management__editor-heading{align-items:center}.order-category-management__editor-heading h3{font-size:1rem}.order-category-management__editor-heading p{font-size:.8rem}.order-category-management__editor-badge{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.7rem;font-weight:800}.order-category-management__field>span,.order-category-management__colors legend{font-size:.82rem;font-weight:750}.order-category-management__field>small{color:var(--color-text-muted);text-align:right;font-size:.72rem;font-weight:400}.order-category-management__field select,.order-category-management__hex input:not([type=color]){border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface-subtle);font:inherit;padding:.65rem .75rem}.order-category-management__colors{border:0;gap:.55rem;min-width:0;margin:0;padding:0;display:grid}.order-category-management__colors legend{margin-bottom:.55rem}.order-category-management__colors>div{grid-template-columns:repeat(10,minmax(1.75rem,1fr));gap:.4rem;display:grid}.order-category-management__swatch{border:1px solid var(--color-border);background:var(--color-surface-subtle);cursor:pointer;border-radius:.6rem;place-items:center;min-width:0;min-height:2.25rem;padding:.25rem;display:grid}.order-category-management__swatch[aria-pressed=true]{border-color:var(--order-category-management-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--order-category-management-color) 28%, transparent)}.order-category-management__swatch span{background:var(--order-category-management-color);border-radius:50%;width:1.2rem;height:1.2rem}.order-category-management__hex{grid-template-columns:minmax(0,1fr) 3rem;align-items:center;gap:.55rem;display:grid}.order-category-management__hex>span{color:var(--color-text-muted);grid-column:1/-1;font-size:.75rem}.order-category-management__hex input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;width:3rem;height:44px;padding:.2rem}.order-category-management__preview{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.55rem;padding:.85rem;display:grid}.order-category-management__preview>span{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800}.order-category-management__preview>div{align-items:center;gap:.7rem;min-width:0;display:flex}.order-category-management__preview strong{overflow-wrap:anywhere}.order-category-management__message{margin:0;font-size:.82rem;line-height:1.5}.order-category-management__message.is-error{color:var(--color-danger,#b91c1c)}.order-category-management__message.is-success{color:var(--color-success,#15803d)}.order-category-management__actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.order-category-management__note{color:var(--color-text-muted);margin:0;font-size:.75rem;line-height:1.5}@media (width<=48rem){.order-category-management__workspace{grid-template-columns:minmax(0,1fr)}.order-category-management__heading{display:grid}.order-category-management__heading>.ui-button{justify-self:start}}@media (width<=25rem){.order-category-management__item{grid-template-columns:auto minmax(0,1fr)}.order-category-management__edit{grid-column:2;justify-self:start;padding-left:0}.order-category-management__colors>div{grid-template-columns:repeat(5,minmax(2rem,1fr))}}.order-category-showcase>[id=dev-order-category],.order-category-showcase__management{scroll-margin-top:1rem}.order-category-showcase__management{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:2rem}.dev-speed-demo{overflow:hidden}.dev-speed-heading{gap:1rem;display:grid}.dev-speed-heading h2{margin:.35rem 0 .65rem}.dev-speed-heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-speed-live{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text-muted);background:var(--color-surface-subtle);align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.85rem;font-weight:600;display:flex}.dev-speed-live>span{background:#16a34a;border-radius:50%;flex:none;width:.65rem;height:.65rem}.dev-speed-live>span.is-active{background:var(--color-primary);animation:1s ease-in-out infinite dev-speed-pulse}.dev-speed-progress{background:var(--color-surface-subtle);border-radius:999px;height:3px;margin-top:1.25rem;overflow:hidden}.dev-speed-progress span{opacity:0;border-radius:inherit;background:var(--color-primary);width:38%;height:100%;display:block;transform:translate(-110%)}.dev-speed-progress span.is-active{opacity:1;animation:1.1s ease-in-out infinite dev-speed-progress}.dev-speed-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.85rem;margin-top:1rem;display:grid}.dev-speed-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.55rem;min-height:11rem;padding:1rem;transition:border-color .18s,transform .18s;display:grid;position:relative}.dev-speed-card.is-updating{border-color:var(--color-primary);transform:translateY(-2px)}.dev-speed-card__topline{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.dev-speed-card h3,.dev-speed-card p{margin:0}.dev-speed-card h3{align-self:end;font-size:1rem}.dev-speed-card p,.dev-speed-card time{color:var(--color-text-muted);font-size:.875rem}.dev-speed-card time{align-self:end;font-weight:700}.dev-speed-status{color:var(--color-primary);background:var(--color-surface);white-space:nowrap;border-radius:999px;padding:.3rem .5rem}.dev-speed-card--skeleton{align-content:center}.dev-skeleton-line{background:var(--color-border);border-radius:999px;width:100%;height:.8rem;display:block;overflow:hidden}.dev-skeleton-line:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent);content:"";width:45%;height:100%;animation:1.3s ease-in-out infinite dev-speed-shimmer;display:block}.dev-skeleton-line--short{width:35%}.dev-skeleton-line--title{width:72%;height:1.1rem;margin-top:1.8rem}.dev-speed-note{color:var(--color-text-muted);margin:1rem 0 0;font-size:.85rem;line-height:1.5}@keyframes dev-speed-shimmer{0%{transform:translate(-110%)}to{transform:translate(240%)}}@keyframes dev-speed-progress{0%{transform:translate(-110%)}to{transform:translate(300%)}}@keyframes dev-speed-pulse{50%{opacity:.35}}@media (width>=48rem){.dev-speed-heading{grid-template-columns:minmax(0,1fr) minmax(17rem,.65fr);align-items:start}}@media (prefers-reduced-motion:reduce){.dev-speed-live>span.is-active,.dev-speed-progress span.is-active,.dev-skeleton-line:after{animation:none}.dev-speed-progress span.is-active{width:100%;transform:none}}.dev-health-demo{overflow:hidden}.dev-health-demo__heading{gap:.8rem;display:grid}.dev-health-demo__heading h2{margin:.35rem 0 .65rem}.dev-health-demo__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-health-demo__heading>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;padding:.4rem .6rem;font-size:.68rem;font-weight:850}.dev-health-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.dev-health-benefits article{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.65rem;gap:.35rem;min-width:0;padding:.75rem;display:grid}.dev-health-benefits svg{color:var(--color-primary)}.dev-health-benefits strong{font-size:.78rem}.dev-health-benefits span{color:var(--color-text-muted);font-size:.68rem;line-height:1.45}.dev-health-simulator{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.dev-health-simulator>div:first-child{gap:.25rem;display:grid}.dev-health-simulator>div:first-child span{color:var(--color-text-muted);font-size:.74rem}.dev-health-simulator>div[role=group],.dev-health-panel__simulation>div{flex-wrap:wrap;gap:.4rem;display:flex}.dev-health-simulator button,.dev-health-panel__simulation button{border:1px solid var(--color-border);min-height:40px;color:var(--color-text-muted);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.55rem;padding:.45rem .65rem;font-size:.72rem;font-weight:750}.dev-health-simulator button[aria-pressed=true],.dev-health-panel__simulation button[aria-pressed=true]{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.dev-health-simulator>.dev-health-simulator__open{border-color:var(--color-primary);color:#fff;background:var(--color-primary);justify-content:center;align-items:center;gap:.45rem;width:fit-content;min-height:44px;padding-inline:.85rem;display:inline-flex}.dev-health-demo__note{border-left:4px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border-radius:.55rem;gap:.25rem;margin-top:1rem;padding:.8rem;display:grid}.dev-health-demo__note strong{font-size:.78rem}.dev-health-demo__note span{color:var(--color-text-muted);font-size:.7rem;line-height:1.5}.dev-health-trigger{z-index:75;top:max(.65rem, env(safe-area-inset-top));box-sizing:border-box;color:#f8fafc;width:min(100% - 1.5rem,44rem);min-height:52px;font:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;border:1px solid #16a34a73;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.45rem .7rem .45rem .5rem;transition:transform .16s,opacity .16s;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 .85rem 2.5rem #0f172a4d}.dev-health-trigger:hover{transform:translate(-50%)translateY(-2px)}.dev-health-trigger:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.dev-health-trigger[data-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}.dev-health-trigger[data-status=degraded],.dev-health-trigger[data-status=maintenance]{border-color:#f59e0b}.dev-health-trigger[data-status=offline]{border-color:#94a3b8}.dev-health-trigger[data-status=unavailable]{border-color:#ef4444}.dev-health-trigger__icon{color:#fff;background:#16a34a;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;display:grid}.dev-health-trigger[data-status=degraded] .dev-health-trigger__icon,.dev-health-trigger[data-status=maintenance] .dev-health-trigger__icon{background:#d97706}.dev-health-trigger[data-status=offline] .dev-health-trigger__icon{background:#64748b}.dev-health-trigger[data-status=unavailable] .dev-health-trigger__icon{background:#dc2626}.dev-health-trigger[data-status=checking] .dev-health-trigger__icon{background:#2563eb}.dev-health-trigger__icon svg{width:1.1rem;height:1.1rem}.dev-health-trigger[data-status=checking] .dev-health-trigger__icon svg{animation:.8s linear infinite dev-health-spin}.dev-health-trigger__content{gap:.08rem;min-width:0;display:grid}.dev-health-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.dev-health-trigger small{color:#cbd5e1;font-size:.62rem}.dev-health-trigger__action{color:#cbd5e1;align-items:center;gap:.25rem;font-size:.66rem;font-weight:750;display:inline-flex}.dev-health-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8f;place-items:center;display:grid;position:fixed;inset:0}.dev-health-panel{width:100%;height:100dvh;color:var(--color-text);background:var(--color-background,var(--color-surface));overscroll-behavior:contain;overflow-y:auto}.dev-health-panel__header{z-index:2;padding:calc(.85rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .85rem max(1rem, env(safe-area-inset-left));border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.dev-health-panel__header>div{gap:.15rem;display:grid}.dev-health-panel__header span{color:var(--color-primary);letter-spacing:.07em;text-transform:uppercase;font-size:.65rem;font-weight:850}.dev-health-panel__header h2{margin:0;font-size:1.05rem}.dev-health-panel__header button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);background:var(--color-surface-subtle);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.dev-health-panel__content{width:min(100% - 2rem,48rem);padding:1rem 0 calc(2rem + env(safe-area-inset-bottom));gap:.85rem;margin-inline:auto;display:grid}.dev-health-panel__content[hidden]{display:none}.dev-diagnostics-tabs{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:min(100% - 2rem,48rem);margin:.85rem auto 0;padding:.3rem;display:grid}.dev-diagnostics-tabs button{min-height:44px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;display:inline-flex}.dev-diagnostics-tabs button[aria-selected=true]{color:var(--color-primary);background:var(--color-surface);box-shadow:0 .25rem .8rem #0f172a14}.dev-diagnostics-tabs button:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.dev-debug-summary{border:1px solid color-mix(in srgb, #7c3aed 38%, var(--color-border));border-radius:var(--radius-card);background:color-mix(in srgb, #7c3aed 7%, var(--color-surface));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;padding:1rem;display:grid}.dev-debug-summary>span{color:#fff;background:#7c3aed;border-radius:.85rem;place-items:center;width:3rem;height:3rem;display:grid}.dev-debug-summary>div{gap:.2rem;display:grid}.dev-debug-summary small{color:#7c3aed;letter-spacing:.05em;text-transform:uppercase;font-size:.66rem;font-weight:850}.dev-debug-summary h3,.dev-debug-summary p{margin:0}.dev-debug-summary h3{font-size:1rem}.dev-debug-summary p{color:var(--color-text-muted);font-size:.72rem;line-height:1.5}.dev-debug-runtime{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.dev-debug-runtime article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:.25rem;padding:.8rem;display:grid}.dev-debug-runtime article:nth-child(2n){border-right:0}.dev-debug-runtime article:nth-last-child(-n+2){border-bottom:0}.dev-debug-runtime span{color:var(--color-text-muted);font-size:.64rem}.dev-debug-runtime strong{font-size:.78rem}.dev-debug-runtime strong[data-state=enabled]{color:#15803d}.dev-debug-controls{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.85rem;display:grid}.dev-debug-controls label{gap:.35rem;min-width:0;display:grid}.dev-debug-controls label>span{color:var(--color-text-muted);align-items:center;gap:.3rem;font-size:.66rem;font-weight:750;display:flex}.dev-debug-controls__search{grid-column:1/-1}.dev-debug-controls select,.dev-debug-controls input{border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text);background:var(--color-surface-subtle);font:inherit;border-radius:.55rem;padding:.55rem .65rem;font-size:.72rem}.dev-debug-controls select:focus-visible,.dev-debug-controls input:focus-visible{border-color:var(--color-primary);outline:3px solid var(--color-focus)}.dev-debug-actions{flex-wrap:wrap;gap:.5rem;display:flex}.dev-debug-actions button{border:1px solid var(--color-border);min-height:42px;color:var(--color-text);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.55rem;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.7rem;font-weight:800;display:inline-flex}.dev-debug-actions button:first-child{border-color:color-mix(in srgb, #7c3aed 50%, var(--color-border));color:#7c3aed}.dev-debug-actions button:disabled{cursor:not-allowed;opacity:.5}.dev-debug-log{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);overflow:hidden}.dev-debug-log>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;display:flex}.dev-debug-log>header strong{font-size:.8rem}.dev-debug-log>header span{color:var(--color-text-muted);font-size:.65rem}.dev-debug-log ol{margin:0;padding:0;list-style:none;display:grid}.dev-debug-log li{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.8rem .85rem;display:grid}.dev-debug-log li:last-child{border-bottom:0}.dev-debug-log__icon{color:#2563eb;background:color-mix(in srgb, #2563eb 10%, var(--color-surface));border-radius:.55rem;place-items:center;width:2rem;height:2rem;display:grid}.dev-debug-log li[data-level=warning] .dev-debug-log__icon{color:#b45309;background:color-mix(in srgb, #f59e0b 11%, var(--color-surface))}.dev-debug-log li[data-level=error] .dev-debug-log__icon{color:#dc2626;background:color-mix(in srgb, #ef4444 10%, var(--color-surface))}.dev-debug-log li>div{gap:.35rem;min-width:0;display:grid}.dev-debug-log li>div>div{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.dev-debug-log li strong{font-size:.73rem;line-height:1.4}.dev-debug-log time{color:var(--color-text-muted);flex:none;font-size:.62rem}.dev-debug-log p{overflow-wrap:anywhere;color:var(--color-text-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.63rem;line-height:1.55}.dev-debug-log p span{color:var(--color-primary);background:var(--color-surface-subtle);border-radius:.3rem;margin-right:.35rem;padding:.18rem .3rem;font-family:inherit;font-weight:800}.dev-debug-empty{color:var(--color-text-muted);text-align:center;justify-items:center;gap:.3rem;padding:2rem 1rem;display:grid}.dev-debug-empty svg{color:#16a34a}.dev-debug-empty strong{color:var(--color-text);font-size:.78rem}.dev-debug-empty span{font-size:.68rem}.dev-health-overview{border:1px solid color-mix(in srgb, #16a34a 40%, var(--color-border));border-radius:var(--radius-card);background:color-mix(in srgb, #16a34a 8%, var(--color-surface));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;padding:1rem;display:grid}.dev-health-overview[data-status=degraded],.dev-health-overview[data-status=maintenance]{border-color:color-mix(in srgb, #f59e0b 55%, var(--color-border));background:color-mix(in srgb, #f59e0b 9%, var(--color-surface))}.dev-health-overview[data-status=offline]{border-color:color-mix(in srgb, #64748b 55%, var(--color-border));background:color-mix(in srgb, #64748b 9%, var(--color-surface))}.dev-health-overview[data-status=unavailable]{border-color:color-mix(in srgb, #ef4444 55%, var(--color-border));background:color-mix(in srgb, #ef4444 8%, var(--color-surface))}.dev-health-overview>span{color:#fff;background:#16a34a;border-radius:.85rem;place-items:center;width:3rem;height:3rem;display:grid}.dev-health-overview[data-status=degraded]>span,.dev-health-overview[data-status=maintenance]>span{background:#d97706}.dev-health-overview[data-status=offline]>span{background:#64748b}.dev-health-overview[data-status=unavailable]>span{background:#dc2626}.dev-health-overview>span svg{width:1.4rem;height:1.4rem}.dev-health-overview>div{gap:.2rem;display:grid}.dev-health-overview small{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.66rem;font-weight:800}.dev-health-overview h3,.dev-health-overview p{margin:0}.dev-health-overview h3{font-size:1rem}.dev-health-overview p{color:var(--color-text-muted);font-size:.72rem;line-height:1.5}.dev-health-panel__toolbar{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.dev-health-panel__toolbar>span{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.68rem;display:inline-flex}.dev-health-panel__toolbar button{border:1px solid var(--color-border);min-height:40px;color:var(--color-primary);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.55rem;align-items:center;gap:.4rem;padding:.45rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.dev-health-panel__toolbar button:disabled{cursor:wait;opacity:.65}.dev-health-panel__toolbar .is-spinning{animation:.8s linear infinite dev-health-spin}@keyframes dev-health-spin{to{transform:rotate(360deg)}}.dev-health-section{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);overflow:hidden}.dev-health-section__heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.dev-health-section__heading>div{align-items:center;gap:.5rem;display:flex}.dev-health-section__heading svg{color:var(--color-primary)}.dev-health-section__heading h3{margin:0;font-size:.82rem}.dev-health-section__heading small{color:var(--color-text-muted);font-size:.64rem}.dev-health-metrics,.dev-health-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dev-health-metrics article,.dev-health-upload-grid article{border-right:1px solid var(--color-border);gap:.25rem;min-width:0;padding:.85rem;display:grid}.dev-health-metrics article:last-child,.dev-health-upload-grid article:last-child{border-right:0}.dev-health-metrics span,.dev-health-upload-grid span{color:var(--color-text-muted);font-size:.64rem}.dev-health-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.dev-health-metrics strong[data-state=online],.dev-health-metrics strong[data-state=healthy]{color:#15803d}.dev-health-metrics strong[data-state=offline],.dev-health-metrics strong[data-state=down]{color:#dc2626}.dev-health-metrics strong[data-state=degraded],.dev-health-metrics strong[data-state=maintenance]{color:#b45309}.dev-health-definition-list{margin:0;padding:.25rem .85rem;display:grid}.dev-health-definition-list>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding-block:.65rem;display:flex}.dev-health-definition-list>div:last-child{border-bottom:0}.dev-health-definition-list dt,.dev-health-definition-list dd{font-size:.72rem}.dev-health-definition-list dt{color:var(--color-text-muted)}.dev-health-definition-list dd{text-align:right;margin:0;font-weight:750}.dev-health-upload-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-health-upload-grid article{text-align:center;justify-items:center}.dev-health-upload-grid strong{color:var(--color-primary);font-size:1.15rem}.dev-health-upload-grid article[data-failed=true] strong{color:#dc2626}.dev-health-services{padding:.25rem .85rem;display:grid}.dev-health-service-row{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding-block:.65rem;display:grid}.dev-health-service-row:last-child{border-bottom:0}.dev-health-service-row>span{color:var(--color-text-muted);place-items:center;display:grid}.dev-health-service-row strong{font-size:.72rem}.dev-health-service-row small{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:999px;padding:.25rem .4rem;font-size:.62rem;font-weight:800}.dev-health-service-row small[data-service-status=healthy]{color:#15803d;background:color-mix(in srgb, #16a34a 10%, var(--color-surface))}.dev-health-service-row small[data-service-status=degraded],.dev-health-service-row small[data-service-status=maintenance]{color:#b45309;background:color-mix(in srgb, #f59e0b 11%, var(--color-surface))}.dev-health-service-row small[data-service-status=down]{color:#dc2626;background:color-mix(in srgb, #ef4444 10%, var(--color-surface))}.dev-health-privacy{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:.65rem;grid-template-columns:auto minmax(0,1fr);gap:.6rem;padding:.8rem;display:grid}.dev-health-privacy>div{gap:.2rem;display:grid}.dev-health-privacy strong{color:var(--color-text);font-size:.74rem}.dev-health-privacy span{font-size:.67rem;line-height:1.45}.dev-health-panel__simulation{border:1px dashed var(--color-border);background:var(--color-surface-subtle);border-radius:.65rem;gap:.55rem;padding:.85rem;display:grid}.dev-health-panel__simulation>strong{font-size:.72rem}@media (width>=48rem){.dev-health-demo__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dev-health-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-health-simulator{grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);align-items:center}.dev-health-simulator__open{grid-column:2}.dev-debug-runtime{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-debug-runtime article,.dev-debug-runtime article:nth-child(2n),.dev-debug-runtime article:nth-last-child(-n+2){border-right:1px solid var(--color-border);border-bottom:0}.dev-debug-runtime article:last-child{border-right:0}.dev-debug-controls{grid-template-columns:minmax(8rem,.6fr) minmax(8rem,.6fr) minmax(14rem,1.4fr)}.dev-debug-controls__search{grid-column:auto}}@media (width>=60rem){.dev-health-panel__content{padding-top:1.5rem;padding-bottom:3rem}.dev-health-modal-backdrop{padding:1.5rem}.dev-health-panel{border:1px solid var(--color-border);border-radius:1.25rem;width:min(100%,48rem);height:auto;max-height:calc(100dvh - 3rem);box-shadow:0 1.5rem 5rem #0f172a61}}@media (width<=32rem){.dev-health-trigger{width:calc(100% - 1rem)}.dev-health-trigger__action{font-size:0}.dev-health-trigger__action svg{width:1.2rem;height:1.2rem}.dev-health-panel__toolbar{flex-direction:column;align-items:stretch}.dev-health-panel__toolbar button{justify-content:center}}@media (prefers-reduced-motion:reduce){.dev-health-trigger{transition:none}.dev-health-trigger[data-status=checking] .dev-health-trigger__icon svg,.dev-health-panel__toolbar .is-spinning{animation:none}}@media (prefers-reduced-transparency:reduce){.dev-health-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172ac7}}.dev-pwa-install{overflow:hidden}.dev-pwa-install__heading{gap:.75rem;display:grid}.dev-pwa-install__heading h2{margin:.35rem 0 .65rem}.dev-pwa-install__heading p:not(.core-eyebrow){max-width:48rem;color:var(--color-text-muted);margin:0;line-height:1.6}.dev-pwa-install__heading>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.68rem;font-weight:850;display:inline-flex}.dev-pwa-install__heading>span[data-installed=true]{border-color:color-mix(in srgb, #16a34a 45%, var(--color-border));color:#15803d}.dev-pwa-install__benefits{gap:.55rem;margin-top:1rem;display:grid}.dev-pwa-install__benefits article{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.7rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;padding:.75rem;display:grid}.dev-pwa-install__benefits svg{color:var(--color-primary)}.dev-pwa-install__benefits article>div{gap:.2rem;display:grid}.dev-pwa-install__benefits strong{font-size:.76rem}.dev-pwa-install__benefits span{color:var(--color-text-muted);font-size:.66rem;line-height:1.45}.dev-pwa-install__platforms{background:var(--color-surface-subtle);border-radius:.8rem;gap:.4rem;margin-top:1rem;padding:.35rem;display:grid}.dev-pwa-install__platforms button{min-height:54px;color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;gap:.15rem;padding:.6rem;display:grid}.dev-pwa-install__platforms button[aria-selected=true]{border-color:var(--color-border);color:var(--color-primary);background:var(--color-surface);box-shadow:0 .25rem .8rem #0f172a14}.dev-pwa-install__platforms strong{font-size:.75rem}.dev-pwa-install__platforms small{color:var(--color-text-muted);font-size:.61rem}.dev-pwa-install__workspace{border:1px solid var(--color-border);background:radial-gradient(circle at 20% 10%, #2563eb1f, transparent 35%), var(--color-surface-subtle);border-radius:1rem;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.dev-pwa-install__phone{color:#0f172a;background:linear-gradient(145deg,#eff6ff,#fff 52%,#f5f3ff);border:6px solid #111827;border-radius:2.2rem;align-content:center;justify-items:center;gap:.35rem;width:min(100%,15rem);min-height:24rem;margin-inline:auto;padding:.75rem;display:grid;position:relative;box-shadow:0 1.2rem 2.5rem #0f172a33}.dev-pwa-install__phone-bar{color:#334155;justify-content:space-between;align-self:start;width:12.5rem;font-size:.58rem;font-weight:800;display:flex;position:absolute}.dev-pwa-install__app-icon{border:5px solid #ffffffe6;border-radius:1.35rem;place-items:center;width:5.2rem;height:5.2rem;margin-top:2rem;display:grid;overflow:hidden;box-shadow:0 .8rem 1.8rem #2563eb38}.dev-pwa-install__app-icon img{object-fit:cover;width:100%;height:100%;display:block}.dev-pwa-install__phone>strong{margin-top:.45rem;font-size:1rem}.dev-pwa-install__phone>span{color:#64748b;font-size:.68rem}.dev-pwa-install__phone-dock{color:#475569;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #94a3b847;border-radius:1rem;justify-content:space-around;width:11rem;margin-top:3.5rem;padding:.75rem;display:flex}.dev-pwa-install__instructions,.dev-pwa-install__guide{gap:.85rem;min-width:0;display:grid}.dev-pwa-install__guide-title{gap:.25rem;display:grid}.dev-pwa-install__guide-title>span{color:#1d4ed8;text-transform:uppercase;background:#dbeafe;border-radius:999px;width:fit-content;padding:.25rem .45rem;font-size:.59rem;font-weight:850}.dev-pwa-install__guide-title h3{margin:0;font-size:1rem}.dev-pwa-install__guide-title p{color:var(--color-text-muted);margin:0;font-size:.7rem;line-height:1.55}.dev-pwa-install__guide ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.dev-pwa-install__guide li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.7rem;display:grid}.dev-pwa-install__guide li>span{color:#fff;background:var(--color-primary);border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;font-size:.66rem;font-weight:850;display:grid}.dev-pwa-install__guide li>div{gap:.15rem;display:grid}.dev-pwa-install__guide li strong{font-size:.72rem}.dev-pwa-install__guide li small{color:var(--color-text-muted);font-size:.62rem;line-height:1.4}.dev-pwa-install__guide li>svg{color:var(--color-primary)}.dev-pwa-install__readiness{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.75rem;display:grid}.dev-pwa-install__readiness>span{background:#f59e0b;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 5px #f59e0b21}.dev-pwa-install__readiness>span[data-ready=true]{background:#16a34a;box-shadow:0 0 0 5px #16a34a1f}.dev-pwa-install__readiness>div{gap:.15rem;display:grid}.dev-pwa-install__readiness strong{font-size:.74rem}.dev-pwa-install__readiness small{color:var(--color-text-muted);font-size:.62rem;line-height:1.4}.dev-pwa-install__primary{color:#fff;background:var(--color-primary);min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;font-size:.75rem;font-weight:850;display:inline-flex;box-shadow:0 .5rem 1.2rem #2563eb33}.dev-pwa-install__primary:disabled{opacity:.65;cursor:default}.dev-pwa-install__primary:focus-visible,.dev-pwa-install__platforms button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dev-pwa-install__manual,.dev-pwa-install__ios-note{background:color-mix(in srgb, #f59e0b 9%, var(--color-surface));border-left:4px solid #f59e0b;border-radius:.6rem;gap:.25rem;padding:.75rem;display:grid}.dev-pwa-install__manual strong{font-size:.7rem}.dev-pwa-install__manual span{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.2rem;font-size:.65rem;line-height:1.5;display:inline-flex}.dev-pwa-install__ios-note{color:var(--color-text-muted);background:color-mix(in srgb, #2563eb 8%, var(--color-surface));border-left-color:#2563eb;grid-template-columns:auto minmax(0,1fr);align-items:center;font-size:.67rem;line-height:1.5}.dev-pwa-install__ios-note svg{color:#2563eb}.dev-pwa-install__message{border:1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));color:var(--color-text-muted);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border-radius:.6rem;margin:0;padding:.7rem;font-size:.68rem;line-height:1.5}.dev-pwa-install__scope-note{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:.65rem;margin:1rem 0 0;padding:.75rem;font-size:.67rem;line-height:1.55}.dev-pwa-install__scope-note strong{color:var(--color-text)}@media (width>=720px){.dev-pwa-install__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dev-pwa-install__benefits,.dev-pwa-install__platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-pwa-install__workspace{grid-template-columns:minmax(13rem,.72fr) minmax(0,1.28fr);align-items:center;padding:1.25rem}}@media (prefers-reduced-motion:reduce){.dev-pwa-install__primary,.dev-pwa-install__platforms button{transition:none}}.dev-pwa-update{overflow:hidden}.dev-pwa-update__heading h2{margin:.35rem 0 .65rem}.dev-pwa-update__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-pwa-update__controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.dev-pwa-update__controls fieldset{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:0;margin:0;padding:.75rem}.dev-pwa-update__controls legend{color:var(--color-text-muted);padding-inline:.25rem;font-size:.75rem;font-weight:750}.dev-pwa-update__controls fieldset>div{flex-wrap:wrap;gap:.4rem;display:flex}.dev-pwa-update__controls button{border:1px solid var(--color-border);min-height:40px;color:var(--color-text-muted);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.55rem;padding:.45rem .65rem;font-size:.75rem;font-weight:750}.dev-pwa-update__controls button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary-contrast);background:var(--color-primary)}.dev-pwa-update__controls button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dev-pwa-update__preview{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-height:7rem;margin-top:1rem;padding:1rem}.dev-pwa-update__preview .pwa-system-status{width:100%;position:static}@media (width<=760px){.dev-pwa-update__controls{grid-template-columns:1fr}}.dev-preview-demo{overflow:hidden}.dev-preview-demo__heading{gap:.8rem;display:grid}.dev-preview-demo__heading h2{margin:.35rem 0 .65rem}.dev-preview-demo__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-preview-demo__heading>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;padding:.4rem .6rem;font-size:.7rem;font-weight:850}.dev-preview-timeline{gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.dev-preview-timeline li{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.65rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.7rem;display:grid}.dev-preview-timeline li>span{color:#fff;background:var(--color-primary);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.76rem;font-weight:850;display:grid}.dev-preview-timeline li>div{gap:.18rem;display:grid}.dev-preview-timeline strong{font-size:.8rem}.dev-preview-timeline small{color:var(--color-text-muted);font-size:.7rem;line-height:1.4}.dev-preview-demo__actions{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.dev-preview-demo__actions>div:first-child{gap:.25rem;display:grid}.dev-preview-demo__actions>div:first-child span{color:var(--color-text-muted);font-size:.75rem}.dev-preview-demo__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.dev-preview-demo__buttons button,.dev-preview-demo__buttons label,.dev-preview-queue button,.dev-preview-card__body>div button{border:1px solid var(--color-border);min-height:42px;color:var(--color-text);background:var(--color-surface);font:inherit;text-align:center;cursor:pointer;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .65rem;font-size:.72rem;font-weight:750;display:inline-flex}.dev-preview-demo__buttons button:hover,.dev-preview-demo__buttons label:hover,.dev-preview-card__body>div button:hover{border-color:var(--color-primary);color:var(--color-primary)}.dev-preview-demo__buttons label{color:var(--color-primary);position:relative}.dev-preview-demo__buttons input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dev-preview-demo__buttons label:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.dev-preview-queue{border:1px solid color-mix(in srgb, var(--color-primary) 32%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.8rem;display:flex}.dev-preview-queue>div{gap:.22rem;display:grid}.dev-preview-queue strong{font-size:.82rem}.dev-preview-queue span{color:var(--color-text-muted);font-size:.7rem}.dev-preview-queue button{color:#fff;background:var(--color-primary);flex:none}.dev-preview-queue button:disabled{cursor:not-allowed;opacity:.5}.dev-preview-message{color:var(--color-primary);margin:.75rem 0 0;font-size:.76rem;font-weight:750}.dev-preview-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.75rem;margin-top:1rem;display:grid}.dev-preview-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-width:0;overflow:hidden}.dev-preview-card__media{aspect-ratio:4/3;background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));position:relative;overflow:hidden}.dev-preview-card__media>img{object-fit:cover;width:100%;height:100%}.dev-preview-placeholder{width:100%;height:100%;color:var(--color-text-muted);text-align:center;align-content:center;justify-items:center;gap:.35rem;padding:1rem;display:grid}.dev-preview-placeholder svg{color:var(--color-primary);animation:.9s linear infinite dev-preview-spin}@keyframes dev-preview-spin{to{transform:rotate(360deg)}}.dev-preview-placeholder strong{color:var(--color-text);font-size:.8rem}.dev-preview-placeholder span{font-size:.66rem}.dev-preview-card__media>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border-radius:999px;align-items:center;gap:.3rem;max-width:calc(100% - 1rem);padding:.32rem .48rem;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;bottom:.5rem;right:.5rem}.dev-preview-card__media>span[data-stage=local-ready],.dev-preview-card__media>span[data-stage=server-ready]{background:#15803deb}.dev-preview-card__media>span[data-stage=generating-local]{background:#2563ebeb}.dev-preview-card__body{gap:.65rem;padding:.75rem;display:grid}.dev-preview-card__body>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.dev-preview-card__body dl{gap:.35rem;margin:0;display:grid}.dev-preview-card__body dl>div{justify-content:space-between;gap:.75rem;display:flex}.dev-preview-card__body dt,.dev-preview-card__body dd,.dev-preview-card__body p{color:var(--color-text-muted);font-size:.68rem}.dev-preview-card__body dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.dev-preview-card__body p{min-height:2.8em;margin:0;line-height:1.45}.dev-preview-card__body>div{flex-wrap:wrap;gap:.4rem;display:flex}.dev-preview-card__body>div button{min-height:36px;padding:.4rem .5rem;font-size:.68rem}.dev-preview-empty{border:1px dashed var(--color-border);border-radius:var(--radius-control);min-height:10rem;color:var(--color-text-muted);text-align:center;align-content:center;justify-items:center;gap:.35rem;margin-top:1rem;padding:1rem;display:grid}.dev-preview-empty strong{color:var(--color-text);font-size:.85rem}.dev-preview-empty span{font-size:.72rem}.dev-preview-rule{background:color-mix(in srgb, #f59e0b 8%, var(--color-surface));border-left:4px solid #f59e0b;border-radius:.55rem;margin-top:1rem;padding:.85rem}.dev-preview-rule strong{font-size:.8rem}.dev-preview-rule p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.72rem;line-height:1.55}@media (width>=48rem){.dev-preview-demo__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dev-preview-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-preview-demo__actions{grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);align-items:center}.dev-preview-demo__buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dev-preview-placeholder svg{animation:none}}.dev-media-demo{overflow:hidden}.dev-media-heading{gap:1rem;display:grid}.dev-media-heading h2{margin:.35rem 0 .65rem}.dev-media-heading p:not(.core-eyebrow),.dev-media-description{color:var(--color-text-muted);margin:0;line-height:1.6}.dev-media-mock-badge{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;align-self:start;padding:.45rem .65rem;font-size:.75rem;font-weight:800}.dev-media-config{gap:1rem;margin-top:1.25rem;display:grid}.dev-media-policy{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.dev-media-policy div{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.65rem;min-width:0;padding:.65rem}.dev-media-policy dt{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.dev-media-policy dd{text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.82rem;font-weight:800;overflow:hidden}.dev-media-policy dd[data-private=true]{color:#b45309}:root[data-theme=dark] .dev-media-policy dd[data-private=true]{color:#fbbf24}.dev-media-description{margin-top:.85rem;font-size:.9rem}.dev-media-auto-notice{border:1px solid color-mix(in srgb, var(--color-primary) 32%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem;display:grid}.dev-media-auto-notice__icon{aspect-ratio:1;color:#fff;background:var(--color-primary);border-radius:.7rem;place-items:center;width:2.5rem;display:grid}.dev-media-auto-notice>div{gap:.2rem;display:grid}.dev-media-auto-notice>div span{color:var(--color-text-muted);font-size:.78rem;line-height:1.45}.dev-media-auto-notice>small{width:fit-content;color:var(--color-primary);background:var(--color-surface);border-radius:999px;grid-column:2;padding:.25rem .45rem;font-size:.68rem;font-weight:800}.dev-media-rooms{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.dev-media-rooms>div:first-child{gap:.3rem;display:grid}.dev-media-rooms>div:first-child span{color:var(--color-text-muted);font-size:.8rem}.dev-media-room-tabs{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem;display:grid}.dev-media-room-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.7rem;overflow:hidden}.dev-media-room-card[data-selected=true]{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.dev-media-room-card__select{width:100%;min-height:52px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.6rem;padding:.55rem .65rem;display:grid}.dev-media-room-card__select[aria-pressed=true]{color:var(--color-primary)}.dev-media-room-card__select:focus-visible,.dev-media-room-card__upload:focus-within{outline:3px solid var(--color-focus);outline-offset:-3px}.dev-media-room-card__preview{aspect-ratio:4/3;width:3.25rem;color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:.45rem;place-items:center;display:grid;overflow:hidden}.dev-media-room-card__preview img{object-fit:cover;width:100%;height:100%}.dev-media-room-card__body{gap:.2rem;min-width:0;display:grid}.dev-media-room-card__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.dev-media-room-card__body small{color:var(--color-text-muted);font-size:.67rem}.dev-media-room-card__upload{border-top:1px solid var(--color-border);min-height:38px;color:var(--color-primary);background:var(--color-surface-subtle);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:.4rem;font-size:.72rem;font-weight:800;display:flex;position:relative}.dev-media-room-card__upload:has(input:disabled){color:var(--color-text-muted);cursor:not-allowed;opacity:.55}.dev-media-room-card__upload input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dev-media-room-editor{border:1px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.dev-media-room-editor input{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface-subtle);font:inherit;padding:.65rem .75rem}.dev-media-room-editor>div{gap:.25rem;display:grid}.dev-media-room-editor>div strong{color:var(--color-primary)}.dev-media-room-editor>div span{color:var(--color-text-muted);font-size:.8rem}.dev-media-size-simulator{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.dev-media-size-simulator>div:first-child{gap:.25rem;display:grid}.dev-media-size-simulator>div:first-child span,.dev-media-size-simulator__note{color:var(--color-text-muted);font-size:.76rem;line-height:1.5}.dev-media-size-simulator__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.dev-media-size-simulator__options button{border:1px solid var(--color-border);min-height:52px;color:var(--color-text);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;border-radius:.65rem;gap:.15rem;padding:.55rem;display:grid}.dev-media-size-simulator__options button:hover:not(:disabled),.dev-media-size-simulator__options button:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.dev-media-size-simulator__options button:disabled{cursor:not-allowed;opacity:.5}.dev-media-size-simulator__options small{color:var(--color-text-muted);font-size:.66rem}.dev-media-real-limit{border-top:1px solid var(--color-border);padding-top:.75rem}.dev-media-real-limit select{min-height:42px}.dev-media-real-limit small{color:var(--color-text-muted);font-size:.7rem;line-height:1.45}.dev-media-selected-room{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:end;gap:1rem;margin-top:1rem;padding-bottom:.65rem;display:flex}.dev-media-gallery-view{gap:.25rem;margin-top:1rem;display:grid}.dev-media-gallery-view .dev-media-selected-room{margin-top:0}.dev-media-gallery-view__switch{background:var(--color-surface-subtle);border-radius:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.3rem;display:grid}.dev-media-gallery-view__switch button{min-height:42px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .65rem;font-size:.78rem;font-weight:800;display:flex}.dev-media-gallery-view__switch button[aria-pressed=true]{border-color:var(--color-border);color:var(--color-primary);background:var(--color-surface);box-shadow:0 .2rem .65rem #0f172a14}.dev-media-gallery-view__switch small{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:999px;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .3rem;font-size:.68rem;display:grid}.dev-media-selected-room>div{gap:.2rem;display:grid}.dev-media-selected-room span,.dev-media-selected-room small{color:var(--color-text-muted);font-size:.72rem}.dev-media-selected-room strong{font-size:1rem}.dev-media-room-empty{border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);text-align:center;margin:.8rem 0 0;padding:1rem}.dev-media-retention{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.dev-media-retention__result{gap:.3rem;display:grid}.dev-media-retention__result strong{color:var(--color-primary);font-size:.9rem}.dev-media-retention__result span{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.dev-media-flow{gap:.5rem;margin-top:1rem;display:grid}.dev-media-interaction-title{border-top:1px solid var(--color-border);margin:1.5rem 0 0;padding-top:1.25rem;font-size:1rem}.dev-media-flow>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.7rem;gap:.25rem;min-width:0;padding:.75rem;display:grid}.dev-media-flow>div>span{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:800}.dev-media-flow>div>strong{font-size:.82rem}.dev-media-flow>div>small{color:var(--color-text-muted);font-size:.7rem;line-height:1.4}.dev-media-flow>i{color:var(--color-text-muted);text-align:center;font-style:normal;transform:rotate(90deg)}.dev-media-explainer{border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));gap:1rem;margin-top:1.25rem;padding:1rem;display:grid}.dev-media-explainer__heading{gap:.75rem;display:grid}.dev-media-explainer__heading>div{gap:.25rem;display:grid}.dev-media-explainer__heading span,.dev-media-explainer__method>span,.dev-media-explainer__result>span,.dev-media-explainer__ownership article>span{color:var(--color-primary);letter-spacing:.055em;text-transform:uppercase;font-size:.68rem;font-weight:850}.dev-media-explainer__heading h3{margin:0;font-size:1.05rem}.dev-media-explainer__heading p,.dev-media-explainer__ownership p,.dev-media-explainer__takeaway{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.55}.dev-media-explainer__heading>strong{color:#92400e;background:color-mix(in srgb, #f59e0b 10%, var(--color-surface));border:1px solid #f59e0b;border-radius:999px;width:fit-content;padding:.35rem .55rem;font-size:.68rem}:root[data-theme=dark] .dev-media-explainer__heading>strong{color:#fcd34d}.dev-media-explainer__controls{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;gap:.65rem;padding:.65rem;display:grid}.dev-media-explainer__controls>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.dev-media-explainer__controls button{border:1px solid var(--color-border);min-height:40px;color:var(--color-text-muted);background:var(--color-surface-subtle);font:inherit;cursor:pointer;border-radius:.55rem;padding:.45rem .65rem;font-size:.78rem;font-weight:800}.dev-media-explainer__controls button[aria-pressed=true]{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.dev-media-explainer__controls label{min-height:40px;color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.76rem;font-weight:700;display:flex}.dev-media-explainer__controls input{width:1rem;height:1rem;accent-color:var(--color-primary)}.dev-media-explainer__scenario{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;gap:.75rem;padding:.85rem;display:grid}.dev-media-explainer__method,.dev-media-explainer__result{gap:.25rem;display:grid}.dev-media-explainer__method>strong,.dev-media-explainer__result>strong{font-size:.85rem}.dev-media-explainer__method>small,.dev-media-explainer__result>small{color:var(--color-text-muted);font-size:.72rem;line-height:1.45}.dev-media-parts{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.dev-media-parts>span{border:1px solid var(--color-border);min-width:0;min-height:46px;color:var(--color-text-muted);background:var(--color-surface-subtle);text-align:center;border-radius:.45rem;align-content:center;gap:.05rem;display:grid}.dev-media-parts>span[data-state=done]{color:#166534;background:color-mix(in srgb, #16a34a 11%, var(--color-surface));border-color:#16a34a}.dev-media-parts>span[data-state=retry]{color:#92400e;background:color-mix(in srgb, #f59e0b 12%, var(--color-surface));border-color:#f59e0b}.dev-media-parts>span[data-state=retry]:after{content:"Thử lại";font-size:.56rem;font-weight:800}.dev-media-parts b{font-size:.78rem}.dev-media-parts small{font-size:.58rem}.dev-media-single-part{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.55rem;place-items:center;min-height:58px;display:grid;position:relative;overflow:hidden}.dev-media-single-part>span{background:#16a34a33;position:absolute;inset:0 auto 0 0}.dev-media-single-part[data-failed=true]>span{background:#f59e0b40}.dev-media-single-part>strong{font-size:.78rem;position:relative}.dev-media-explainer__result{background:color-mix(in srgb, #16a34a 8%, var(--color-surface));border-left:4px solid #16a34a;border-radius:.45rem;padding:.75rem}.dev-media-explainer__result[data-warning=true]{background:color-mix(in srgb, #f59e0b 8%, var(--color-surface));border-left-color:#f59e0b}.dev-media-explainer__ownership{gap:.55rem;display:grid}.dev-media-explainer__ownership article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.65rem;gap:.3rem;padding:.75rem;display:grid}.dev-media-explainer__ownership article>strong{font-size:.82rem}.dev-media-explainer__takeaway{background:var(--color-surface-subtle);border-radius:.65rem;padding:.75rem}.dev-media-explainer__takeaway strong{color:var(--color-text)}.dev-media-variants{gap:.6rem;margin-top:1rem;display:grid}.dev-media-variants>strong{font-size:.8rem}.dev-media-variants>div{flex-wrap:wrap;gap:.4rem;display:flex}.dev-media-variants span{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:999px;padding:.35rem .55rem;font-size:.7rem;font-weight:700}.dev-media-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-card);min-height:10rem;color:var(--color-text-muted);background:var(--color-surface-subtle);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:.45rem;margin-top:1rem;padding:1.25rem;transition:border-color .18s,background .18s;display:grid}.dev-media-dropzone:hover,.dev-media-dropzone:focus-within{border-color:var(--color-primary)}.dev-media-dropzone strong{color:var(--color-text)}.dev-media-dropzone span{font-size:.8rem}.dev-media-dropzone input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dev-media-dropzone:has(input:disabled){opacity:.55;cursor:not-allowed}.dev-media-error{color:#b91c1c;margin:.75rem 0 0;font-size:.85rem;font-weight:700}:root[data-theme=dark] .dev-media-error{color:#fca5a5}.dev-media-summary{border:1px solid var(--color-border);border-radius:var(--radius-control);gap:.6rem;margin-top:1rem;padding:.8rem;display:grid}.dev-media-summary>div:first-child{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.dev-media-summary strong{color:var(--color-primary);align-items:center;gap:.4rem;font-size:1.1rem;display:inline-flex}.dev-media-spin{animation:.9s linear infinite dev-media-spin}@keyframes dev-media-spin{to{transform:rotate(360deg)}}.dev-media-summary span{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.dev-media-total-progress,.dev-media-item__progress{background:var(--color-border);border-radius:999px;height:.42rem;overflow:hidden}.dev-media-total-progress>span,.dev-media-item__progress>span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .12s linear;display:block}.dev-media-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.85rem;margin-top:1rem;display:grid}.dev-media-grid--document,.dev-media-grid--landscape{grid-template-columns:minmax(0,30rem)}.dev-media-grid--square{grid-template-columns:minmax(0,18rem)}.dev-media-item{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-width:0;overflow:hidden}.dev-media-preview{aspect-ratio:4/3;background:var(--color-border);text-align:left;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.dev-media-preview:not(:disabled){cursor:pointer}.dev-media-preview:disabled{color:inherit}.dev-media-preview:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.dev-media-preview:has(.dev-media-primary-badge){box-shadow:inset 0 0 0 3px var(--color-primary)}.dev-media-grid--square .dev-media-preview{aspect-ratio:1}.dev-media-grid--landscape .dev-media-preview{aspect-ratio:16/7}.dev-media-grid--document .dev-media-preview{aspect-ratio:1.586}.dev-media-preview img{object-fit:cover;width:100%;height:100%}.dev-media-preview__placeholder{width:100%;height:100%;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));text-align:center;align-content:center;justify-items:center;gap:.3rem;padding:1rem;display:grid}.dev-media-preview__placeholder svg{color:var(--color-primary);animation:.9s linear infinite dev-media-spin}.dev-media-preview__placeholder strong{color:var(--color-text);font-size:.78rem}.dev-media-preview__placeholder small{max-width:12rem;font-size:.65rem;line-height:1.4}.dev-media-preview>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;border-radius:999px;max-width:calc(100% - 1.1rem);padding:.32rem .5rem;font-size:.68rem;font-weight:800;position:absolute;bottom:.55rem;right:.55rem}.dev-media-preview>span[data-status=ready]{background:#15803de6}.dev-media-preview>span[data-status=failed]{background:#b91c1ceb}.dev-media-primary-badge{color:#fff;background:var(--color-primary);border-radius:999px;padding:.34rem .52rem;font-size:.68rem;font-weight:850;position:absolute;top:.55rem;left:.55rem;box-shadow:0 .3rem 1rem #0f172a38}.dev-media-item__body{gap:.55rem;padding:.75rem;display:grid}.dev-media-item__body>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.dev-media-item__body>small{color:var(--color-text-muted)}.dev-media-item__body>.dev-media-item__room{width:fit-content;color:var(--color-primary);background:var(--color-surface);border-radius:999px;padding:.22rem .42rem;font-weight:800}.dev-media-item__body>.dev-media-item__optimized{color:#15803d;font-weight:750}:root[data-theme=dark] .dev-media-item__body>.dev-media-item__optimized{color:#86efac}.dev-media-item__body>em{color:#b91c1c;font-size:.75rem;font-style:normal;font-weight:700;line-height:1.4}.dev-media-item__actions{flex-wrap:wrap;gap:.4rem;display:flex}.dev-media-item__actions button{border:1px solid var(--color-border);min-height:36px;color:var(--color-text-muted);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;align-items:center;gap:.3rem;padding:.35rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.dev-media-item__actions button:hover{color:var(--color-primary);border-color:var(--color-primary)}.dev-media-comparison{border:1px solid var(--color-primary);border-radius:var(--radius-card);background:var(--color-surface);gap:.85rem;margin-top:1rem;padding:1rem;display:grid}.dev-media-comparison__heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.dev-media-comparison__heading>div{gap:.2rem;min-width:0;display:grid}.dev-media-comparison__heading span{color:var(--color-primary);text-transform:uppercase;font-size:.7rem;font-weight:800}.dev-media-comparison__heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-media-comparison__heading button{border:1px solid var(--color-border);min-height:36px;color:var(--color-text-muted);background:var(--color-surface-subtle);font:inherit;cursor:pointer;border-radius:.5rem;align-items:center;gap:.3rem;padding:.4rem .55rem;font-size:.72rem;font-weight:750;display:inline-flex}.dev-media-comparison__images{gap:.65rem;display:grid}.dev-media-comparison figure{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);margin:0;overflow:hidden}.dev-media-comparison figure img{aspect-ratio:4/3;object-fit:contain;background:#111827;width:100%;display:block}.dev-media-comparison figcaption{grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;padding:.7rem;display:grid}.dev-media-comparison figcaption span{color:var(--color-primary);font-weight:800}.dev-media-comparison figcaption small{color:var(--color-text-muted);grid-column:1/-1}.dev-media-comparison>p{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.5}.dev-media-comparison>p strong{color:#15803d}.dev-media-empty{border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);text-align:center;margin:1rem 0 0;padding:1rem}.dev-media-toolbar{border-top:1px solid var(--color-border);gap:.8rem;margin-top:1rem;padding-top:1rem;display:grid}.dev-media-toolbar .dev-controls{margin-top:0}.dev-media-complete{border-radius:var(--radius-control);color:#15803d;background:color-mix(in srgb, #16a34a 9%, var(--color-surface));border:1px solid #16a34a;margin:.9rem 0 0;padding:.75rem;font-size:.85rem;font-weight:750}:root[data-theme=dark] .dev-media-complete{color:#86efac}@media (width>=48rem){.dev-media-heading,.dev-media-config{grid-template-columns:minmax(0,.8fr) minmax(24rem,1.2fr);align-items:start}.dev-media-heading{grid-template-columns:minmax(0,1fr) auto}.dev-media-policy{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-media-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dev-media-retention,.dev-media-room-editor{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:end}.dev-media-auto-notice{grid-template-columns:auto minmax(0,1fr) auto}.dev-media-auto-notice>small{grid-column:auto}.dev-media-size-simulator__options{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-media-comparison__images{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-media-explainer__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dev-media-explainer__controls{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);align-items:center}.dev-media-explainer__ownership{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=68rem){.dev-media-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.dev-media-flow>i{align-self:center;transform:none}}@media (prefers-reduced-motion:reduce){.dev-media-dropzone,.dev-media-total-progress>span,.dev-media-item__progress>span{transition:none}.dev-media-spin,.dev-media-preview__placeholder svg{animation:none}}.dev-media-experience{overflow:hidden}.dev-media-experience__heading{gap:.75rem;display:grid}.dev-media-experience__heading h2{margin:.35rem 0 .65rem}.dev-media-experience__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-media-experience__heading>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;padding:.4rem .6rem;font-size:.68rem;font-weight:850}.dev-media-experience__primary-flow{border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border-radius:.8rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem;display:flex}.dev-media-experience__primary-flow>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;min-width:0;display:grid}.dev-media-experience__primary-flow svg{color:var(--color-primary)}.dev-media-experience__primary-flow>div>span{gap:.18rem;min-width:0;display:grid}.dev-media-experience__primary-flow strong{font-size:.75rem}.dev-media-experience__primary-flow small{color:var(--color-text-muted);font-size:.62rem;line-height:1.45}.dev-media-experience__primary-flow>span{color:#15803d;background:color-mix(in srgb, #16a34a 12%, var(--color-surface));border-radius:999px;padding:.3rem .5rem;font-size:.6rem;font-weight:800}.dev-media-experience__divider{background:var(--color-border);height:1px;margin:1.25rem -1.5rem}.dev-media-demo--embedded,.dev-preview-demo--embedded{box-shadow:none}.dev-media-demo--embedded>.dev-media-heading,.dev-preview-demo--embedded>.dev-preview-demo__heading{padding-top:.1rem}.dev-media-experience__lab{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.85rem;gap:0;margin-top:1.5rem;display:grid;overflow:hidden}.dev-media-experience__lab-trigger{width:100%;min-height:72px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.8rem;display:grid}.dev-media-experience__lab-trigger:hover{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.dev-media-experience__lab-trigger:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.dev-media-experience__lab-icon{color:#7c3aed;background:color-mix(in srgb, #7c3aed 12%, var(--color-surface));border-radius:.65rem;place-items:center;width:2.4rem;height:2.4rem;display:grid}.dev-media-experience__lab-copy{gap:.18rem;min-width:0;display:grid}.dev-media-experience__lab-copy>small{color:#7c3aed;letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-weight:850}.dev-media-experience__lab-copy>strong{font-size:.76rem}.dev-media-experience__lab-copy>span{color:var(--color-text-muted);font-size:.63rem;line-height:1.45}.dev-media-experience__lab-state{color:var(--color-primary);align-items:center;gap:.3rem;font-size:.62rem;font-weight:800;display:inline-flex}.dev-media-experience__lab-state svg{transition:transform .18s}.dev-media-experience__lab-trigger[aria-expanded=true] .dev-media-experience__lab-state svg{transform:rotate(180deg)}.dev-media-experience__lab-panel{border-top:1px solid var(--color-border);background:var(--color-surface);min-width:0;padding:1rem}.dev-media-experience__lab-panel>p{color:var(--color-text-muted);background:color-mix(in srgb, #7c3aed 7%, var(--color-surface));border-left:4px solid #7c3aed;border-radius:.55rem;margin:0 0 1rem;padding:.7rem;font-size:.66rem;line-height:1.5}@media (width>=48rem){.dev-media-experience__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (width<=32rem){.dev-media-experience__primary-flow>span{margin-left:1.65rem}.dev-media-experience__lab-trigger{grid-template-columns:auto minmax(0,1fr)}.dev-media-experience__lab-state{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.dev-media-experience__lab-state svg{transition:none}}.image-quality-comparison{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.8rem;gap:.8rem;margin-top:1rem;padding:.85rem;display:grid}.image-quality-comparison__header,.image-quality-comparison__title,.image-quality-comparison__actions,.image-quality-comparison__actions>div,.image-quality-comparison__toolbar{align-items:center;display:flex}.image-quality-comparison__header{justify-content:space-between;gap:.65rem}.image-quality-comparison__title{gap:.65rem;min-width:0}.image-quality-comparison__title>span{color:#0369a1;background:#e0f2fe;border-radius:.65rem;flex:none;place-items:center;width:2.35rem;height:2.35rem;display:grid}.image-quality-comparison__title>div,.image-quality-comparison figcaption{gap:.12rem;min-width:0;display:grid}.image-quality-comparison__title strong{font-size:.76rem}.image-quality-comparison__title small,.image-quality-comparison figcaption span,.image-quality-comparison__captions span{color:var(--color-text-muted);font-size:.6rem;line-height:1.4}.image-quality-comparison__actions{flex:none;gap:.4rem}.image-quality-comparison__actions>div{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.image-quality-comparison__actions button,.image-quality-comparison__toolbar button{border:1px solid var(--color-border);width:2.35rem;height:2.35rem;color:var(--color-text);background:var(--color-surface);font:inherit;cursor:pointer;place-items:center;padding:0;font-size:.64rem;font-weight:800;display:grid}.image-quality-comparison__actions>div button{border-width:0;border-radius:0}.image-quality-comparison__actions>div button+button{border-left:1px solid var(--color-border)}.image-quality-comparison__actions button[aria-pressed=true],.image-quality-comparison__toolbar button[aria-pressed=true]{color:#0369a1;background:#e0f2fe}.image-quality-comparison button:focus-visible,.image-quality-comparison__viewport:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.image-quality-comparison button:disabled{opacity:.4;cursor:not-allowed}.image-quality-comparison__list{gap:.45rem;margin:0;padding-bottom:.2rem;padding-left:0;list-style:none;display:flex;overflow-x:auto}.image-quality-comparison__list li{flex:0 0 min(12rem,70vw)}.image-quality-comparison__list button{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface-subtle);font:inherit;text-align:left;cursor:pointer;border-radius:.55rem;gap:.15rem;padding:.55rem .65rem;display:grid}.image-quality-comparison__list button[aria-pressed=true]{border-color:#0284c7;box-shadow:inset 0 0 0 1px #0284c7}.image-quality-comparison__list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.image-quality-comparison__list span,.image-quality-comparison__empty{color:var(--color-text-muted);font-size:.58rem}.image-quality-comparison__empty{border:1px dashed var(--color-border);text-align:center;border-radius:.6rem;margin:0;padding:1rem}.image-quality-comparison__metrics{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.image-quality-comparison__metrics>div{gap:.16rem;min-width:0;padding:.6rem;display:grid}.image-quality-comparison__metrics>div+div{border-left:1px solid var(--color-border)}.image-quality-comparison__metrics span{color:var(--color-text-muted);font-size:.55rem}.image-quality-comparison__metrics strong{overflow-wrap:anywhere;font-size:.68rem}.image-quality-comparison__toolbar{justify-content:center;gap:.35rem}.image-quality-comparison__toolbar button{border-radius:.5rem}.image-quality-comparison__toolbar>span{width:4.5rem;color:var(--color-text-muted);text-align:center;font-size:.6rem}.image-quality-comparison__stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.image-quality-comparison figure{min-width:0;margin:0}.image-quality-comparison__viewport{aspect-ratio:4/3;color:var(--color-text-muted);background:repeating-conic-gradient(#f8fafc 0 25%, #e2e8f0 0 50%) 50% / 16px 16px;border-radius:.55rem;place-items:center;display:grid;position:relative;overflow:hidden}.image-quality-comparison__viewport.is-pannable{cursor:grab;touch-action:none}.image-quality-comparison__viewport.is-pannable:active{cursor:grabbing}.image-quality-comparison__viewport img{object-fit:contain;width:100%;max-width:none;height:100%;transform:translate(var(--comparison-pan-x), var(--comparison-pan-y)) scale(var(--comparison-zoom));transform-origin:50%;-webkit-user-select:none;user-select:none;transition:transform .12s}.image-quality-comparison__viewport>span:not(.image-quality-comparison__wipe-label):not(.image-quality-comparison__wipe-divider){text-align:center;padding:.6rem;font-size:.58rem}.image-quality-comparison figcaption{padding-top:.45rem}.image-quality-comparison figcaption strong{font-size:.65rem}.image-quality-comparison__wipe{gap:.55rem;display:grid}.image-quality-comparison__wipe .image-quality-comparison__viewport{justify-self:center;width:min(100%,58rem)}.image-quality-comparison__wipe-output{z-index:1;pointer-events:none;position:absolute;inset:0}.image-quality-comparison__wipe-output img{position:absolute;inset:0}.image-quality-comparison__wipe-label{z-index:3;color:#fff;pointer-events:none;background:#0f172ad1;border-radius:.35rem;padding:.28rem .4rem;font-size:.55rem;font-weight:800;position:absolute;top:.55rem}.image-quality-comparison__wipe-label.is-source{left:.55rem}.image-quality-comparison__wipe-label.is-output{right:.55rem}.image-quality-comparison__wipe-divider{z-index:2;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0f172a59}.image-quality-comparison__wipe-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.image-quality-comparison__wipe-control span{color:var(--color-text-muted);font-size:.58rem}.image-quality-comparison__wipe-control input{accent-color:#0284c7;width:100%}.image-quality-comparison__captions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.image-quality-comparison__captions span:last-child{text-align:right}@media (width<=30rem){.image-quality-comparison__header{flex-direction:column;align-items:stretch}.image-quality-comparison__actions{align-self:flex-end}.image-quality-comparison__title small{display:none}.image-quality-comparison__metrics span{min-height:2.4em}}@media (prefers-reduced-motion:reduce){.image-quality-comparison__viewport img{transition:none}}.prod-upload-demo{overflow:hidden}.prod-upload-demo__header{gap:.75rem;display:grid}.prod-upload-demo__header h2{margin:.35rem 0 .5rem}.prod-upload-demo__header p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.55}.prod-upload-demo__header>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;padding:.4rem .6rem;font-size:.67rem;font-weight:800}.prod-upload-config{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.75rem;gap:.75rem;margin-top:1rem;padding:.85rem;display:grid}.prod-upload-config>header{align-items:center;gap:.5rem;display:flex}.prod-upload-config>header svg{color:#2563eb}.prod-upload-config>header strong,.prod-upload-config__toggle strong{font-size:.7rem}.prod-upload-config>header small{color:var(--color-text-muted);text-align:right;margin-left:auto;font-size:.56rem}.prod-upload-config__toggle{cursor:pointer;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.55rem;width:fit-content;min-height:44px;display:grid}.prod-upload-config__toggle input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.prod-upload-config__toggle>span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;width:2.55rem;height:1.45rem;position:relative}.prod-upload-config__toggle>span:after{background:var(--color-text-muted);content:"";border-radius:50%;width:1rem;height:1rem;transition:transform .16s;position:absolute;top:.16rem;left:.16rem}.prod-upload-config__toggle input:checked+span{background:#2563eb;border-color:#2563eb}.prod-upload-config__toggle input:checked+span:after{background:#fff;transform:translate(1.08rem)}.prod-upload-config__toggle input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.prod-upload-config__fields{gap:.6rem;display:grid}.prod-upload-config__fields label{grid-template-columns:minmax(0,1fr) minmax(5rem,1.35fr) 2rem;align-items:center;gap:.55rem;min-height:44px;display:grid}.prod-upload-config__fields span,.prod-upload-config__fields small{color:var(--color-text-muted);font-size:.62rem}.prod-upload-config__fields input[type=number]{border:1px solid var(--color-border);width:100%;min-width:0;min-height:40px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:.45rem;padding:.45rem .55rem;font-size:.68rem}.prod-upload-config__fields input[type=range]{accent-color:#2563eb;width:100%}.prod-upload-config__fields input:disabled{opacity:.45}.prod-upload-config>button{border:1px solid var(--color-border);min-height:40px;color:var(--color-text);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;justify-self:start;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.64rem;font-weight:750;display:inline-flex}.prod-upload-config>button:disabled{opacity:.45;cursor:not-allowed}.prod-upload-runtime,.prod-upload-health{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.85rem;gap:.8rem;margin-top:1rem;padding:.85rem;display:grid}.prod-upload-runtime[data-backend=true]{border-color:color-mix(in srgb, #d97706 45%, var(--color-border));background:color-mix(in srgb, #f59e0b 8%, var(--color-surface))}.prod-upload-runtime__heading,.prod-upload-health>header{align-items:center;gap:.65rem;display:flex}.prod-upload-runtime__icon,.prod-upload-health>header>span{width:2.35rem;height:2.35rem;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));border-radius:.68rem;flex:none;place-items:center;display:grid}.prod-upload-runtime__heading>div,.prod-upload-health>header>div{gap:.12rem;min-width:0;display:grid}.prod-upload-runtime__heading strong,.prod-upload-health>header strong{font-size:.76rem}.prod-upload-runtime__heading span,.prod-upload-health>header small{color:var(--color-text-muted);font-size:.64rem;line-height:1.4}.prod-upload-runtime__switch{cursor:pointer;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.55rem;width:fit-content;min-height:44px;display:grid}.prod-upload-runtime__switch input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.prod-upload-runtime__switch>span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;width:2.55rem;height:1.45rem;transition:border-color .16s,background .16s;position:relative}.prod-upload-runtime__switch>span:after{background:var(--color-text-muted);content:"";border-radius:50%;width:1rem;height:1rem;transition:transform .16s,background .16s;position:absolute;top:.16rem;left:.16rem}.prod-upload-runtime__switch input:checked+span{border-color:var(--color-primary);background:var(--color-primary)}.prod-upload-runtime__switch input:checked+span:after{background:#fff;transform:translate(1.08rem)}.prod-upload-runtime__switch input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.prod-upload-runtime__switch:has(input:disabled){opacity:.6;cursor:not-allowed}.prod-upload-runtime__switch strong{font-size:.7rem}.prod-upload-runtime>p,.prod-upload-health>p{color:var(--color-text-muted);margin:0;font-size:.63rem;line-height:1.5}.prod-upload-health dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0;display:grid}.prod-upload-health dl>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.7rem;gap:.35rem;min-width:0;padding:.65rem;display:grid}.prod-upload-health dt{color:var(--color-text-muted);font-size:.58rem}.prod-upload-health dd{gap:.08rem;min-width:0;margin:0;display:grid}.prod-upload-health dd strong{color:var(--color-text);font-size:.85rem}.prod-upload-health dd span{color:var(--color-text-muted);font-size:.56rem;line-height:1.35}.prod-upload-summary{border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem;display:grid}.prod-upload-summary__icon{color:#fff;background:var(--color-primary);border-radius:.65rem;place-items:center;width:2.4rem;height:2.4rem;display:grid}.prod-upload-summary__copy{gap:.15rem;min-width:0;display:grid}.prod-upload-summary__copy strong,.prod-upload-summary>strong{font-size:.75rem}.prod-upload-summary__copy span{color:var(--color-text-muted);font-size:.63rem;line-height:1.4}.prod-upload-summary__progress{background:var(--color-border);border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.prod-upload-summary__progress span,.prod-upload-image__progress span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .22s;display:block}.prod-upload-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.prod-upload-room-card{border:1px solid var(--color-border);min-width:0;color:var(--color-text);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;border-radius:.8rem;padding:0;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.prod-upload-room-card:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));transform:translateY(-1px);box-shadow:0 .55rem 1.2rem #0f172a14}.prod-upload-room-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.prod-upload-room-card__cover{aspect-ratio:4/3;width:100%;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:.65rem;place-items:center;display:grid;position:relative;overflow:hidden}.prod-upload-room-card__cover img{object-fit:cover;width:100%;height:100%}.prod-upload-room-card__cover small{color:#fff;background:#0f172ac7;border-radius:999px;padding:.15rem .28rem;font-size:.48rem;font-weight:800;position:absolute;bottom:.25rem;right:.25rem}.prod-upload-room-card__body{gap:.2rem;min-width:0;padding:.65rem;display:grid}.prod-upload-room-card__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.prod-upload-room-card__body small{color:var(--color-text-muted);font-size:.63rem}.prod-upload-room-card>svg{color:var(--color-text-muted);position:absolute;bottom:.55rem;right:.4rem}.prod-upload-demo__footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.prod-upload-demo__footer>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.prod-upload-demo__footer>div>svg{color:#16a34a}.prod-upload-demo__footer>div>span{gap:.12rem;display:grid}.prod-upload-demo__footer strong{font-size:.72rem}.prod-upload-demo__footer small{color:var(--color-text-muted);font-size:.6rem}.prod-upload-demo__footer>button,.prod-upload-sheet__bottom button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:.7rem;padding:.65rem .9rem;font-size:.72rem;font-weight:800}.prod-upload-demo__footer>button:disabled{color:var(--color-text-muted);background:var(--color-surface-subtle);cursor:not-allowed}.prod-upload-sheet{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header""notice""grid""bottom";gap:.9rem;min-height:0;display:grid}.prod-upload-sheet__header{grid-area:header;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.prod-upload-sheet__header>div{gap:.15rem;display:grid}.prod-upload-sheet__header span{color:#2563eb;text-transform:uppercase;font-size:.62rem;font-weight:850}.prod-upload-sheet__header h3{color:#0f172a;margin:0;font-size:1.2rem}.prod-upload-sheet__header p{color:#64748b;margin:0;font-size:.68rem}.prod-upload-sheet__header>button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid}.prod-upload-sheet__picker{aspect-ratio:4/3;color:#2563eb;text-align:center;cursor:pointer;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:.85rem;align-content:center;justify-items:center;gap:.35rem;padding:.65rem;display:grid;position:relative}.prod-upload-sheet__picker>span{gap:.15rem;display:grid}.prod-upload-sheet__picker strong{color:#1e3a8a;font-size:.76rem}.prod-upload-sheet__picker small{color:#64748b;font-size:.62rem}.prod-upload-sheet__picker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prod-upload-sheet__picker:has(input:focus-visible){outline-offset:2px;outline:3px solid #2563eb47}.prod-upload-sheet__picker:has(input:disabled){opacity:.55;cursor:not-allowed}.prod-upload-sheet__notice{color:#334155;background:#f1f5f9;border-radius:.6rem;grid-area:notice;margin:0;padding:.65rem;font-size:.66rem;line-height:1.45}.prod-upload-sheet__grid{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;grid-area:grid;grid-template-rows:max-content;grid-auto-columns:clamp(9rem,42vw,11rem);grid-auto-flow:column;align-content:start;align-items:start;gap:.65rem;min-width:0;min-height:0;padding-bottom:.35rem;display:grid;overflow:auto hidden}.prod-upload-sheet__picker,.prod-upload-image{scroll-snap-align:start}.prod-upload-image{background:#fff;border:1px solid #e2e8f0;border-radius:.8rem;min-width:0;position:relative;overflow:hidden}.prod-upload-image__remove{z-index:3;color:#fff;cursor:pointer;background:#0f172abf;border:2px solid #ffffffd1;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid;position:absolute;top:.35rem;right:.35rem}.prod-upload-image__remove:focus-visible{outline-offset:1px;outline:3px solid #2563eb59}.prod-upload-image__preview{aspect-ratio:4/3;color:#2563eb;cursor:pointer;background:#eff6ff;border:0;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.prod-upload-image__preview img{object-fit:cover;width:100%;height:100%}.prod-upload-image__placeholder{color:#2563eb;text-align:center;background:linear-gradient(145deg,#dbeafe,#f5f3ff);flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;height:100%;padding:.75rem;display:flex}.prod-upload-image__placeholder small{color:#475569;max-width:8rem;font-size:.64rem;font-weight:750;line-height:1.35}.prod-upload-image__primary{color:#fff;background:#2563eb;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .42rem;font-size:.54rem;font-weight:850;display:inline-flex;position:absolute;top:.45rem;left:.45rem}.prod-upload-image__info{gap:.35rem;min-width:0;padding:.65rem;display:grid}.prod-upload-image__info>strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.prod-upload-image__info>small{color:#64748b;font-size:.58rem}.prod-upload-image__info>span{color:#475569;font-size:.6rem;font-weight:750}.prod-upload-image__info>span[data-status=ready]{color:#15803d}.prod-upload-image__info>span[data-status=failed]{color:#dc2626}.prod-upload-image__progress{background:#e2e8f0;border-radius:999px;height:4px;overflow:hidden}.prod-upload-image__actions{flex-wrap:wrap;gap:.35rem;display:flex}.prod-upload-image__actions button{color:#475569;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.6rem;font-weight:750;display:inline-flex}.prod-upload-sheet__empty{color:#64748b;text-align:center;background:#f8fafc;border-radius:.8rem;justify-items:center;gap:.35rem;padding:1.5rem;display:grid}.prod-upload-sheet__empty strong{color:#334155;font-size:.76rem}.prod-upload-sheet__empty span{max-width:19rem;font-size:.64rem;line-height:1.5}.prod-upload-sheet__bottom{border-top:1px solid #e2e8f0;grid-area:bottom;gap:.65rem;padding-top:.8rem;display:grid}.prod-upload-sheet__bottom span{color:#64748b;text-align:center;font-size:.63rem;line-height:1.45}.is-spinning{animation:.9s linear infinite prod-upload-spin}@keyframes prod-upload-spin{to{transform:rotate(360deg)}}@media (width>=40rem){.prod-upload-demo__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.prod-upload-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prod-upload-runtime{grid-template-columns:minmax(0,1fr) auto;align-items:center}.prod-upload-runtime>p{grid-column:1/-1}.prod-upload-health dl{grid-template-columns:repeat(4,minmax(0,1fr))}.prod-upload-config__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-upload-config__fields label:last-child:nth-child(odd){grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.prod-upload-room-card,.prod-upload-summary__progress span,.prod-upload-image__progress span,.prod-upload-runtime__switch>span,.prod-upload-runtime__switch>span:after,.prod-upload-config__toggle>span:after{transition:none}.is-spinning{animation:none}}.upload-error-lab{gap:1rem;display:grid}.upload-error-lab>header h2,.upload-error-lab>header p{margin:.25rem 0}.upload-error-lab__control{gap:.4rem;max-width:22rem;font-weight:700;display:grid}.upload-error-lab__control select{border:1px solid var(--color-border);min-height:44px;color:var(--color-text);background:var(--color-surface);border-radius:.65rem;padding:.65rem .75rem}.upload-error-lab__comparison{gap:.75rem;display:grid}.upload-error-lab__production,.upload-error-lab__diagnostics{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.75rem;padding:1rem}.upload-error-lab__production h3,.upload-error-lab__diagnostics h3{margin:0 0 .75rem;font-size:.8rem}.upload-error-lab__diagnostics dl{gap:.45rem;margin:0;display:grid}.upload-error-lab__diagnostics dl div{grid-template-columns:minmax(6rem,.5fr) minmax(0,1fr);gap:.75rem;display:grid}.upload-error-lab__diagnostics dt{color:var(--color-text-muted);font-size:.7rem}.upload-error-lab__diagnostics dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem}@media (width>=768px){.upload-error-lab__comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}.media-profile-demo{overflow:hidden}.media-profile-demo__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.8rem;display:grid}.media-profile-demo__header h2{margin:.35rem 0 .45rem}.media-profile-demo__header p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;font-size:.7rem;line-height:1.5}.media-profile-demo__header>span{color:#047857;background:#d1fae5;border-radius:.7rem;place-items:center;width:2.6rem;height:2.6rem;display:grid}.media-profile-config{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.75rem;gap:.75rem;margin-top:1rem;padding:.85rem;display:grid}.media-profile-config>header{color:var(--color-text);align-items:center;gap:.5rem;display:flex}.media-profile-config>header svg{color:#047857}.media-profile-config>header strong,.media-profile-config__toggle strong{font-size:.7rem}.media-profile-config>header small{color:var(--color-text-muted);text-align:right;margin-left:auto;font-size:.56rem}.media-profile-config__toggle{cursor:pointer;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.55rem;width:fit-content;min-height:44px;display:grid}.media-profile-config__toggle input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.media-profile-config__toggle>span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;width:2.55rem;height:1.45rem;position:relative}.media-profile-config__toggle>span:after{background:var(--color-text-muted);content:"";border-radius:50%;width:1rem;height:1rem;transition:transform .16s;position:absolute;top:.16rem;left:.16rem}.media-profile-config__toggle input:checked+span{background:#059669;border-color:#059669}.media-profile-config__toggle input:checked+span:after{background:#fff;transform:translate(1.08rem)}.media-profile-config__toggle input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.media-profile-config__fields{gap:.6rem;display:grid}.media-profile-config__fields label{grid-template-columns:minmax(0,1fr) minmax(5rem,1.35fr) 2rem;align-items:center;gap:.55rem;min-height:44px;display:grid}.media-profile-config__fields span,.media-profile-config__fields small{color:var(--color-text-muted);font-size:.62rem}.media-profile-config__fields input[type=number]{border:1px solid var(--color-border);width:100%;min-width:0;min-height:40px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:.45rem;padding:.45rem .55rem;font-size:.68rem}.media-profile-config__fields input[type=range]{accent-color:#059669;width:100%}.media-profile-config__fields input:disabled{opacity:.45}.media-profile-config>p:not(.media-profile-config__guard){color:#92400e;background:#fffbeb;border-left:3px solid #d97706;margin:0;padding:.65rem;font-size:.62rem;line-height:1.45}.media-profile-config__guard{color:var(--color-text-muted);text-transform:capitalize;margin:0;font-size:.6rem;font-weight:700;line-height:1.45}.media-profile-config>button{border:1px solid var(--color-border);min-height:40px;color:var(--color-text);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;justify-self:start;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.64rem;font-weight:750;display:inline-flex}.media-profile-config>button:disabled{opacity:.45;cursor:not-allowed}.media-profile-slots{gap:.65rem;margin-top:1rem;display:grid}.media-profile-slots>label{color:#047857;cursor:pointer;background:#ecfdf5;border:1px dashed #6ee7b7;border-radius:.7rem;align-items:center;gap:.65rem;min-height:74px;padding:.75rem;display:flex;position:relative}.media-profile-slots input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.media-profile-slots label:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.media-profile-slots label>span{gap:.16rem;display:grid}.media-profile-slots strong{color:#064e3b;font-size:.7rem}.media-profile-slots small{color:#047857;font-size:.6rem}.media-profile-demo__notice{color:var(--color-text-muted);margin:.7rem 0 0;font-size:.62rem}@media (width>=40rem){.media-profile-config__fields,.media-profile-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.media-profile-config__fields label:last-child:nth-child(odd){grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.media-profile-config__toggle>span:after{transition:none}}.dev-qr-studio{overflow:hidden}.dev-qr-studio__heading{gap:.75rem;display:grid}.dev-qr-studio__heading h2{margin:.35rem 0 .65rem}.dev-qr-studio__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-qr-studio__heading>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;padding:.4rem .6rem;font-size:.68rem;font-weight:850}.dev-qr-mode-tabs{background:var(--color-surface-subtle);border-radius:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:1rem;padding:.35rem;display:grid}.dev-qr-mode-tabs button{min-height:58px;color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.6rem;display:grid}.dev-qr-mode-tabs button[aria-selected=true]{border-color:var(--color-border);color:var(--color-primary);background:var(--color-surface);box-shadow:0 .25rem .8rem #0f172a14}.dev-qr-mode-tabs button>span{gap:.15rem;min-width:0;display:grid}.dev-qr-mode-tabs strong,.dev-qr-mode-tabs small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-qr-mode-tabs strong{font-size:.75rem}.dev-qr-mode-tabs small{color:var(--color-text-muted);font-size:.62rem}.dev-qr-workspace{gap:1rem;margin-top:1rem;display:grid}.dev-qr-controls,.dev-qr-preview-column{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-width:0;padding:1rem}.dev-qr-auto,.dev-qr-custom{gap:1rem;display:grid}.dev-qr-section-title{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.dev-qr-section-title>svg{color:var(--color-primary)}.dev-qr-section-title>div{gap:.18rem;display:grid}.dev-qr-section-title strong{font-size:.82rem}.dev-qr-section-title span{color:var(--color-text-muted);font-size:.7rem}.dev-qr-field{color:var(--color-text-muted);gap:.35rem;font-size:.72rem;font-weight:750;display:grid}.dev-qr-field input:not([type=color]),.dev-qr-field textarea,.dev-qr-field select{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:.6rem;outline:0;padding:.65rem .7rem}.dev-qr-field textarea{resize:vertical;min-height:88px}.dev-qr-field input:focus,.dev-qr-field textarea:focus,.dev-qr-field select:focus,.dev-qr-mode-tabs button:focus-visible,.dev-qr-primary-button:focus-visible,.dev-qr-reset-button:focus-visible,.dev-qr-downloads button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dev-qr-field>small{color:var(--color-text-muted);justify-self:end;font-size:.62rem}.dev-qr-order-summary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.65rem;gap:.45rem;margin:0;padding:.75rem;display:grid}.dev-qr-order-summary>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dev-qr-order-summary dt,.dev-qr-order-summary dd{font-size:.72rem}.dev-qr-order-summary dt{color:var(--color-text-muted)}.dev-qr-order-summary dd{text-align:right;margin:0;font-weight:800}.dev-qr-primary-button,.dev-qr-reset-button,.dev-qr-downloads button{border:1px solid var(--color-border);min-height:44px;font:inherit;cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.72rem;font-weight:800;display:inline-flex}.dev-qr-primary-button{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.dev-qr-reset-button,.dev-qr-downloads button{color:var(--color-text-muted);background:var(--color-surface)}.dev-qr-reset-button{width:fit-content}.dev-qr-auto-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.3rem;display:grid}.dev-qr-auto-flow span{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);text-align:center;border-radius:.5rem;padding:.5rem;font-size:.64rem;font-weight:750}.dev-qr-auto-flow span[data-complete=true]{color:#15803d;background:color-mix(in srgb, #16a34a 8%, var(--color-surface));border-color:#16a34a}.dev-qr-auto-flow i{color:var(--color-text-muted);font-size:.7rem;font-style:normal}.dev-qr-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.dev-qr-color-field>span:last-child{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.6rem;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.5rem;min-height:44px;padding:.3rem .55rem;display:grid}.dev-qr-color-field input{cursor:pointer;background:0 0;border:0;border-radius:.35rem;width:36px;height:32px;padding:0}.dev-qr-color-field code{color:var(--color-text);font-size:.68rem}.dev-qr-logo-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:.6rem;align-items:center;gap:.55rem;min-height:44px;padding:.5rem .65rem;display:flex}.dev-qr-logo-toggle input{width:1rem;height:1rem;accent-color:var(--color-primary)}.dev-qr-logo-toggle>span{gap:.15rem;display:grid}.dev-qr-logo-toggle strong{font-size:.7rem}.dev-qr-logo-toggle small{color:var(--color-text-muted);font-size:.6rem}.dev-qr-preview-column{background:var(--color-surface);align-content:start;gap:.75rem;display:grid}.dev-qr-preview-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dev-qr-preview-heading>div{gap:.15rem;display:grid}.dev-qr-preview-heading span{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:850}.dev-qr-preview-heading strong{font-size:.82rem}.dev-qr-preview-heading small{color:#15803d;background:color-mix(in srgb, #16a34a 9%, var(--color-surface));border-radius:999px;padding:.3rem .45rem;font-size:.6rem;font-weight:800}.dev-qr-preview-frame{border:1px dashed var(--color-border);background-color:#fff;background-image:linear-gradient(45deg,#f8fafc 25%,#0000 25%),linear-gradient(-45deg,#f8fafc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8fafc 75%),linear-gradient(-45deg,#0000 75%,#f8fafc 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:.8rem;place-items:center;min-height:22rem;padding:1rem;display:grid;overflow:hidden}.dev-qr-render-target{aspect-ratio:1;place-items:center;width:min(100%,20rem);display:grid}.dev-qr-render-target[hidden]{display:none}.dev-qr-render-target canvas,.dev-qr-render-target svg{border-radius:.65rem;max-width:100%;display:block;box-shadow:0 .75rem 2rem #0f172a24;width:100%!important;height:auto!important}.dev-qr-preview-empty{color:#64748b;text-align:center;justify-items:center;gap:.4rem;max-width:16rem;display:grid}.dev-qr-preview-empty strong{color:#1e293b;font-size:.8rem}.dev-qr-preview-empty span{font-size:.68rem;line-height:1.45}.dev-qr-quality{flex-wrap:wrap;gap:.4rem;display:flex}.dev-qr-quality span{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .48rem;font-size:.62rem;font-weight:750;display:inline-flex}.dev-qr-quality span[data-safe=true]{color:#15803d;background:color-mix(in srgb, #16a34a 9%, var(--color-surface))}.dev-qr-quality span[data-safe=false]{color:#b45309;background:color-mix(in srgb, #f59e0b 10%, var(--color-surface))}.dev-qr-warning{color:#92400e;background:color-mix(in srgb, #f59e0b 10%, var(--color-surface));border-left:3px solid #f59e0b;border-radius:.45rem;margin:0;padding:.65rem;font-size:.67rem;line-height:1.45}:root[data-theme=dark] .dev-qr-warning{color:#fcd34d}.dev-qr-data{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-subtle);text-overflow:ellipsis;white-space:nowrap;border-radius:.5rem;margin:0;padding:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;overflow:hidden}.dev-qr-downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.dev-qr-downloads button:hover,.dev-qr-reset-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.dev-qr-message{color:#15803d;background:color-mix(in srgb, #16a34a 8%, var(--color-surface));border:1px solid #16a34a;border-radius:.6rem;margin:.8rem 0 0;padding:.75rem;font-size:.72rem;font-weight:750}:root[data-theme=dark] .dev-qr-message{color:#86efac}.dev-qr-security-note{border-left:4px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border-radius:.55rem;grid-template-columns:auto minmax(0,1fr);gap:.6rem;margin-top:1rem;padding:.8rem;display:grid}.dev-qr-security-note>svg{color:var(--color-primary)}.dev-qr-security-note>div{gap:.2rem;display:grid}.dev-qr-security-note strong{font-size:.74rem}.dev-qr-security-note span{color:var(--color-text-muted);font-size:.67rem;line-height:1.5}@media (width>=48rem){.dev-qr-studio__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dev-qr-workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,.82fr);align-items:start}}@media (width<=32rem){.dev-qr-mode-tabs button{text-align:center;grid-template-columns:1fr;justify-items:center}.dev-qr-mode-tabs button>svg,.dev-qr-mode-tabs small{display:none}.dev-qr-control-grid,.dev-qr-auto-flow{grid-template-columns:1fr}.dev-qr-auto-flow i{text-align:center;transform:rotate(90deg)}}.room-share-demo{overflow:hidden}.room-share-demo__header{gap:.75rem;display:grid}.room-share-demo__header h2{margin:.35rem 0 .65rem}.room-share-demo__header p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.room-share-demo__header code{color:var(--color-primary)}.room-share-demo__header>span{border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;padding:.4rem .6rem;font-size:.68rem;font-weight:850}.room-share-demo__rooms{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.room-share-room{min-width:0;color:var(--color-text);background:var(--color-surface-subtle);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:.8rem;padding:0;display:grid;position:relative;overflow:hidden}.room-share-room[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.room-share-room:focus-visible,.room-share-contract button:focus-visible,.room-share-contract a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.room-share-room>img{aspect-ratio:1.55;object-fit:cover;width:100%;display:block}.room-share-room>span{gap:.15rem;min-width:0;padding:.65rem;display:grid}.room-share-room strong,.room-share-room small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-share-room strong{font-size:.76rem}.room-share-room small{color:var(--color-text-muted);font-size:.64rem}.room-share-room>i{color:#fff;background:var(--color-primary);border:2px solid #fff;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;display:grid;position:absolute;top:.45rem;right:.45rem;box-shadow:0 .25rem .8rem #0f172a4d}.room-share-demo__workspace{gap:1rem;margin-top:1rem;display:grid}.room-share-preview,.room-share-contract{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-width:0}.room-share-preview{background:#e7f6e9;padding:.8rem;overflow:hidden}.room-share-preview__bar{color:#49654e;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.65rem;font-weight:750;display:flex}.room-share-preview__bar strong{color:#0875e1}.room-share-preview article{background:#fff;border-radius:.75rem;max-width:28rem;overflow:hidden;box-shadow:0 .5rem 1.5rem #1845231f}.room-share-preview article>img{aspect-ratio:1.91;object-fit:cover;width:100%;display:block}.room-share-preview article>div{gap:.2rem;padding:.75rem;display:grid}.room-share-preview article small{color:#64748b;text-transform:uppercase;font-size:.58rem}.room-share-preview article strong{color:#172033;font-size:.82rem}.room-share-preview article p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.66rem;line-height:1.4;display:-webkit-box;overflow:hidden}.room-share-contract{align-content:start;gap:.8rem;padding:1rem;display:grid}.room-share-contract>div:first-child{gap:.18rem;display:grid}.room-share-contract>div:first-child span{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:850}.room-share-contract>div:first-child strong{font-size:1rem}.room-share-contract>div:first-child small{color:var(--color-text-muted);font-size:.68rem}.room-share-contract dl{gap:.5rem;margin:0;display:grid}.room-share-contract dl>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.55rem;gap:.2rem;padding:.55rem;display:grid}.room-share-contract dt{color:var(--color-text-muted);font-size:.6rem;font-weight:800}.room-share-contract dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;overflow:hidden}.room-share-contract__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.room-share-contract button,.room-share-contract a{min-height:42px;font:inherit;cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;display:inline-flex}.room-share-contract button{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary);padding:.55rem .7rem}.room-share-contract button+button{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.room-share-contract a{width:fit-content;min-height:auto;color:var(--color-primary);text-decoration:none}.room-share-demo__message,.room-share-demo__note{border-radius:.6rem;margin:.8rem 0 0;padding:.75rem;font-size:.7rem;line-height:1.5}.room-share-demo__message{color:#15803d;background:color-mix(in srgb, #16a34a 8%, var(--color-surface));border:1px solid #16a34a;font-weight:750}.room-share-demo__note{border-left:4px solid var(--color-primary);color:var(--color-text-muted);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.room-share-demo__note code{color:var(--color-primary)}@media (width>=48rem){.room-share-demo__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.room-share-demo__workspace{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}}@media (width<=36rem){.room-share-demo__rooms{grid-template-columns:1fr}.room-share-room{grid-template-columns:7.5rem minmax(0,1fr);align-items:center}.room-share-room>img{aspect-ratio:1.35;height:100%}.room-share-contract__actions{grid-template-columns:1fr}}.dev-crop-studio__heading{justify-content:space-between;gap:1rem;display:flex}.dev-crop-studio__heading h2{margin:.35rem 0 .65rem}.dev-crop-studio__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.dev-crop-studio__heading>span{height:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);white-space:nowrap;border-radius:999px;padding:.45rem .7rem;font-size:.75rem;font-weight:800}.dev-crop-studio__toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.dev-crop-studio__file,.dev-crop-studio__presets button,.dev-crop-studio__result>button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:42px;color:var(--color-text);background:var(--color-surface);font:inherit;cursor:pointer;align-items:center;gap:.4rem;padding:.55rem .8rem;font-weight:700;display:inline-flex}.dev-crop-studio__file input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.dev-crop-studio__presets{flex-wrap:wrap;gap:.4rem;display:flex}.dev-crop-studio__presets button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-subtle)}.dev-crop-studio__workspace{grid-template-columns:minmax(0,1.6fr) minmax(13rem,.7fr);gap:1rem;margin-top:1rem;display:grid}.dev-crop-studio__result{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);align-content:start;gap:.8rem;padding:1rem;display:grid}.dev-crop-studio__result img{object-fit:contain;background:#0f172a;border-radius:.65rem;width:100%;max-height:18rem}.dev-crop-studio__result dl{gap:.45rem;margin:0;display:grid}.dev-crop-studio__result dl div{justify-content:space-between;gap:.5rem;display:flex}.dev-crop-studio__result dt{color:var(--color-text-muted)}.dev-crop-studio__result dd{margin:0;font-weight:700}.dev-crop-studio__empty{min-height:13rem;color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.dev-crop-studio__result>button{justify-content:center}@media (width<=46rem){.dev-crop-studio__heading{display:grid}.dev-crop-studio__heading>span{width:fit-content}.dev-crop-studio__workspace{grid-template-columns:1fr}}.document-camera{gap:.75rem;display:grid}.document-camera__preview{border-radius:var(--radius-control);background:#0f172a;place-items:center;min-height:15rem;display:grid;position:relative;overflow:hidden}.document-camera__preview video{object-fit:contain;width:100%;max-height:28rem}.document-camera__preview>span{color:#fff;font-weight:700;position:absolute}.document-camera__guide{pointer-events:none;border:2px dashed #ffffffd9;border-radius:.65rem;position:absolute;inset:12%}.document-camera__actions{flex-wrap:wrap;gap:.65rem;display:flex}.document-camera__actions .ui-button{align-items:center;gap:.4rem;display:inline-flex}.document-camera>p{margin:0}.document-camera>p[role=alert]{color:#b91c1c;margin:0}.document-camera__permission,.document-camera__status{color:var(--color-text-muted);font-size:.875rem}.document-camera__permission[data-state=granted]{color:#15803d}.document-camera__permission[data-state=denied]{color:#b91c1c}.citizen-id-qr-scanner{gap:.75rem;display:grid}.citizen-id-qr-scanner__preview{border-radius:var(--radius-control);background:#020617;place-items:center;min-height:20rem;display:grid;position:relative;overflow:hidden}.citizen-id-qr-scanner__preview video{object-fit:cover;width:100%;min-height:20rem;max-height:34rem}.citizen-id-qr-scanner__mask{pointer-events:none;background:#02061761;place-items:center;display:grid;position:absolute;inset:0}.citizen-id-qr-scanner__frame{aspect-ratio:1;background:0 0;border:3px solid #fff;border-radius:1rem;width:min(62vw,16rem);max-width:72%;position:relative;box-shadow:0 0 0 999px #0206176b,0 0 1.25rem #60a5fa8c}.citizen-id-qr-scanner__frame:before,.citizen-id-qr-scanner__frame:after{content:"";border-color:#60a5fa;width:2.75rem;height:2.75rem;position:absolute}.citizen-id-qr-scanner__frame:before{border-top:7px solid #60a5fa;border-left:7px solid #60a5fa;border-radius:1rem 0 0;top:-4px;left:-4px}.citizen-id-qr-scanner__frame:after{border-bottom:7px solid #60a5fa;border-right:7px solid #60a5fa;border-radius:0 0 1rem;bottom:-4px;right:-4px}.citizen-id-qr-scanner__frame svg{opacity:0}.citizen-id-qr-scanner__preview[data-state=success] .citizen-id-qr-scanner__frame{border-color:#22c55e;box-shadow:0 0 0 999px #0206176b,0 0 1.5rem #22c55eb3}.citizen-id-qr-scanner__placeholder{color:#fff;place-items:center;gap:.6rem;font-weight:750;display:grid;position:absolute}.citizen-id-qr-scanner__status{color:var(--color-text-muted);align-items:flex-start;gap:.45rem;margin:0;display:flex}.citizen-id-qr-scanner__status svg{color:var(--color-primary);flex:none;margin-top:.1rem}.citizen-id-qr-scanner__actions{flex-wrap:wrap;gap:.65rem;display:flex}.citizen-id-qr-scanner__actions .ui-button{align-items:center;gap:.4rem;display:inline-flex}.citizen-id-flow{gap:1rem;display:grid}.citizen-id-flow__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.citizen-id-flow__steps li{min-width:0;color:var(--color-text-muted);text-align:center;place-items:center;gap:.35rem;font-size:.72rem;font-weight:750;display:grid}.citizen-id-flow__steps li>span{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:grid}.citizen-id-flow__steps li[data-active=true],.citizen-id-flow__steps li[data-complete=true]{color:var(--color-primary)}.citizen-id-flow__steps li[data-active=true]>span,.citizen-id-flow__steps li[data-complete=true]>span{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.citizen-id-flow__body{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;padding:1rem}.citizen-id-flow__camera-step,.citizen-id-flow__capture-review,.citizen-id-flow__qr-step,.citizen-id-flow__review{gap:1rem;display:grid}.citizen-id-flow__instruction{border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-surface-subtle);align-items:flex-start;gap:.65rem;padding:.75rem;display:flex}.citizen-id-flow__instruction>div{gap:.2rem;display:grid}.citizen-id-flow__instruction span,.citizen-id-flow__capture-review>p,.citizen-id-flow__qr-step>p{color:var(--color-text-muted);margin:0;line-height:1.5}.citizen-id-flow__auto-scan,.citizen-id-flow__qr-found{border-radius:var(--radius-control);align-items:flex-start;gap:.5rem;padding:.7rem .75rem;font-size:.875rem;line-height:1.45;display:flex}.citizen-id-flow__auto-scan{color:var(--color-primary);background:var(--color-surface-subtle)}.citizen-id-flow__qr-found{color:#166534;background:#dcfce7}.citizen-id-flow__auto-scan svg,.citizen-id-flow__qr-found svg{flex:none;margin-top:.05rem}:root[data-theme=dark] .citizen-id-flow__qr-found{color:#bbf7d0;background:#14532d}.citizen-id-flow__fallback{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.875rem;display:flex}.citizen-id-flow__fallback label{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:42px;color:var(--color-primary);background:var(--color-surface-subtle);cursor:pointer;align-items:center;gap:.4rem;padding:.55rem .75rem;font-weight:750;display:inline-flex}.citizen-id-flow__fallback input{opacity:0;width:1px;height:1px;position:absolute}.citizen-id-flow__captured-image{gap:.65rem;margin:0;display:grid}.citizen-id-flow__captured-image img{border-radius:var(--radius-control);object-fit:contain;background:#0f172a;width:100%;max-height:26rem}.citizen-id-flow__captured-image figcaption{gap:.2rem;min-width:0;display:grid}.citizen-id-flow__captured-image figcaption span{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.8rem}.citizen-id-flow__actions,.citizen-id-flow__qr-step>.ui-button{flex-wrap:wrap;gap:.65rem;display:flex}.citizen-id-flow__actions .ui-button,.citizen-id-flow__fallback label{align-items:center;gap:.4rem;display:inline-flex}.citizen-id-flow__image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.citizen-id-flow__image-pair img{aspect-ratio:1.586}.citizen-id-flow__qr-result,.citizen-id-flow__consent{border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-surface-subtle);align-items:flex-start;gap:.55rem;padding:.75rem;display:flex}.citizen-id-flow__qr-result svg,.citizen-id-flow__consent svg{flex:none}.citizen-id-flow__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.citizen-id-flow__form label{gap:.35rem;display:grid}.citizen-id-flow__form label:nth-child(6){grid-column:1/-1}.citizen-id-flow__form span{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.citizen-id-flow__form input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);padding:.65rem .7rem}.citizen-id-flow__confirm{width:100%}.citizen-id-flow__submit-error{border-radius:var(--radius-control);color:#991b1b;background:#fee2e2;margin:0;padding:.75rem;line-height:1.5}.citizen-id-flow__complete{min-height:20rem;color:var(--color-text-muted);text-align:center;place-content:center;place-items:center;display:grid}.citizen-id-flow__complete svg{color:#16a34a}.citizen-id-flow__complete h3{color:var(--color-text);margin:.8rem 0 0}.citizen-id-flow__complete p{max-width:32rem;line-height:1.55}.citizen-id-flow__status{border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-surface-subtle);margin:0;padding:.75rem;font-weight:700}@media (width<=40rem){.citizen-id-flow__steps li{font-size:.65rem}.citizen-id-flow__body{padding:.75rem}.citizen-id-flow__image-pair,.citizen-id-flow__form{grid-template-columns:1fr}.citizen-id-flow__form label:nth-child(6){grid-column:auto}}.citizen-id-production-demo__heading{justify-content:space-between;gap:1rem;display:flex}.citizen-id-production-demo__heading h2{margin:.35rem 0 .65rem}.citizen-id-production-demo__heading p:not(.core-eyebrow){color:var(--color-text-muted);margin:0;line-height:1.55}.citizen-id-production-demo__heading>span{height:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);white-space:nowrap;border-radius:999px;padding:.45rem .7rem;font-size:.75rem;font-weight:800}.citizen-id-production-demo__warning{border-radius:var(--radius-control);color:#92400e;background:#fffbeb;border:1px solid #f59e0b;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.8rem;display:flex}.citizen-id-production-demo__warning svg{flex:none}.citizen-id-production-demo__timing{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-surface-subtle);align-items:center;gap:.65rem;margin-top:.75rem;padding:.7rem .8rem;display:flex}.citizen-id-production-demo__timing>div{flex-wrap:wrap;gap:.45rem 1rem;display:flex}.citizen-id-production-demo__timing span{font-size:.82rem}.citizen-id-production-demo__timing strong{margin-right:.3rem}:root[data-theme=dark] .citizen-id-production-demo__warning{color:#fde68a;background:#451a03}.citizen-id-production-demo__layout{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.7fr);align-items:start;gap:1rem;margin-top:1rem;display:grid}.citizen-id-production-demo__ui,.citizen-id-production-demo__data{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;padding:1rem}.citizen-id-production-demo__column-title{align-items:flex-start;gap:.55rem;margin-bottom:1rem;display:flex}.citizen-id-production-demo__column-title>div,.citizen-id-production-demo__ui>.citizen-id-production-demo__column-title{gap:.2rem;display:grid}.citizen-id-production-demo__column-title span{color:var(--color-text-muted);font-size:.8rem}.citizen-id-production-demo__data{position:sticky;top:1rem}.citizen-id-production-demo__data>.citizen-id-production-demo__column-title{color:var(--color-primary)}.citizen-id-production-demo__data pre{box-sizing:border-box;border-radius:var(--radius-control);color:#dbeafe;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;max-height:42rem;margin:0;padding:.85rem;font-size:.75rem;line-height:1.55;overflow:auto}@media (width<=64rem){.citizen-id-production-demo__layout{grid-template-columns:1fr}.citizen-id-production-demo__data{position:static}}@media (width<=36rem){.citizen-id-production-demo__heading{display:grid}.citizen-id-production-demo__heading>span{width:fit-content}.citizen-id-production-demo__ui,.citizen-id-production-demo__data{padding:.75rem}}.dev-foundation{gap:1.25rem;display:grid}.dev-foundation>h2,.dev-foundation>p,.dev-foundation article h3{margin:0}.dev-foundation>p:not(.core-eyebrow),.dev-foundation article>p{color:var(--color-text-muted);line-height:1.55}.dev-foundation__status,.dev-foundation__actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.dev-foundation__grid{gap:1rem;display:grid}.dev-foundation article,.dev-foundation__panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;padding:1rem}.dev-foundation__values{gap:.65rem;margin:1rem 0 0;display:grid}.dev-foundation__values div{grid-template-columns:6rem minmax(0,1fr);gap:.75rem;display:grid}.dev-foundation__values dt{color:var(--color-text-muted)}.dev-foundation__values dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:650}.dev-foundation__checks{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.dev-foundation__checks li{border-radius:var(--radius-control);background:var(--color-surface-subtle);padding:.65rem .75rem}.dev-foundation__checks li:before{content:"✕";color:#dc2626;margin-right:.5rem}.dev-foundation__checks li[data-valid=true]:before{content:"✓";color:#15803d}.dev-foundation__controls{gap:1rem;margin-top:1rem;display:grid}.dev-foundation__controls>label:not(.ui-checkbox){color:var(--color-text);gap:.4rem;font-size:.85rem;font-weight:650;display:grid}.dev-foundation__controls small{color:var(--color-text-muted);font-weight:450}.dev-foundation__wide,.dev-foundation__controls>.ui-checkbox{grid-column:1/-1}.dev-foundation__actions{margin-top:1rem}.dev-foundation__skeletons{grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.75rem;margin-top:1rem;display:grid}.dev-foundation__skeletons>span{gap:.5rem;display:grid}.dev-foundation__observer{border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);text-align:center;padding:1rem}@media (width>=48rem){.dev-foundation__grid,.dev-foundation__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.owner-permission-demo{gap:1.25rem;margin-top:1.5rem;display:grid}.owner-permission-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.owner-permission-heading h3,.owner-permission-heading p{margin:0}.owner-permission-heading h3{margin-top:.35rem;font-size:clamp(1.1rem,3vw,1.35rem)}.owner-permission-heading p{max-width:42rem;color:var(--color-text-muted);margin-top:.4rem;line-height:1.55}.owner-permission-eyebrow,.owner-permission-prototype{color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;display:inline-flex}.owner-permission-prototype{color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:999px;flex:none;padding:.4rem .65rem;font-size:.64rem}.permission-view-switch{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.7rem;gap:.25rem;width:fit-content;padding:.25rem;display:inline-flex}.permission-view-switch button{min-height:44px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.78rem;font-weight:750;display:inline-flex}.permission-view-switch button.is-active{color:var(--color-primary);background:var(--color-surface);box-shadow:0 1px 4px #0f172a1a}.permission-people-view,.permission-detail,.permission-matrix-view{gap:1rem;display:grid}.permission-people-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.permission-people-toolbar>label{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:min(100%,18rem);min-height:42px;color:var(--color-text-muted);background:var(--color-surface);align-items:center;gap:.5rem;padding-inline:.7rem;display:flex}.permission-people-toolbar input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:.8rem}.permission-branch-filter{flex-wrap:wrap;gap:.35rem;display:flex}.permission-branch-filter button,.permission-matrix-branches button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-muted);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .65rem;font-size:.72rem;font-weight:750}.permission-branch-filter button[aria-pressed=true],.permission-matrix-branches button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.permission-people-list{gap:.65rem;display:grid}.permission-person-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:auto minmax(9rem,.8fr) minmax(14rem,1.25fr) auto;align-items:center;gap:.85rem;padding:.9rem;display:grid}.permission-avatar{color:#fff;background:#0369a1;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-size:.72rem;font-weight:850;display:inline-grid}.permission-avatar--large{width:3rem;height:3rem;font-size:.85rem}.permission-person-card__identity,.permission-person-card__branches{gap:.18rem;min-width:0;display:grid}.permission-person-card__identity>span,.permission-person-card__identity small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.permission-person-card__identity small{width:fit-content;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border-radius:999px;margin-top:.2rem;padding:.2rem .4rem;font-weight:700}.permission-person-card__branches span{align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;display:inline-flex}.permission-person-card__open,.permission-detail__back,.permission-scope-grid article>button,.permission-detail__section-heading--actions>button{min-height:44px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;font-weight:750;display:inline-flex}.is-allowed{color:#15803d!important}.is-denied{color:#b91c1c!important}.is-disabled{color:var(--color-text-muted)!important}:root[data-theme=dark] .is-allowed{color:#86efac!important}:root[data-theme=dark] .is-denied{color:#fca5a5!important}.permission-detail__back{width:fit-content;padding:0}.permission-detail__person{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem;display:grid}.permission-detail__person h4,.permission-detail__person p,.permission-detail__section-heading h4,.permission-detail__section-heading p{margin:0}.permission-detail__person p{color:var(--color-text-muted);margin-top:.15rem;font-size:.75rem}.permission-detail__safe{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.68rem;display:inline-flex}.permission-detail__section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-top:.45rem;display:flex}.permission-detail__section-heading>div>span{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:850}.permission-detail__section-heading h4{margin-top:.15rem}.permission-detail__section-heading p{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.permission-detail__section-heading--actions>button{border:1px solid var(--color-border);border-radius:.5rem;min-height:34px;padding:.35rem .55rem}.permission-detail__section-heading--actions>button:disabled{cursor:not-allowed;opacity:.45}.permission-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.permission-scope-grid article{border:1px solid var(--color-border);border-radius:var(--radius-control);gap:.75rem;padding:.85rem;display:grid}.permission-scope-grid article.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.permission-scope-grid__top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.permission-scope-grid__top>div{min-width:0;display:grid}.permission-scope-grid__top>div span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.branch-permission-switch{cursor:pointer;grid-template-columns:auto auto;align-items:center;gap:.4rem;display:grid}.branch-permission-switch input{opacity:0;position:absolute}.branch-permission-switch>span{background:var(--color-border);border-radius:999px;width:2rem;height:1.1rem;transition:background .16s;position:relative}.branch-permission-switch>span:after{content:"";background:#fff;border-radius:50%;width:.85rem;height:.85rem;transition:translate .16s;position:absolute;top:2px;left:2px}.branch-permission-switch input:checked+span{background:var(--color-primary)}.branch-permission-switch input:checked+span:after{translate:.9rem}.branch-permission-switch i{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.permission-role-select{gap:.3rem;display:grid}.permission-role-select>span{color:var(--color-text-muted);font-size:.68rem;font-weight:700}.permission-role-select select{border:1px solid var(--color-border);width:100%;min-height:38px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:.5rem;padding-inline:.55rem;font-size:.76rem}.permission-scope-grid__status{justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;font-weight:750;display:flex}.permission-scope-grid__status small{color:var(--color-text-muted);font-size:.66rem;font-weight:500}.permission-scope-grid article>button{border-top:1px solid var(--color-border);min-height:44px}.permission-detail__disabled,.permission-detail__empty,.permission-audit-note{border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);align-items:center;gap:.6rem;padding:.85rem;font-size:.78rem;display:flex}.permission-detail__empty>div{gap:.15rem;display:grid}.permission-detail__empty span{color:var(--color-text-muted);font-size:.7rem}.permission-rule-groups{gap:.75rem;display:grid}.permission-rule-groups>details{border:1px solid var(--color-border);border-radius:var(--radius-control);overflow:hidden}.permission-rule-groups summary{min-height:48px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));letter-spacing:.07em;cursor:pointer;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.68rem;font-weight:800;list-style:none;display:grid}.permission-rule-groups summary::-webkit-details-marker{display:none}.permission-rule-groups summary small{color:var(--color-text-muted);letter-spacing:0;text-transform:none;font-size:.63rem;font-weight:650}.permission-rule-groups summary svg{transition:rotate .16s}.permission-rule-groups details[open] summary svg{rotate:180deg}.permission-rule{border-top:1px solid var(--color-border);grid-template-columns:minmax(12rem,1fr) auto;align-items:center;gap:.8rem;padding:.75rem;display:grid}.permission-rule>div:first-child{gap:.18rem;display:grid}.permission-rule>div:first-child>span,.permission-rule>div:first-child>small{color:var(--color-text-muted);font-size:.68rem}.permission-rule>div:first-child>small{width:fit-content;margin-top:.15rem;font-weight:750}.permission-state-options{gap:.3rem;display:flex}.permission-state-options button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-muted);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:.5rem;align-items:center;gap:.25rem;padding:.4rem .55rem;font-size:.68rem;font-weight:750;display:inline-flex}.permission-state-options button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.permission-state-options button.is-allow[aria-pressed=true]{color:#15803d;border-color:#22c55e}.permission-state-options button.is-deny[aria-pressed=true]{color:#b91c1c;border-color:#ef4444}.permission-audit-note{background:var(--color-surface-subtle);border-style:solid}.permission-audit-note>div{gap:.15rem;display:grid}.permission-audit-note span{color:var(--color-text-muted);font-size:.7rem}.permission-matrix-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.permission-matrix-branches button{border-radius:var(--radius-control);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.permission-matrix-branches button span{display:grid}.permission-matrix-branches button small{font-weight:500}.permission-matrix-hint{color:var(--color-text-muted);margin:0;font-size:.75rem}.permission-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.permission-table{border-collapse:collapse;table-layout:fixed;width:100%}.permission-table th,.permission-table td{border-bottom:1px solid var(--color-border)}.permission-table thead th{background:var(--color-surface-subtle);padding:.75rem}.permission-table thead th:first-child{text-align:left;width:48%}.permission-table thead th:not(:first-child),.permission-table td{border-left:1px solid var(--color-border);text-align:center}.permission-table thead button{color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;gap:.2rem;margin:auto;display:grid}.permission-table thead button strong{font-size:.76rem}.permission-table thead button small{color:var(--color-primary);font-size:.64rem}.permission-table__group th{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));letter-spacing:.07em;text-align:left;text-transform:uppercase;padding:.45rem .75rem;font-size:.66rem}.permission-table tbody tr:not(.permission-table__group)>th{text-align:left;padding:.7rem .75rem}.permission-table tbody th strong,.permission-table tbody th small{display:block}.permission-table tbody th strong{font-size:.78rem}.permission-table tbody th small{color:var(--color-text-muted);margin-top:.15rem;font-size:.66rem;font-weight:450}.permission-table td{padding:.4rem}.permission-cell{border:1px solid var(--color-border);width:min(100%,5rem);min-height:40px;color:var(--color-text-muted);background:var(--color-surface-subtle);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.permission-cell>span{display:none}.permission-cell.is-allow{color:#15803d;background:color-mix(in srgb, #22c55e 12%, var(--color-surface));border-color:#22c55e}.permission-cell.is-deny{color:#b91c1c;background:color-mix(in srgb, #ef4444 9%, var(--color-surface));border-color:#ef4444}.permission-legend{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;font-size:.7rem;display:flex}.permission-legend>span{align-items:center;gap:.3rem;display:inline-flex}.permission-legend i{border:1px solid var(--color-border);border-radius:.3rem;place-items:center;width:1.3rem;height:1.3rem;display:inline-grid}.permission-legend small{margin-left:auto}.owner-permission-savebar{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex;position:sticky;bottom:.75rem}.owner-permission-savebar>div:first-child{gap:.15rem;display:grid}.owner-permission-savebar span{color:var(--color-text-muted);font-size:.7rem}.owner-permission-savebar>div:last-child,.owner-permission-savebar .ui-button{align-items:center;gap:.45rem;display:flex}.permission-save-confirmation{border-radius:var(--radius-control);color:#15803d;background:color-mix(in srgb, #22c55e 10%, var(--color-surface));align-items:center;gap:.4rem;width:fit-content;margin:0;padding:.55rem .7rem;font-size:.75rem;font-weight:750;display:inline-flex}.permission-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.owner-permission-demo button:focus-visible,.owner-permission-demo input:focus-visible,.owner-permission-demo select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (width<=56rem){.permission-person-card{grid-template-columns:auto minmax(0,1fr) auto}.permission-person-card__branches{grid-area:2/2/auto/-1}.permission-rule{grid-template-columns:1fr}.permission-state-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.permission-state-options button{justify-content:center}}@media (width<=42rem){.owner-permission-heading,.permission-people-toolbar,.permission-detail__section-heading{flex-direction:column;align-items:stretch}.owner-permission-prototype,.permission-view-switch{width:fit-content}.owner-permission-demo:has(.owner-permission-savebar){padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}.permission-people-toolbar>label{width:100%}.permission-person-card{grid-template-columns:auto minmax(0,1fr)}.permission-person-card__branches,.permission-person-card__open{grid-column:1/-1}.permission-person-card__open{border-top:1px solid var(--color-border);justify-content:space-between;padding-top:.5rem}.permission-detail__person{grid-template-columns:auto minmax(0,1fr)}.permission-detail__safe{grid-column:1/-1}.permission-scope-grid,.permission-matrix-branches{grid-template-columns:1fr}.permission-table-wrap{border:0;overflow:visible}.permission-table,.permission-table tbody{display:block}.permission-table thead{display:none}.permission-table tbody tr{border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.6rem;display:grid;overflow:hidden}.permission-table tbody tr.permission-table__group{border:0;margin:1rem 0 .4rem;display:block}.permission-table tbody tr:not(.permission-table__group)>th{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);grid-column:1/-1}.permission-table td{text-align:left;border-left:0;gap:.3rem;display:grid}.permission-table td+td{border-left:1px solid var(--color-border)}.permission-table td:before{color:var(--color-text-muted);content:attr(data-staff-label);font-size:.66rem;font-weight:750}.permission-cell{gap:.25rem;width:100%}.permission-cell>span{font-size:.65rem;font-weight:700;display:inline}.permission-legend small{width:100%;margin-left:0}.owner-permission-savebar>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.owner-permission-savebar{bottom:calc(.35rem + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;padding:.55rem;display:grid}.owner-permission-savebar>div:first-child>span{display:none}.owner-permission-savebar>div:first-child strong{font-size:.75rem}.owner-permission-savebar .ui-button{justify-content:center;min-height:44px;padding-inline:.65rem;font-size:.7rem}}@media (width<=30rem){.owner-permission-savebar{grid-template-columns:1fr}.owner-permission-savebar>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}.commission-config-demo{gap:1rem;display:grid}.commission-config-demo__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.commission-config-demo__tabs{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:999px;gap:.5rem;padding:.35rem;display:inline-flex}.commission-config-demo__tabs button{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem .9rem;font-weight:700}.commission-config-demo__tabs button.is-active{color:var(--color-primary-contrast,#fff);background:var(--color-primary)}.commission-config-demo__save-status{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.8rem;display:inline-flex}.commission-config-demo__panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);gap:1rem;padding:1rem;display:grid}.commission-config-demo__summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.commission-config-demo__metric{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);gap:.25rem;padding:.9rem 1rem;display:grid}.commission-config-demo__metric span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem}.commission-config-demo__metric strong{font-size:1.4rem}.commission-config-demo__card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.commission-config-demo__card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);gap:.8rem;padding:1rem;display:grid}.commission-config-demo__card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.commission-config-demo__eyebrow{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem}.commission-config-demo__card-header strong{font-size:1.8rem}.commission-config-demo__pill,.commission-config-demo__chip,.commission-config-demo__status-tag{border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.commission-config-demo__pill,.commission-config-demo__chip{color:var(--color-primary);background:#3b82f61f}.commission-config-demo__card p,.commission-config-demo__inherited-box,.commission-config-demo__empty{color:var(--color-text-muted);margin:0;line-height:1.5}.commission-config-demo__field{color:var(--color-text-muted);gap:.45rem;font-size:.82rem;font-weight:600;display:grid}.commission-config-demo__input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);width:100%;min-height:44px;color:var(--color-text);font:inherit;padding:.7rem .8rem}.commission-config-demo__meta{color:var(--color-text-muted);justify-content:space-between;gap:.5rem;font-size:.75rem;display:flex}.commission-config-demo__meta--warning{color:#d97706}.commission-config-demo__meta--success{color:#16a34a}.commission-config-demo__footer-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.commission-config-demo__panel--staff{grid-template-columns:minmax(15rem,22rem) minmax(0,1fr);align-items:start;display:grid}.commission-config-demo__staff-list{gap:.75rem;padding-right:.5rem;display:grid}.commission-config-demo__search{color:var(--color-text-muted);gap:.45rem;font-size:.8rem;font-weight:600;display:grid}.commission-config-demo__search input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:42px;color:var(--color-text);font:inherit;padding:.7rem .8rem}.commission-config-demo__person{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.8rem .9rem;display:grid}.commission-config-demo__person.is-selected{border-color:var(--color-primary);background:#3b82f614}.commission-config-demo__avatar{width:2.2rem;height:2.2rem;color:var(--color-primary);background:linear-gradient(135deg,#3b82f626,#10b98126);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:inline-flex}.commission-config-demo__avatar--large{width:2.8rem;height:2.8rem}.commission-config-demo__person-info{display:grid}.commission-config-demo__person-info strong,.commission-config-demo__detail-name h3{font-size:1rem}.commission-config-demo__person-info small,.commission-config-demo__detail-name p{color:var(--color-text-muted)}.commission-config-demo__status-tag{color:#0f766e;background:#0f766e1f}.commission-config-demo__detail-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);gap:1rem;padding:1rem;display:grid}.commission-config-demo__detail-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.commission-config-demo__detail-name{align-items:center;gap:.75rem;display:flex}.commission-config-demo__detail-name h3,.commission-config-demo__detail-name p{margin:0}.commission-config-demo__rate-row{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.75rem;padding:.9rem;display:grid}.commission-config-demo__rate-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.commission-config-demo__rate-header strong,.commission-config-demo__rate-header small{display:block}.commission-config-demo__rate-header small{color:var(--color-text-muted);margin-top:.25rem}.commission-config-demo__rate-value{font-size:1.5rem;font-weight:800}.commission-config-demo__switch-row{justify-content:flex-start;display:flex}.commission-config-demo__toggle{color:var(--color-text-muted);align-items:center;gap:.6rem;font-weight:600;display:inline-flex}.commission-config-demo__toggle input{accent-color:var(--color-primary)}.commission-config-demo__inherited-box{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:#3b82f60a;padding:.75rem .9rem}@media (width<=52rem){.commission-config-demo__card-grid,.commission-config-demo__panel--staff,.commission-config-demo__summary-row{grid-template-columns:1fr}.commission-config-demo__detail-header{align-items:start;display:grid}}.release-demo{--release-blue:#2457f5;--release-ink:#172033;--release-muted:#667085}.release-demo__intro,.release-editor__heading,.release-preview__heading,.release-editor__heading>div,.release-preview__heading>div,.release-demo__workflow,.release-editor__meta,.release-editor__actions,.release-preview__legend{align-items:center;display:flex}.release-demo__intro{justify-content:space-between;gap:24px}.release-demo__intro h2{margin:8px 0}.release-demo__intro p{max-width:720px;margin:0}.release-demo__eyebrow{color:var(--release-blue);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:.75rem;font-weight:800;display:inline-flex}.release-demo__eyebrow svg{width:16px}.release-demo__draft-status{white-space:nowrap;color:#667085;background:#fff;border:1px solid #d9e0ea;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.release-demo__draft-status span{background:#f59e0b;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.release-demo__draft-status[data-published=true] span{background:#22c55e}.release-demo__workflow{color:#64748b;background:#f5f7fb;border-radius:14px;justify-content:center;gap:14px;margin:24px 0;padding:12px 16px;font-size:.78rem}.release-demo__workflow span{align-items:center;gap:7px;display:flex}.release-demo__workflow strong{width:24px;height:24px;color:var(--release-blue);background:#dfe7ff;border-radius:50%;place-items:center;display:grid}.release-demo__workflow svg{opacity:.55;width:16px}.release-demo__workspace{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:start;gap:20px;display:grid}.release-editor,.release-preview{color:var(--release-ink);background:#fff;border:1px solid #e0e5ec;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #0f172a12}.release-editor{padding:22px}.release-editor__heading,.release-preview__heading{justify-content:space-between;gap:16px}.release-editor__heading>div,.release-preview__heading>div{gap:12px}.release-editor__heading h3,.release-preview__heading h3{margin:0;font-size:1rem}.release-editor__heading p,.release-preview__heading p{color:var(--release-muted);margin:3px 0 0;font-size:.78rem}.release-editor__icon{color:#fff;background:linear-gradient(145deg,#3568ff,#163fd0);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.release-editor__icon svg{width:19px}.release-editor__step,.release-preview__heading>span{color:var(--release-blue);background:#edf2ff;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:800}.release-editor__templates{border:0;margin:24px 0 20px;padding:0}.release-editor__templates legend,.release-editor label>span{color:#344054;justify-content:space-between;width:100%;margin-bottom:8px;font-size:.78rem;font-weight:750;display:flex}.release-editor__templates>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.release-editor__templates button{text-align:left;min-height:112px;color:var(--release-ink);cursor:pointer;background:#fafbfc;border:1px solid #e1e6ef;border-radius:14px;padding:13px;position:relative}.release-editor__templates button[aria-pressed=true]{border-color:var(--release-blue);background:#f2f5ff;box-shadow:0 0 0 2px #2457f51a}.release-editor__templates button>span{width:30px;height:30px;color:var(--release-blue);background:#e9eeff;border-radius:9px;place-items:center;margin-bottom:9px;display:grid}.release-editor__templates button>span svg{width:16px}.release-editor__templates strong,.release-editor__templates small{display:block}.release-editor__templates strong{font-size:.78rem}.release-editor__templates small{color:var(--release-muted);margin-top:4px;font-size:.66rem;line-height:1.35}.release-editor__template-check{width:15px;color:var(--release-blue);position:absolute;top:9px;right:9px}.release-editor__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.release-editor__field{margin-top:14px;display:block}.release-editor label small{color:#98a2b3;font-weight:500}.release-editor input,.release-editor select,.release-editor textarea{box-sizing:border-box;color:#1d2939;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d9e0ea;border-radius:11px;outline:none;padding:10px 12px;font-size:.83rem}.release-editor input:focus,.release-editor select:focus,.release-editor textarea:focus{border-color:var(--release-blue);box-shadow:0 0 0 3px #2457f51a}.release-editor__meta{flex-wrap:wrap;gap:8px;margin:16px 0}.release-editor__meta span{color:#667085;background:#f5f7fa;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:.68rem;display:flex}.release-editor__meta svg{width:13px;height:13px}.release-editor__actions{border-top:1px solid #eef0f4;justify-content:flex-end;gap:9px;padding-top:16px}.release-editor__actions button{cursor:pointer;border-radius:10px;min-height:40px;padding:0 15px;font-weight:750}.release-editor__secondary{color:#344054;background:#fff;border:1px solid #d9e0ea}.release-editor__primary{background:var(--release-blue);color:#fff;border:0;align-items:center;gap:7px;display:flex;box-shadow:0 7px 16px #2457f53d}.release-editor__primary svg{width:15px}.release-editor__note{color:#805b16;background:#fff9e8;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.7rem;line-height:1.45}.release-preview{background:linear-gradient(#f8faff,#f3f5fa);padding-bottom:20px}.release-preview__heading{padding:20px 20px 14px}.release-preview__heading svg{width:21px;color:var(--release-blue)}.release-preview__tabs{background:#e9edf4;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:0 20px 16px;padding:4px;display:grid}.release-preview__tabs button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 5px;font-size:.7rem;font-weight:750}.release-preview__tabs button[aria-selected=true]{color:#1d2939;background:#fff;box-shadow:0 2px 6px #0f172a17}.release-phone{background:#f5f7fb;border:7px solid #1c2331;border-radius:34px;width:min(290px,100% - 32px);height:520px;margin:auto;position:relative;overflow:hidden;box-shadow:0 18px 35px #0f172a33}.release-phone__status{background:#fff;justify-content:space-between;padding:10px 20px 7px;font-size:.58rem;font-weight:800;display:flex}.release-phone__appbar{color:#193fb8;letter-spacing:.12em;background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:10px 16px 13px;font-size:.7rem;display:flex}.release-phone__appbar svg{width:17px}.release-phone__canvas{height:calc(100% - 72px);padding:15px;position:relative;overflow:hidden}.release-phone__skeleton{opacity:.55;grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.release-phone__skeleton span{background:#e2e7ef;border-radius:13px;height:86px}.release-phone__skeleton span:first-child{grid-column:1/-1;height:54px}.release-phone__home-indicator{background:#1f2937;border-radius:9px;width:92px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.release-user-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;place-items:end center;padding:10px;display:grid;position:absolute;inset:0}.release-user-modal{background:#fff;border-radius:22px;width:100%;animation:.25s ease-out release-demo-rise;overflow:hidden;box-shadow:0 14px 35px #0f172a40}@keyframes release-demo-rise{0%{opacity:0;transform:translateY(24px)}}.release-user-modal__hero{color:#fff;background:radial-gradient(circle at 80% 10%,#7695ff 0,#0000 33%),linear-gradient(145deg,#315ff2,#173cb7);flex-direction:column;align-items:center;padding:17px 16px 14px;display:flex}.release-user-modal[data-tone=warning] .release-user-modal__hero{background:radial-gradient(circle at 80% 10%,#ffcc80 0,#0000 34%),linear-gradient(145deg,#ef7d18,#b83c16)}.release-user-modal__hero>span{background:#ffffff2e;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:7px;display:grid}.release-user-modal__hero svg{width:20px}.release-user-modal__hero small{opacity:.85;font-size:.62rem}.release-user-modal__hero strong{margin-top:3px;font-size:1.05rem}.release-user-modal__body{padding:16px}.release-user-modal__body h4{text-align:center;margin:0;font-size:.88rem}.release-user-modal__body>p{color:#667085;text-align:center;margin:6px 0 12px;font-size:.66rem;line-height:1.4}.release-user-modal__body ul{gap:7px;margin:0 0 13px;padding:0;list-style:none;display:grid}.release-user-modal__body li{color:#344054;align-items:flex-start;gap:7px;font-size:.65rem;line-height:1.35;display:flex}.release-user-modal__body li svg{color:#159447;background:#eaf8ef;border-radius:50%;flex:none;width:14px;height:14px;padding:2px}.release-user-modal__warning{color:#9a4b09;background:#fff3e6;border-radius:8px;align-items:center;gap:7px;margin:-2px 0 11px;padding:8px;font-size:.61rem;display:flex}.release-user-modal__warning svg{flex:none;width:14px}.release-user-modal__body button{background:var(--release-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;padding:10px;font-size:.72rem;font-weight:800}.release-user-modal[data-tone=warning] .release-user-modal__body button{background:#d95718}.release-user-modal__receipt{color:#98a2b3;text-align:center;margin-top:7px;font-size:.54rem;display:block}.release-user-banner{background:#fff;border:1px solid #dce5ff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px;display:grid;position:absolute;top:15px;left:10px;right:10px;box-shadow:0 7px 18px #0f172a21}.release-user-banner>span{width:31px;height:31px;color:var(--release-blue);background:#eaf0ff;border-radius:9px;place-items:center;display:grid}.release-user-banner svg{width:15px}.release-user-banner strong,.release-user-banner small{display:block}.release-user-banner strong{font-size:.66rem}.release-user-banner small{color:#667085;margin-top:3px;font-size:.55rem;line-height:1.3}.release-user-banner>svg{color:#98a2b3}.release-history{background:#f7f8fb;padding:16px;position:absolute;inset:0}.release-history>p{margin:0 0 14px;font-size:.83rem;font-weight:800}.release-history article{background:#fff;border-radius:13px;gap:10px;margin-bottom:10px;padding:12px;display:flex;box-shadow:0 3px 12px #0f172a0f}.release-history article>span{height:32px;color:var(--release-blue);background:#eaf0ff;border-radius:9px;flex:0 0 32px;place-items:center;display:grid}.release-history svg{width:15px}.release-history small,.release-history strong,.release-history article p{margin:0;display:block}.release-history small{color:#98a2b3;font-size:.54rem}.release-history strong{margin:3px 0;font-size:.68rem}.release-history article p{color:#667085;font-size:.6rem}.release-history__muted{opacity:.66}.release-user-success{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.release-user-success>span{color:#168d46;background:#e8f8ee;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.release-user-success strong{margin-top:12px;font-size:.9rem}.release-user-success p{color:#667085;font-size:.65rem;line-height:1.5}.release-user-success button{color:var(--release-blue);cursor:pointer;background:0 0;border:0;font-size:.65rem;font-weight:750}.release-preview__legend{color:#667085;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;font-size:.64rem}.release-preview__legend span{align-items:center;gap:4px;display:flex}.release-preview__legend svg{width:13px}.release-preview__legend span:first-child svg{color:#159447}.release-preview__legend span:last-child svg{color:#d24a4a}@media (width<=900px){.release-demo__workspace{grid-template-columns:1fr}.release-preview{padding-bottom:24px}}@media (width<=620px){.release-demo__intro,.release-demo__workflow{flex-direction:column;align-items:flex-start}.release-demo__workflow>svg{display:none}.release-editor{padding:16px}.release-editor__templates>div{grid-template-columns:1fr}.release-editor__templates button{min-height:82px;padding-left:56px}.release-editor__templates button>span{position:absolute;top:14px;left:13px}.release-editor__grid{grid-template-columns:1fr}.release-editor__actions{flex-direction:column-reverse;align-items:stretch}.release-editor__actions button{justify-content:center}}@media (prefers-reduced-motion:reduce){.release-user-modal{animation:none}}.release-kind-picker{border:0;margin:20px 0;padding:0}.release-kind-picker legend{color:#344054;margin-bottom:8px;font-size:.78rem;font-weight:750}.release-kind-picker>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.release-kind-picker button{color:#667085;cursor:pointer;text-align:left;background:#fafbfc;border:1px solid #e1e6ef;border-radius:11px;align-items:center;gap:7px;min-width:0;min-height:62px;padding:8px;display:flex}.release-kind-picker button>svg{flex:none;width:16px}.release-kind-picker button span,.release-kind-picker button strong,.release-kind-picker button small{min-width:0;display:block}.release-kind-picker button strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.release-kind-picker button small{color:#98a2b3;margin-top:2px;font-size:.58rem}.release-kind-picker button[aria-pressed=true]{border-color:var(--release-blue);color:var(--release-blue);background:#f1f5ff;box-shadow:0 0 0 2px #2457f51a}.release-kind-picker>p{color:#667085;margin:8px 0 0;font-size:.68rem}.release-editor__grid>label:first-child>span:not(.release-version-title){display:none}.release-version-hint{margin-top:6px;font-size:.64rem;line-height:1.35;display:block;color:#2457f5!important}.release-user-modal__kind{background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;margin-top:7px;padding:3px 8px;font-size:.55rem;font-style:normal;font-weight:750}@media (width<=720px){.release-kind-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.release-kind-picker button:last-child{grid-column:1/-1}}.dev-catalog-section>.core-eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.dev-scenario-tabs{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1rem;display:flex}.dev-scenario-tabs button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-muted);background:var(--color-surface-subtle);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem .85rem;font-size:.82rem;font-weight:700}.dev-scenario-tabs button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary-contrast);background:var(--color-primary)}.dev-scenario-tabs button:focus-visible,.dev-icon-button:focus-visible,.dev-responsive-frame button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dev-preview-stage{border:1px dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-background);min-height:18rem;padding:clamp(.75rem,3vw,1.5rem)}.dev-account-preview{max-width:44rem;margin-inline:auto}.dev-account-preview__profile,.dev-account-preview__menu,.dev-settings-preview,.dev-empty-state{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.dev-account-preview__profile{align-items:center;gap:1rem;padding:1.25rem;display:flex}.dev-account-preview__profile>span:last-child,.dev-account-preview__row>span:nth-child(2),.dev-settings-preview__permission>span:nth-child(2),.dev-feedback>span{gap:.2rem;min-width:0;display:grid}.dev-account-preview__profile small,.dev-account-preview__row small,.dev-settings-preview small,.dev-feedback small{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.dev-account-preview__profile em{width:fit-content;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:999px;margin-top:.25rem;padding:.25rem .65rem;font-size:.75rem;font-style:normal;font-weight:700}.dev-account-preview__avatar{border:3px solid var(--color-primary);width:4rem;height:4rem;color:var(--color-primary);border-radius:50%;flex:none;place-items:center;display:grid}.dev-account-preview__avatar svg{width:2rem;height:2rem}.dev-account-preview__menu{margin-top:1rem;overflow:hidden}.dev-account-preview__row{border-bottom:1px solid var(--color-border);grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.75rem;padding:.75rem 1rem;display:grid}.dev-account-preview__row:last-child{border-bottom:0}.dev-catalog-icon{width:2.75rem;height:2.75rem;color:var(--color-primary);background:var(--color-surface-subtle);border-radius:.875rem;flex:none;place-items:center;display:grid}.dev-catalog-icon svg{width:1.25rem;height:1.25rem}.dev-inline-status{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-muted);background:var(--color-surface-subtle);margin:1rem 0;padding:.7rem .85rem;font-size:.82rem;line-height:1.45}.dev-account-preview>.dev-inline-status{margin-top:0}.dev-empty-state{text-align:center;justify-items:center;gap:.5rem;max-width:32rem;margin:2rem auto;padding:2rem;display:grid}.dev-empty-state>svg{width:2rem;height:2rem;color:var(--color-primary)}.dev-empty-state p{color:var(--color-text-muted);margin:0}.dev-empty-state--compact{margin-bottom:0}.dev-settings-preview{max-width:44rem;margin-top:1.25rem;overflow:hidden}.dev-settings-preview__intro{border-bottom:1px solid var(--color-border);gap:.3rem;padding:1rem;display:grid}.dev-settings-preview__preference,.dev-settings-preview__permission{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;min-height:5rem;padding:.75rem 1rem;display:grid}.dev-settings-preview__preference{grid-template-columns:2.75rem minmax(0,1fr)}.dev-settings-preview__permission{grid-template-columns:2.75rem minmax(0,1fr) auto}.dev-settings-preview__preference .setting-control,.dev-settings-preview__preference select{width:100%;min-width:0}.dev-switch{display:inline-flex;position:relative}.dev-switch input{opacity:0;width:1px;height:1px;position:absolute}.dev-switch>span:last-child{border:1px solid var(--color-border);background:var(--color-surface-subtle);cursor:pointer;border-radius:999px;width:3.25rem;height:2rem;position:relative}.dev-switch>span:last-child:after{background:var(--color-surface);content:"";border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .16s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 2px 8px #0f172a40}.dev-switch input:checked+span{border-color:var(--color-primary);background:var(--color-primary)}.dev-switch input:checked+span:after{transform:translate(1.25rem)}.dev-switch input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:2px}.dev-profile-frame,.dev-auth-preview{max-width:44rem}.dev-auth-preview{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);margin-top:1rem;padding:1rem}.dev-control-matrix{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:end;gap:1rem;margin-top:1.25rem;display:grid}.dev-control-matrix label,.dev-responsive-frame label{color:var(--color-text);gap:.4rem;font-size:.85rem;font-weight:650;display:grid}.dev-control-matrix input,.dev-responsive-frame input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);font:inherit;outline:none;padding:.65rem .75rem}.dev-control-matrix input:focus,.dev-responsive-frame input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.dev-control-matrix input[aria-invalid=true]{border-color:#dc2626}.dev-icon-button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-primary);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.dev-feedback-grid{gap:.75rem;margin-top:1.25rem;display:grid}.dev-feedback{border:1px solid var(--feedback-color);border-radius:var(--radius-control);background:color-mix(in srgb, var(--feedback-color) 8%, var(--color-surface));grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.9rem 1rem;display:grid}.dev-feedback>svg{width:1.25rem;height:1.25rem;color:var(--feedback-color)}.dev-feedback--success{--feedback-color:#15803d}.dev-feedback--info{--feedback-color:#2563eb}.dev-feedback--warning{--feedback-color:#b45309}.dev-feedback--offline{--feedback-color:#64748b}.dev-responsive-scroll{border:1px dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-background);padding:1rem;overflow-x:auto}.dev-responsive-frame{width:min(100%, var(--dev-preview-width));min-width:min(100%, var(--dev-preview-width));border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:1.25rem;margin-inline:auto;overflow:hidden}.dev-responsive-frame header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:3.5rem;padding:.5rem .75rem;display:flex}.dev-responsive-frame header button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);background:var(--color-surface);border-radius:50%;place-items:center;padding:0;display:grid}.dev-responsive-frame header svg{width:1.2rem;height:1.2rem}.dev-responsive-frame main{gap:1rem;padding:1rem;display:grid}.dev-a11y-checklist{color:var(--color-text-muted);gap:.5rem;margin:1rem 0 0;padding-left:1.25rem;line-height:1.5;display:grid}@media (width>=40rem){.dev-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dev-switch>span:last-child:after{transition:none}}.dev-page{width:min(100% - 2rem,72rem);margin-inline:auto;padding-block:5rem 4rem}.dev-hero,.dev-section{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);padding:1.5rem}.dev-hero{margin-bottom:1rem}.dev-hero h1,.dev-section h2{margin:.35rem 0 .65rem}.dev-hero>p:not(.core-eyebrow),.dev-section>p{color:var(--color-text-muted);margin:0;line-height:1.6}.dev-hero small{color:var(--color-primary);margin-top:1rem;font-weight:600;display:block}.dev-section+.dev-section{margin-top:1rem}.dev-page__layout{gap:1rem;display:grid}.dev-page__content{min-width:0}.dev-anchor-section,.dev-page__content>.dev-section{scroll-margin-top:1rem}.dev-anchor-section+.dev-anchor-section,.dev-anchor-section+.dev-section,.dev-section+.dev-anchor-section{margin-top:1rem}.dev-section-nav{z-index:5;min-width:0;position:sticky;top:4.75rem}.dev-section-nav__sticky{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);padding:1rem}.dev-section-nav__sticky>p{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:800}.dev-section-nav__sort{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:.65rem;padding:.2rem;display:grid}.dev-section-nav__sort button{border-radius:calc(var(--radius-control) - .2rem);min-height:40px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.45rem .55rem;font-size:.75rem;font-weight:750}.dev-section-nav__sort button[aria-pressed=true]{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-card)}.dev-section-nav__select{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface-subtle);font:inherit;padding:.65rem .75rem;font-weight:700}.dev-section-nav__select:focus-visible,.dev-section-nav__sort button:focus-visible,.dev-section-nav__links a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dev-section-nav__links{display:none}@media (width>=60rem){.dev-page__layout{grid-template-columns:15.5rem minmax(0,1fr);align-items:start}.dev-section-nav__sticky{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 5.75rem);overflow-y:auto}.dev-section-nav__select{display:none}.dev-section-nav__links{gap:.8rem;display:grid}.dev-section-nav__group{gap:.2rem;display:grid}.dev-section-nav__group>strong{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;padding:0 .6rem .2rem;font-size:.68rem}.dev-section-nav__links a{min-height:40px;color:var(--color-text-muted);border-radius:.6rem;grid-template-columns:4.1rem minmax(0,1fr);align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.82rem;font-weight:650;line-height:1.25;text-decoration:none;display:grid}.dev-section-nav__links a:hover{color:var(--color-text);background:var(--color-surface-subtle)}.dev-section-nav__links a[aria-current=location]{color:var(--color-primary);background:var(--color-surface-subtle)}.dev-section-nav__links a>span{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;font-weight:750}}.dev-controls{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1.25rem;display:flex}.dev-checkbox{width:fit-content;color:var(--color-text);align-items:center;gap:.65rem;display:flex}.dev-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.dev-link{color:var(--color-primary);align-items:center;gap:.5rem;margin-top:1rem;font-weight:600;display:inline-flex}.dev-registration-map-status{border:1px solid var(--color-border);border-radius:var(--radius-control);color:#b45309;background:#fffbeb;align-items:center;gap:.75rem;margin-top:1.25rem;padding:.9rem;display:flex}.dev-registration-map-status[data-enabled=true]{color:#15803d;background:#f0fdf4}.dev-registration-map-status>svg{flex:none;width:1.3rem}.dev-registration-map-status>span{gap:.15rem;display:grid}.dev-registration-map-status small{color:var(--color-text-muted);line-height:1.4}.dev-registration-preview{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:1rem;margin-top:1rem;padding:1rem;display:grid}.dev-registration-preview>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dev-registration-preview>header h3,.dev-registration-preview>header p{margin:0}.dev-registration-preview>header p{color:var(--color-text-muted);margin-top:.3rem;line-height:1.5}.dev-registration-preview>header>span{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.72rem;font-weight:800}.dev-registration-preview__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.dev-registration-preview__options button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:5rem;color:var(--color-text);background:var(--color-surface);text-align:left;gap:.25rem;padding:.75rem;display:grid}.dev-registration-preview__options button[aria-checked=true]{border-color:var(--color-primary);outline:2px solid color-mix(in srgb, var(--color-primary) 18%, transparent)}.dev-registration-preview__options small{color:var(--color-text-muted);line-height:1.4}.dev-registration-preview__result{border-radius:var(--radius-control);color:#b45309;background:#fffbeb;align-items:center;gap:.7rem;padding:.8rem;display:flex}.dev-registration-preview__result[data-enabled=true]{color:#15803d;background:#f0fdf4}.dev-registration-preview__result>svg{flex:none;width:1.25rem}.dev-registration-preview__result>span{gap:.15rem;display:grid}.dev-registration-preview__result small{color:var(--color-text-muted);line-height:1.4}.dev-registration-preview__details{gap:.75rem;display:grid}.dev-registration-preview__details article{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:0;padding:.85rem}.dev-registration-preview__details h4{align-items:center;gap:.45rem;margin:0 0 .65rem;display:flex}.dev-registration-preview__details h4 svg{width:1.05rem;color:var(--color-primary)}.dev-registration-preview__details pre{background:var(--color-background);border-radius:.65rem;max-height:18rem;padding:.75rem;font-size:.72rem;line-height:1.55;overflow:auto}.dev-registration-preview__details p{color:var(--color-text-muted);margin:.7rem 0 0;font-size:.78rem;line-height:1.55}.dev-registration-preview__details dl,.dev-registration-preview__details dl div{gap:.45rem;margin:0;display:grid}.dev-registration-preview__details dl div{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(7rem,.7fr) minmax(0,1.3fr);padding-block:.45rem}.dev-registration-preview__details dt{color:var(--color-text-muted)}.dev-registration-preview__details dd{margin:0;font-weight:700}@media (width>=56rem){.dev-registration-preview__details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=43.99rem){.dev-registration-preview>header{display:grid}.dev-registration-preview>header>span{width:fit-content}.dev-registration-preview__options{grid-template-columns:1fr}}:root[data-theme=dark] .dev-registration-preview__result{color:#fbbf24;background:#78350f3d}:root[data-theme=dark] .dev-registration-preview__result[data-enabled=true]{color:#86efac;background:#14532d47}.dev-registration-links{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.65rem;margin-top:1rem;display:grid}.dev-registration-links a{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:46px;color:var(--color-text);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;font-weight:750;text-decoration:none;display:flex}.dev-registration-links a:hover,.dev-registration-links a:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.dev-registration-links svg{flex:none;width:1rem}:root[data-theme=dark] .dev-registration-map-status{color:#fbbf24;background:#78350f3d}:root[data-theme=dark] .dev-registration-map-status[data-enabled=true]{color:#86efac;background:#14532d47}.dev-permission-demo{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.dev-permission-demo h3{margin:0 0 .5rem}.dev-permission-demo>p{color:var(--color-text-muted);margin:0 0 1rem;line-height:1.6}.dev-permission-demo .setting-control{max-width:24rem}.dev-permission-status{font-weight:700;color:#15803d!important;margin-top:1rem!important}:root[data-theme=dark] .dev-permission-status{color:#86efac!important}.dev-submit-demo{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.dev-submit-demo h3{margin:0 0 .5rem}.dev-submit-demo>p{color:var(--color-text-muted);margin:0 0 1rem;line-height:1.6}.dev-submit-form{gap:1rem;max-width:30rem;display:grid}.dev-submit-form input,.dev-submit-form select{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);padding:.65rem .75rem}.dev-submit-form input[aria-invalid=true]{border-color:#b91c1c}.dev-form-error,.dev-submit-result{margin:-.65rem 0 0;font-size:.875rem;font-weight:600}.dev-form-error,.dev-submit-result--failure{color:#b91c1c}.dev-submit-result--success{color:#15803d}:root[data-theme=dark] .dev-form-error,:root[data-theme=dark] .dev-submit-result--failure{color:#fca5a5}:root[data-theme=dark] .dev-submit-result--success{color:#86efac}.dev-phone-demo{gap:1rem;max-width:42rem;margin-top:1.25rem;display:grid}.dev-country-control,.dev-phone-control{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);align-items:stretch;min-height:48px;display:flex;overflow:hidden}.dev-country-flag,.dev-calling-code{border-right:1px solid var(--color-border);background:var(--color-surface-subtle);flex:none;place-items:center;padding-inline:.85rem;display:grid}.dev-country-flag{font-size:1.4rem}.dev-calling-code{color:var(--color-text);font-weight:700}.dev-country-control select,.dev-phone-control input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;flex:1;padding:.65rem .75rem}.dev-country-control:focus-within,.dev-phone-control:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.dev-phone-log{border:1px dashed var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0;padding:1rem;display:grid}.dev-phone-log div{min-width:0}.dev-phone-log dt{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.dev-phone-log dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dev-phone-valid{color:#15803d}.dev-phone-invalid{color:#b91c1c}:root[data-theme=dark] .dev-phone-valid{color:#86efac}:root[data-theme=dark] .dev-phone-invalid{color:#fca5a5}.dev-phone-privacy{color:var(--color-text-muted);line-height:1.5}.dev-citizen-id-demo{gap:1rem;max-width:42rem;margin-top:1.25rem;display:grid}.dev-citizen-id-demo input{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:48px;color:var(--color-text);background:var(--color-surface);letter-spacing:.08em;padding:.65rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dev-citizen-id-demo input:focus{outline:3px solid var(--color-focus);outline-offset:2px}.dev-bank-demo{gap:1rem;max-width:42rem;margin-top:1.25rem;display:grid}.dev-bank-picker{gap:.5rem;display:grid}.dev-bank-demo>.setting-control>input{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:48px;color:var(--color-text);background:var(--color-surface);padding:.65rem .75rem}.dev-bank-combobox,.dev-bank-option{text-align:left;align-items:center;gap:.75rem;display:flex}.dev-bank-combobox{border:1px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-height:64px;padding:.65rem .75rem}.dev-bank-combobox input{min-width:0;min-height:48px;color:var(--color-text);background:0 0;border:0;outline:0;flex:1}.dev-bank-combobox:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.dev-bank-option>span:last-child{gap:.2rem;min-width:0;display:grid}.dev-bank-option small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.dev-bank-logo-frame{border:1px solid var(--color-border);background:#fff;border-radius:.55rem;flex:0 0 52px;place-items:center;width:52px;height:40px;display:grid;position:relative;overflow:hidden}.dev-bank-logo-frame img{object-fit:contain;background:#fff;width:100%;height:100%;padding:.25rem;position:absolute}.dev-bank-logo-fallback{color:#334155;width:20px;height:20px}.dev-bank-results{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);gap:.5rem;max-height:19rem;padding:.35rem;display:grid;overflow-y:auto}.dev-bank-option{width:100%;min-height:58px;color:var(--color-text);background:var(--color-surface);cursor:pointer;border:1px solid #0000;border-radius:.65rem;padding:.55rem}.dev-bank-option:hover,.dev-bank-option[aria-selected=true]{border-color:var(--color-primary)}.dev-bank-empty{color:var(--color-text-muted);text-align:center;margin:0;padding:1rem}.dev-bank-demo>.setting-control>input:focus{outline:3px solid var(--color-focus);outline-offset:2px}.auth-layout{--auth-figma-accent:#ef227b;--auth-figma-border:#f7c4da;--auth-figma-text:#191a1f;min-height:100dvh;padding:clamp(13.75rem, 28vh, 15.5rem) calc(1.5rem + env(safe-area-inset-right)) calc(2.5rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left));color:var(--auth-figma-text);overscroll-behavior-y:none;background-color:#fff9fc;background-image:url(/images/auth/blink-auth-hero.png);background-position:top;background-repeat:no-repeat;background-size:min(100%,30rem);place-items:start center;display:grid}.auth-card{width:min(100%,29rem)}.auth-card__header{gap:.5rem;margin-bottom:1.5rem;display:grid}.auth-card__header h1{color:var(--auth-figma-text);font-family:var(--font-family-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.85rem,8vw,2.25rem);font-weight:700;line-height:1}.auth-card__header p{color:#596980;max-width:31rem;margin:0;font-size:.9rem;line-height:1.45}.auth-loading{min-height:100vh;color:var(--color-text-muted);place-items:start center;display:grid}@media (width>=900px){.auth-layout{padding:calc(2.5rem + env(safe-area-inset-top)) max(5vw, calc(2rem + env(safe-area-inset-right))) calc(2.5rem + env(safe-area-inset-bottom)) 50%;background-position:0;background-size:auto 100%;place-items:center end}.auth-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffffeb;border:1px solid #f7c4dad1;border-radius:2rem;padding:clamp(1.75rem,3vw,2.5rem);box-shadow:0 1.5rem 4rem #69224324}}@media (prefers-reduced-transparency:reduce){.auth-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}.notification-center__trigger{position:relative;overflow:visible}.notification-center__trigger.has-unread>svg{transform-origin:50% 12%;will-change:transform;animation:1.35s ease-in-out infinite notification-center-bell-ring}@keyframes notification-center-bell-ring{0%,12%,68%,to{transform:rotate(0)scale(1)}18%{transform:rotate(-28deg)scale(1.13)}27%{transform:rotate(25deg)scale(1.13)}36%{transform:rotate(-21deg)scale(1.1)}45%{transform:rotate(16deg)scale(1.08)}54%{transform:rotate(-10deg)scale(1.05)}62%{transform:rotate(6deg)scale(1.02)}}.notification-center__trigger-badge{border:2px solid var(--color-surface);color:#fff;background:var(--color-danger,#dc2626);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;padding-inline:.2rem;font-size:.62rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-.22rem;right:-.22rem}[data-testid=notification-center]>section{padding-right:0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:0;padding-left:0;overflow:hidden;background:#fff!important}.notification-center__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem .9rem;display:flex}.notification-center__header h2,.notification-center__header span,.notification-center__empty p{margin:0}.notification-center__header h2{color:#111827;font-size:1.08rem;line-height:1.35}.notification-center__header span{color:#6b7280;margin-top:.15rem;font-size:.78rem;display:block}.notification-center__icon-button,.notification-center__delete{color:#6b7280;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.notification-center__icon-button{border-radius:.5rem;flex:none;width:2.5rem;height:2.5rem}.notification-center__icon-button svg,.notification-center__delete svg{width:1.1rem;height:1.1rem}.notification-center__toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:stretch;gap:1rem;min-height:3.25rem;padding:0 1rem;display:flex}.notification-center__tabs{gap:1.25rem;min-width:max-content;display:flex}.notification-center__tabs button{color:#6b7280;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:650;position:relative}.notification-center__tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.notification-center__tabs button[aria-selected=true]{color:#111827}.notification-center__tabs button[aria-selected=true]:after{background:var(--modal-primary)}.notification-center__actions{align-items:stretch;gap:.85rem;min-width:max-content;display:flex}.notification-center__read-all,.notification-center__clear-all{color:var(--modal-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.75rem;font-weight:700;display:inline-flex}.notification-center__clear-all{color:#b42318}.notification-center__read-all svg,.notification-center__clear-all svg{width:1rem;height:1rem}.notification-center__read-all:disabled,.notification-center__clear-all:disabled{color:#9ca3af;cursor:default}.notification-center__clear-confirm{color:#7f1d1d;background:#fff7f7;border-bottom:1px solid #fecaca;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;font-size:.78rem;display:flex}.notification-center__clear-confirm>div{flex:none;gap:.4rem;display:flex}.notification-center__clear-confirm button{color:#374151;min-height:2rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.4rem;padding:.35rem .6rem;font-size:.72rem;font-weight:700}.notification-center__clear-confirm button:last-child{color:#fff;background:#b42318;border-color:#b42318}.notification-center__list{overscroll-behavior:contain;min-height:15rem;max-height:min(58dvh,36rem);overflow-y:auto}.notification-center__day h3{color:#6b7280;background:#f9fafb;margin:0;padding:.75rem 1rem .4rem;font-size:.7rem;font-weight:700}.notification-center__day>div{background:#fff}.notification-center__item{background:#fff;border-bottom:1px solid #eef0f2;grid-template-columns:minmax(0,1fr) 2.75rem;display:grid}.notification-center__item.is-unread{background:color-mix(in srgb, var(--modal-primary) 4%, white)}.notification-center__item-main{color:#111827;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:start;gap:.7rem;padding:.85rem .35rem .85rem 1rem;display:grid}.notification-center__item-icon{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.55rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.notification-center__item-icon svg{width:1rem;height:1rem}.notification-center__item-content{gap:.18rem;min-width:0;display:grid}.notification-center__item-content strong{font-size:.86rem;line-height:1.35}.notification-center__item-content>span{color:#6b7280;font-size:.78rem;line-height:1.4}.notification-center__item-content time{color:#9ca3af;margin-top:.1rem;font-size:.7rem}.notification-center__unread-dot{background:var(--modal-primary);border-radius:999px;width:.45rem;height:.45rem;margin-top:.4rem}.notification-center__delete{min-height:100%}.notification-center__empty{color:#6b7280;text-align:center;align-content:center;place-items:center;gap:.35rem;min-height:18rem;padding:2rem 1rem;display:grid}.notification-center__empty>svg{color:#9ca3af;width:1.5rem;height:1.5rem;margin-bottom:.4rem}.notification-center__empty strong{color:#111827;font-size:.9rem}.notification-center__empty p{max-width:17rem;font-size:.8rem}.notification-center__empty button{color:#374151;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.45rem;margin-top:.45rem;padding:.45rem .65rem;font-size:.78rem;font-weight:700}.notification-center__load-more{color:#374151;min-height:2.75rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.45rem;margin:.75rem auto 1rem;padding:.55rem .85rem;font-size:.78rem;font-weight:700;display:block}.notification-center__load-more span{color:#9ca3af;font-variant-numeric:tabular-nums;margin-left:.3rem;font-size:.7rem}.notification-center__icon-button:focus-visible,.notification-center__tabs button:focus-visible,.notification-center__read-all:focus-visible,.notification-center__clear-all:focus-visible,.notification-center__clear-confirm button:focus-visible,.notification-center__item-main:focus-visible,.notification-center__delete:focus-visible,.notification-center__empty button:focus-visible,.notification-center__load-more:focus-visible{outline:3px solid color-mix(in srgb, var(--modal-primary) 30%, transparent);outline-offset:-2px}@media (hover:hover){.notification-center__icon-button:hover,.notification-center__delete:hover,.notification-center__empty button:hover,.notification-center__load-more:hover,.notification-center__clear-confirm button:first-child:hover{background:#f3f4f6}.notification-center__item-main:hover{background:#f9fafbbf}}@media (width<=420px){.notification-center__toolbar{gap:.45rem;padding-top:.15rem;padding-bottom:.6rem;display:flex}.notification-center__tabs{flex:1 0 auto;gap:.7rem;min-height:2.75rem}.notification-center__actions{flex:none;gap:.45rem;min-height:2rem}.notification-center__tabs button,.notification-center__read-all,.notification-center__clear-all{font-size:.7rem}.notification-center__clear-confirm{flex-direction:column;align-items:stretch}.notification-center__clear-confirm>div{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.notification-center__trigger.has-unread>svg{animation:none}}@media (width>=768px){[data-testid=notification-center]{justify-content:flex-end;align-items:center;padding:1rem}[data-testid=notification-center]>section{border:1px solid #e5e7eb;border-radius:.75rem;width:min(30rem,100vw - 2rem);max-height:min(44rem,100dvh - 2rem);box-shadow:0 16px 48px #0f172a2e}}.app-shell{--app-header-height:64px;--app-bottom-nav-height:93px;--app-bottom-viewport-inset:env(safe-area-inset-bottom,0px);min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--color-background)}.app-shell__header{z-index:30;min-height:calc(var(--app-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(1rem + env(safe-area-inset-right)) 0 calc(1rem + env(safe-area-inset-left));border-bottom:1px solid var(--color-brand-bg-hover);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backface-visibility:hidden;will-change:transform, opacity;align-items:center;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;right:0}@media (width<=767px){.app-shell--navigation-hidden .app-shell__header{opacity:0;pointer-events:none;transform:translateY(-100%)}}.app-shell__main{min-height:100dvh;padding:calc(var(--app-header-height) + env(safe-area-inset-top) + 1rem) calc(1rem + env(safe-area-inset-right)) calc(var(--app-bottom-nav-height) + var(--app-bottom-viewport-inset) + 1rem) calc(1rem + env(safe-area-inset-left))}.app-shell--registration .app-shell__main{padding-top:calc(var(--app-header-height) + env(safe-area-inset-top) + .25rem)}.app-shell--without-bottom-navigation .app-shell__main{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.app-shell__main>.core-page{min-height:calc(100vh - var(--app-header-height) - var(--app-bottom-nav-height) - env(safe-area-inset-top) - var(--app-bottom-viewport-inset) - 2rem);min-height:calc(100dvh - var(--app-header-height) - var(--app-bottom-nav-height) - env(safe-area-inset-top) - var(--app-bottom-viewport-inset) - 2rem);padding:0}.app-header__brand,.app-header__user,.app-header__role{align-items:center;display:flex}.app-shell__header{justify-content:space-between;gap:1rem}.app-header__brand{gap:.625rem;min-width:0}.app-header__brand-mark{object-fit:cover;border-radius:.625rem;flex:none;width:2rem;height:2rem;display:block}.app-header__brand-name{color:var(--color-brand-base);font-size:var(--font-size-h4);letter-spacing:-.02em;font-weight:700}.app-header__user{gap:.625rem;min-width:0}.app-header__identity{text-align:right;min-width:0;display:grid}.app-header__user-name{max-width:10rem;color:var(--color-text);font-size:var(--font-size-body);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.app-header__role{color:var(--color-text-muted);font-size:var(--font-size-caption);letter-spacing:.02em;justify-content:flex-end;gap:.375rem}.app-header__role-dot{border-radius:999px;flex:none;width:.5rem;height:.5rem}.app-header__notification{width:2.75rem;height:2.75rem;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-brand-bg-hover);border-radius:var(--radius-pill);cursor:pointer;flex:none;place-items:center;padding:0;transition:background-color .16s,box-shadow .16s,transform .16s;display:grid}.app-header__notification:hover{background:var(--color-surface-subtle)}.app-header__notification:active{transform:scale(.96)}.app-header__notification:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.app-shell__header{transition:none}.app-shell--navigation-hidden .app-shell__header{opacity:1;pointer-events:auto;transform:none}}.app-shell__bottom-nav{--bottom-nav-height:93px;--bottom-nav-active-color:var(--color-brand-active);--bottom-nav-text-color:var(--color-neutral-strong);z-index:40;isolation:isolate;width:min(100%,430px);height:var(--bottom-nav-height);backface-visibility:hidden;will-change:transform, opacity;pointer-events:none;background:0 0;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}@media (width<=767px){.app-shell--navigation-hidden .app-shell__bottom-nav{opacity:0;transform:translate3d(-50%, calc(100% + var(--app-bottom-viewport-inset,0px)), 0);pointer-events:none}}.bottom-navigation__shell{z-index:-1;pointer-events:none;width:calc(100% + 36px);max-width:none;height:auto;display:block;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.bottom-navigation__track{z-index:1;width:100%;height:var(--bottom-nav-height);pointer-events:auto;flex-flow:row;align-items:flex-start;gap:8px;margin:0;padding:24px 16px 0;display:flex;position:relative}.bottom-navigation__item{min-width:44px;min-height:44px;color:var(--bottom-nav-text-color);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:4px;padding:0;text-decoration:none;transition:color .16s,transform .16s;display:flex;position:relative}.bottom-navigation__center-spacer{pointer-events:none;flex:0 0 min(26.6%,104px);height:44px}.bottom-navigation__icon{width:24px;height:24px;color:inherit;-webkit-mask-image:var(--bottom-nav-icon-mask);-webkit-mask-image:var(--bottom-nav-icon-mask);mask-image:var(--bottom-nav-icon-mask);background:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bottom-navigation__label{color:inherit;letter-spacing:.02em;white-space:nowrap;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:400;line-height:1;display:block}.bottom-navigation__item.is-active{color:var(--bottom-nav-active-color)}.bottom-navigation__item.is-active .bottom-navigation__icon{background:linear-gradient(180deg, var(--color-brand-base) 0%, var(--color-brand-active) 100%)}.bottom-navigation__item:active{transform:scale(.96)}.bottom-navigation__item:focus-visible,.bottom-navigation__primary-action:focus-visible{outline:3px solid color-mix(in srgb, var(--bottom-nav-active-color) 35%, transparent);outline-offset:2px}.bottom-navigation__primary-action{z-index:2;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:64px;height:64px;padding:0;transition:transform .16s;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-navigation__primary-action:active{transform:translate(-50%)scale(.96)}.bottom-navigation__primary-action-image{pointer-events:none;max-width:none;display:block;position:absolute;top:-1px;left:-5px}@media (prefers-reduced-motion:reduce){.app-shell__bottom-nav,.bottom-navigation__item,.bottom-navigation__primary-action{transition:none}.app-shell--navigation-hidden .app-shell__bottom-nav{opacity:1;pointer-events:auto;transform:translate(-50%)}}.unsupported-viewport{background:radial-gradient(circle at 50% 0%, #2563eb24, transparent 42%), var(--color-background);place-items:center;min-height:100dvh;padding:2rem;display:grid}.unsupported-viewport__card{border:1px solid var(--color-border);border-radius:var(--radius-card);width:min(100%,34rem);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center;justify-items:center;gap:1rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.unsupported-viewport__logo{object-fit:cover;border-radius:1.25rem;width:4.5rem;height:4.5rem;display:block}.unsupported-viewport__devices{color:var(--color-primary);justify-content:center;align-items:flex-end;gap:.5rem;display:flex}.unsupported-viewport__devices svg:first-child{width:1.75rem;height:1.75rem}.unsupported-viewport__devices svg:last-child{width:2.25rem;height:2.25rem}.unsupported-viewport__eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.unsupported-viewport h1{max-width:28rem;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}.unsupported-viewport__description,.unsupported-viewport__hint{max-width:28rem;color:var(--color-text-muted);margin:0;line-height:1.65}.unsupported-viewport__hint{padding-top:.25rem;font-weight:650}.application-content{min-height:100dvh}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-300:oklch(87.1% .15 154.449);--color-green-700:oklch(52.7% .154 150.069);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-app-primary:var(--color-primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-1{inset:var(--spacing)}.inset-y-0{inset-block:0}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[2600\]{z-index:2600}.z-\[2700\]{z-index:2700}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-\[5px\]{margin-top:5px}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-\[34px\]{width:34px;height:34px}.size-\[50px\]{width:50px;height:50px}.size-\[52px\]{width:52px;height:52px}.size-\[180px\]{width:180px;height:180px}.size-\[190px\]{width:190px;height:190px}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[5px\]{height:5px}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[calc\(100dvh-12px\)\]{max-height:calc(100dvh - 12px)}.min-h-0{min-height:0}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[50px\]{min-height:50px}.min-h-\[110px\]{min-height:110px}.min-h-dvh{min-height:100dvh}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-\[6\.5rem\]{width:6.5rem}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.max-w-\[560px\]{max-width:560px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[40px_minmax\(0\,1fr\)\]{grid-template-columns:40px minmax(0,1fr)}.grid-cols-\[48px_minmax\(0\,1fr\)_48px\]{grid-template-columns:48px minmax(0,1fr) 48px}.grid-cols-\[50px_50px_minmax\(0\,1fr\)\]{grid-template-columns:50px 50px minmax(0,1fr)}.grid-cols-\[52px_minmax\(0\,1fr\)\]{grid-template-columns:52px minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_24px_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[5px\]{gap:5px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[13px\]{gap:13px}.gap-\[14px\]{gap:14px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[14px\]{border-radius:14px}.rounded-\[17px\]{border-radius:17px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[color-mix\(in_srgb\,var\(--modal-primary\)_14\%\,\#fff\)\]{border-color:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--modal-primary\)_14\%\,\#fff\)\]{border-color:color-mix(in srgb,var(--modal-primary) 14%,#fff)}}.border-\[color-mix\(in_srgb\,var\(--modal-primary\)_18\%\,transparent\)\]{border-color:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--modal-primary\)_18\%\,transparent\)\]{border-color:color-mix(in srgb,var(--modal-primary) 18%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--modal-primary\)_24\%\,\#fff\)\]{border-color:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--modal-primary\)_24\%\,\#fff\)\]{border-color:color-mix(in srgb,var(--modal-primary) 24%,#fff)}}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--modal-primary\)\]{border-color:var(--modal-primary)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-600{border-color:var(--color-rose-600)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-\[color-mix\(in_srgb\,var\(--modal-primary\)_8\%\,\#fff\)\]{background-color:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--modal-primary\)_8\%\,\#fff\)\]{background-color:color-mix(in srgb,var(--modal-primary) 8%,#fff)}}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-subtle\)\]{background-color:var(--color-surface-subtle)}.bg-\[var\(--modal-primary\)\]{background-color:var(--modal-primary)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-950\/55{background-color:#0206188c}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/55{background-color:color-mix(in oklab, var(--color-slate-950) 55%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(135deg\,\#f43f5e\,\#be123c\)\]{background-image:linear-gradient(135deg,#f43f5e,#be123c)}.bg-\[linear-gradient\(135deg\,var\(--modal-primary\)\,color-mix\(in_srgb\,var\(--modal-primary\)_72\%\,\#111827\)\)\]{background-image:linear-gradient(135deg,var(--modal-primary),var(--modal-primary))}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(135deg\,var\(--modal-primary\)\,color-mix\(in_srgb\,var\(--modal-primary\)_72\%\,\#111827\)\)\]{background-image:linear-gradient(135deg,var(--modal-primary),color-mix(in srgb,var(--modal-primary) 72%,#111827))}}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[14px\]{padding:14px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[13px\]{padding-inline:13px}.px-\[14px\]{padding-inline:14px}.px-\[18px\]{padding-inline:18px}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-\[46px\]{padding-right:46px}.pb-1{padding-bottom:var(--spacing)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[28px\]{font-size:28px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[var\(--modal-primary\)\]{color:var(--modal-primary)}.text-gray-400{color:var(--color-gray-400)}.text-green-700{color:var(--color-green-700)}.text-rose-700{color:var(--color-rose-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_22px_color-mix\(in_srgb\,var\(--modal-primary\)_30\%\,transparent\)\]{--tw-shadow:0 10px 22px var(--tw-shadow-color,var(--modal-primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_10px_22px_color-mix\(in_srgb\,var\(--modal-primary\)_30\%\,transparent\)\]{--tw-shadow:0 10px 22px var(--tw-shadow-color,color-mix(in srgb,var(--modal-primary) 30%,transparent))}}.shadow-\[0_10px_22px_color-mix\(in_srgb\,var\(--modal-primary\)_30\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_22px_rgba\(225\,29\,72\,0\.28\)\]{--tw-shadow:0 10px 22px var(--tw-shadow-color,#e11d4847);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow:0 12px 28px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_70px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow:0 24px 70px var(--tw-shadow-color,#0f172a59);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[5px\]{--tw-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[6px\]{--tw-backdrop-blur:blur(6px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-\[260ms\]{--tw-duration:.26s;transition-duration:.26s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[background\:color-mix\(in_srgb\,var\(--modal-primary\)_10\%\,white\)\]{background:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.\[background\:color-mix\(in_srgb\,var\(--modal-primary\)_10\%\,white\)\]{background:color-mix(in srgb,var(--modal-primary) 10%,white)}}.focus-within\:border-\[var\(--color-primary\)\]:focus-within{border-color:var(--color-primary)}.focus-within\:border-\[var\(--modal-primary\)\]:focus-within{border-color:var(--modal-primary)}.focus-within\:shadow-\[0_0_0_3px_var\(--color-focus\)\]:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-focus));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-4:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[color-mix\(in_srgb\,var\(--modal-primary\)_14\%\,transparent\)\]:focus-within{--tw-ring-color:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-\[color-mix\(in_srgb\,var\(--modal-primary\)_14\%\,transparent\)\]:focus-within{--tw-ring-color:color-mix(in srgb,var(--modal-primary) 14%,transparent)}}@media (hover:hover){.hover\:border-\[var\(--modal-primary\)\]:hover{border-color:var(--modal-primary)}.hover\:border-rose-500:hover{border-color:var(--color-rose-500)}.hover\:bg-\[var\(--color-surface-subtle\)\]:hover{background-color:var(--color-surface-subtle)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}}.focus\:border-\[var\(--color-primary\)\]:focus{border-color:var(--color-primary)}.focus\:border-\[var\(--modal-primary\)\]:focus{border-color:var(--modal-primary)}.focus\:border-rose-500:focus{border-color:var(--color-rose-500)}.focus\:shadow-\[0_0_0_3px_var\(--color-focus\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-focus));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:focus{--tw-ring-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:focus{--tw-ring-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}}.focus\:ring-\[color-mix\(in_srgb\,var\(--modal-primary\)_14\%\,transparent\)\]:focus{--tw-ring-color:var(--modal-primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[color-mix\(in_srgb\,var\(--modal-primary\)_14\%\,transparent\)\]:focus{--tw-ring-color:color-mix(in srgb,var(--modal-primary) 14%,transparent)}}.focus\:ring-rose-100:focus{--tw-ring-color:var(--color-rose-100)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (width>=360px){.max-\[360px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width>=40rem){.sm\:max-w-\[560px\]{max-width:560px}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:text-green-300{color:var(--color-green-300)}}.\[\&_canvas\]\:h-auto canvas{height:auto}.\[\&_canvas\]\:max-w-full canvas{max-width:100%}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:max-w-full svg{max-width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family-display:"SF Pro Display", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-brand-active:#ef227b;--color-brand-base:#eb539b;--color-brand-hover:#f9a7ca;--color-brand-bg-hover:#fcd3e5;--color-brand-bg:#fde9f2;--color-neutral-strong:#191a1f;--color-neutral-muted:#596980;--color-neutral-soft:#c2bbd8;--color-neutral-line:#eeecf4;--color-neutral-bg:#fbf9ff;--color-info-bg:#f0f7ff;--color-info-bg-hover:#c9dcfc;--color-info-hover:#307ff9;--color-info:#005bc3;--color-info-active:#00438f;--color-warning-bg:#fff6e5;--color-warning-bg-hover:#feebc7;--color-warning-hover:#ffa600;--color-warning:#f6831c;--color-warning-active:#f46d06;--color-danger-bg:#fff1f0;--color-danger-bg-hover:#ffccc7;--color-danger-hover:#f55954;--color-danger:#f94545;--color-danger-active:#cf1e20;--color-success-bg:#ebf8ed;--color-success-bg-hover:#ccecd2;--color-success-hover:#5eff5e;--color-success:#06a422;--color-success-active:#158428;--color-cyan-bg:#e5f6f3;--color-cyan-bg-hover:#b5f5ec;--color-cyan-hover:#36cfc9;--color-cyan:#02b5b5;--color-cyan-active:#008d91;--color-purple-bg:#f9f0ff;--color-purple-bg-hover:#efdbff;--color-purple-hover:#a869f4;--color-purple:#722ed1;--color-purple-active:#531dab;--color-magenta-bg:#fef0f6;--color-magenta-bg-hover:#fcd7e7;--color-magenta-hover:#ef62ab;--color-magenta:#e23f96;--color-magenta-active:#bd2e7f;--color-background:var(--color-neutral-bg);--color-surface:#fff;--color-surface-subtle:var(--color-neutral-bg);--color-text:var(--color-neutral-strong);--color-text-muted:var(--color-neutral-muted);--color-text-disabled:var(--color-neutral-soft);--color-primary:var(--color-brand-active);--color-primary-hover:var(--color-brand-base);--color-primary-pressed:var(--color-brand-base);--color-primary-soft:var(--color-brand-bg);--color-primary-soft-hover:var(--color-brand-bg-hover);--color-primary-contrast:#fff;--color-border:var(--color-neutral-line);--color-focus:#ef227b59;--color-overlay:#0009;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-small:12px;--radius-control:20px;--radius-card:20px;--radius-sheet:30px;--radius-pill:999px;--shadow-card:0 17px 16px -16px #dd05082e;--shadow-overlay:0 24px 64px #191a1f3d;--shadow-bottom-sheet:0 -18px 48px #191a1f33;--font-size-caption:11px;--font-size-body-small:13px;--font-size-body:14px;--font-size-h6:16px;--font-size-h5:18px;--font-size-h4:20px;--font-size-h3:24px;--font-size-h2:30px;--font-size-h1:36px;--line-height-heading:1;--line-height-body:1.4;--letter-spacing-body:.02em}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#121114;--color-surface:#1a1a1a;--color-surface-subtle:#252329;--color-text:#fff;--color-text-muted:#c2bbd8;--color-text-disabled:#81798f;--color-primary:#f46ba8;--color-primary-hover:#f78fbd;--color-primary-pressed:#eb539b;--color-primary-soft:#3a1e2d;--color-primary-soft-hover:#54243a;--color-primary-contrast:#191a1f;--color-border:#3b3545;--color-focus:#f46ba873;--color-overlay:#000000c7;--color-info-bg:#102a46;--color-warning-bg:#3d2b0e;--color-danger-bg:#421c1d;--color-success-bg:#12341b;--color-cyan-bg:#123331;--color-purple-bg:#2d1c42;--color-magenta-bg:#421c31;--shadow-card:0 17px 30px -18px #00000094;--shadow-overlay:0 24px 64px #00000094;--shadow-bottom-sheet:0 -18px 48px #0000007a}:root{font-family:var(--font-family-display);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--color-background);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;min-height:100%}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--color-background);overscroll-behavior-y:none;margin:0;transition:color .15s,background-color .15s}#root{background:var(--color-background);min-height:100dvh}button,input,textarea,select{font:inherit}a,button,input,select,textarea{touch-action:manipulation}@media (pointer:coarse){:root input:not([type=checkbox]):not([type=radio]):not([type=range]),:root select,:root textarea{font-size:max(16px,1em)}}.core-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.core-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(100%,34rem);box-shadow:var(--shadow-card);padding:1.5rem}.core-card h1{margin:.35rem 0 .75rem;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.1}.core-card p{color:var(--color-text-muted);margin:0;line-height:1.6}.core-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--color-primary)!important}.core-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.setting-control{color:var(--color-text-muted);gap:.35rem;font-size:.875rem;font-weight:600;display:grid}.setting-control select{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);padding:.65rem .75rem}.setting-control__select{min-width:0;display:grid;position:relative}.setting-control__select select{appearance:none;cursor:pointer;background-image:none;padding-right:2.75rem}.setting-control__chevron{width:1.125rem;height:1.125rem;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.setting-control__select:focus-within .setting-control__chevron{color:var(--color-primary)}.not-found-card{text-align:center}.link-button{border-radius:var(--radius-control);min-height:44px;color:var(--color-primary-contrast);background:var(--color-primary);align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.pwa-install{gap:.75rem;display:grid}.pwa-install__guide{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface-subtle);padding:1rem;line-height:1.6}.pwa-install__guide strong{margin-bottom:.5rem;display:block}.pwa-install__guide ol{margin:0;padding-left:1.25rem}select{font:inherit}select.app-native-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%)!important;background-position:calc(100% - 1rem),calc(100% - .7rem)!important;background-repeat:no-repeat!important;background-size:.35rem .35rem!important;padding-right:2.5rem!important}select.appearance-none{appearance:none;background-image:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}