:root{--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-7: 28px;--ui-space-8: 32px;--ui-space-10: 40px;--ui-space-12: 48px;--ui-space-14: 56px;--ui-space-16: 64px;--ui-radius-xs: 4px;--ui-radius-sm: 6px;--ui-radius-md: 8px;--ui-radius-lg: 12px;--ui-radius-pill: 999px;--ui-text-2xs: .6875rem;--ui-text-xs: .75rem;--ui-text-sm: .8125rem;--ui-text-base: .875rem;--ui-text-md: .9375rem;--ui-text-lg: 1rem;--ui-text-xl: 1.0625rem;--ui-text-h1: 2.375rem;--ui-text-h2: 1.625rem;--ui-text-h3: 1.0625rem;--ui-text-hero: 3.25rem;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-weight-bold: 700;--ui-leading-tight: 1.2;--ui-leading-snug: 1.4;--ui-leading-normal: 1.55;--ui-leading-prose: 1.7;--ui-tracking-eyebrow: .12em;--ui-tracking-meta: .08em;--ui-transition: .15s ease;--ui-transition-slow: .18s ease;--ui-gutter: 64px;--ui-content-width: 880px;--ui-z-sticky: 50;--ui-z-dropdown: 60;--ui-z-toast: 100;--ui-color-on-accent: #fbf9f4;--ui-ring: 3px solid color-mix(in srgb, var(--color-accent) 28%, transparent)}[data-theme=dark]{--ui-color-on-accent: #0d1014}@media(max-width:760px){:root{--ui-gutter: 40px}}.ui-container{width:min(100% - var(--ui-gutter),var(--layout-width));margin-inline:auto}.ui-container--content{width:min(100% - var(--ui-gutter),var(--ui-content-width));margin-inline:auto}.ui-container--wide{width:min(100% - var(--ui-gutter),1480px);margin-inline:auto}.ui-section{padding:var(--ui-space-16) 0;border-bottom:1px solid var(--color-border)}.ui-section:last-of-type{border-bottom:none}.ui-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ui-space-6);margin-bottom:var(--ui-space-8)}.ui-section__head h2,.ui-section__title{margin:0;color:var(--color-text);font-family:var(--font-serif);font-size:2rem;font-weight:var(--ui-weight-semibold);line-height:var(--ui-leading-tight)}.ui-page-head{padding:var(--ui-space-10) 0 var(--ui-space-7);max-width:var(--ui-content-width)}.ui-page-head h1,.ui-page-head__title{margin:0 0 var(--ui-space-3);color:var(--color-text);font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,var(--ui-text-hero));font-weight:var(--ui-weight-semibold);line-height:1.08;text-wrap:balance}.ui-page-head h1 em,.ui-page-head__title em{color:var(--color-accent);font-style:italic;font-weight:var(--ui-weight-medium)}.ui-page-head__lead{max-width:720px;margin:0;color:var(--color-muted);font-size:var(--ui-text-xl);line-height:1.6;text-wrap:pretty}.ui-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2);margin:0 0 var(--ui-space-3);padding:0;color:var(--color-subtle);font-size:var(--ui-text-sm);line-height:var(--ui-leading-snug);list-style:none}.ui-breadcrumbs a{color:var(--color-muted);text-decoration:none;transition:color var(--ui-transition)}.ui-breadcrumbs a:hover{color:var(--color-accent)}.ui-breadcrumbs__sep{color:var(--color-border-strong)}.ui-breadcrumbs [aria-current=page]{color:var(--color-text)}.ui-stack{display:flex;flex-direction:column;gap:var(--ui-stack-gap, var(--ui-space-4))}.ui-stack--sm{--ui-stack-gap: var(--ui-space-2)}.ui-stack--lg{--ui-stack-gap: var(--ui-space-6)}.ui-stack--xl{--ui-stack-gap: var(--ui-space-10)}.ui-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-cluster-gap, var(--ui-space-2))}.ui-cluster--lg{--ui-cluster-gap: var(--ui-space-4)}.ui-cluster--end{justify-content:flex-end}.ui-cluster--between{justify-content:space-between}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ui-grid-min, 260px)),1fr));gap:var(--ui-grid-gap, var(--ui-space-4))}.ui-grid--2{grid-template-columns:repeat(2,1fr)}.ui-grid--3{grid-template-columns:repeat(3,1fr)}.ui-divider{border:0;border-top:1px solid var(--color-border);margin:var(--ui-space-8) 0}.ui-divider--dashed{border-top-style:dashed}.ui-text-center{text-align:center}.ui-text-muted{color:var(--color-muted)}.ui-text-subtle{color:var(--color-subtle)}.ui-mono{font-family:var(--font-mono)}.ui-visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(max-width:900px){.ui-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ui-section{padding:var(--ui-space-12) 0}.ui-section__head{align-items:flex-start;flex-direction:column;gap:var(--ui-space-2)}.ui-section__head h2,.ui-section__title{font-size:var(--ui-text-h2)}.ui-page-head{padding:var(--ui-space-8) 0 var(--ui-space-6)}}@media(max-width:640px){.ui-grid--2,.ui-grid--3{grid-template-columns:1fr}}.ui-article{min-width:0;border:1px solid var(--color-border);border-radius:var(--ui-radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;padding:var(--ui-space-14) var(--ui-space-16) var(--ui-space-16)}.ui-prose h1{margin:0 0 var(--ui-space-3);padding:0;color:var(--color-text);font-family:var(--font-serif);font-size:var(--ui-text-h1);font-weight:var(--ui-weight-bold);line-height:var(--ui-leading-tight);text-wrap:balance}.ui-prose h2{margin:var(--ui-space-12) 0 18px;color:var(--color-text);font-family:var(--font-serif);font-size:var(--ui-text-h2);font-weight:var(--ui-weight-bold);line-height:1.25;scroll-margin-top:88px;text-wrap:balance}.ui-prose h3{margin:var(--ui-space-8) 0 var(--ui-space-3);color:var(--color-text);font-family:var(--font-sans);font-size:var(--ui-text-h3);font-weight:var(--ui-weight-semibold);line-height:1.35;scroll-margin-top:88px}.ui-prose h4{margin:var(--ui-space-6) 0 10px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--ui-text-md);font-weight:var(--ui-weight-semibold);line-height:var(--ui-leading-snug)}.ui-prose h1.ui-prose__title--mono{font-family:var(--font-mono);font-size:2rem;font-weight:var(--ui-weight-semibold)}.ui-prose p{margin:0 0 18px;color:var(--color-text);font-size:var(--ui-text-lg);line-height:var(--ui-leading-prose);text-wrap:pretty}.ui-prose .ui-prose__lead{color:var(--color-muted);font-size:var(--ui-text-xl)}.ui-prose ul,.ui-prose ol{margin:0 0 var(--ui-space-5);padding-left:22px}.ui-prose li{margin-bottom:6px;color:var(--color-text);font-size:var(--ui-text-lg);line-height:1.65;padding-left:0}.ui-prose ul li::marker{color:var(--color-accent)}.ui-prose a{color:var(--color-accent);font-weight:var(--ui-weight-medium);text-decoration:none}.ui-prose a:hover{color:var(--color-accent-hover)}.ui-prose strong{font-weight:var(--ui-weight-semibold)}.ui-prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--ui-space-8) 0}.ui-prose :not(pre)>code{border:1px solid var(--color-border);border-radius:var(--ui-radius-xs);background:var(--color-code-inline-bg);color:var(--color-code-inline-text);font-family:var(--font-mono);font-size:.88em;padding:2px 7px;white-space:nowrap}.ui-prose pre{overflow-x:auto;border:0;border-radius:var(--ui-radius-md);margin:18px 0 22px;background:var(--color-code-block-bg)!important;box-shadow:var(--shadow-sm);color:var(--color-code-block-text)!important;font-family:var(--font-mono);font-size:var(--ui-text-base);line-height:1.65;padding:18px 20px}.ui-prose pre code{display:block;border:0;background:transparent;color:inherit;font-family:inherit;font-size:inherit;padding:0;white-space:pre}.ui-prose pre[data-language=text]{border-left:3px solid var(--color-accent);background:var(--color-output-bg)!important}.ui-prose blockquote,.ui-prose .important-info{display:block;border:1px solid var(--color-warn-border);border-radius:var(--ui-radius-md);background:var(--color-warn-soft);color:var(--color-warn-text);margin:22px 0;padding:var(--ui-space-4) var(--ui-space-5)}.ui-prose blockquote p,.ui-prose .important-info p{color:var(--color-warn-text);font-size:.9063rem;margin-bottom:0}.ui-prose img,.ui-prose .img-article{display:block;max-width:100%;height:auto;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);margin:10px 0 var(--ui-space-7)}.ui-prose figure{margin:var(--ui-space-6) 0}.ui-prose figcaption{margin-top:8px;color:var(--color-muted);font-size:var(--ui-text-sm);line-height:1.45}.ui-prose .ui-toc{position:relative;counter-reset:ljtoc;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface-soft);color:var(--color-muted);font-size:var(--ui-text-base);line-height:1.5;list-style:none;margin:var(--ui-space-5) 0 36px;padding:var(--ui-space-5) var(--ui-space-6) var(--ui-space-5) 46px}.ui-prose .ui-toc:before{display:block;margin:0 0 var(--ui-space-3) -22px;color:var(--color-subtle);content:"Содержание";font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}.ui-prose .ui-toc li{position:relative;counter-increment:ljtoc;margin:0;font-size:var(--ui-text-base);padding:var(--ui-space-1) 0}.ui-prose .ui-toc li:before{position:absolute;top:9px;left:-24px;color:var(--color-subtle);content:counter(ljtoc,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--ui-text-2xs)}.ui-prose .ui-toc a{border-bottom:1px solid transparent;color:var(--color-accent);font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);transition:border-color var(--ui-transition)}.ui-prose .ui-toc a:hover{border-bottom-color:var(--color-accent)}@media(max-width:760px){.ui-article{border-right:0;border-left:0;border-radius:0;margin-inline:0;padding:var(--ui-space-8) 18px}.ui-prose h1{font-size:1.75rem}.ui-prose h2{margin-top:38px;font-size:1.375rem}.ui-prose p,.ui-prose li{font-size:var(--ui-text-md)}.ui-prose pre{margin-inline:-4px;padding:14px}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:40px;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);line-height:1;padding:0 18px;text-decoration:none;white-space:nowrap;transition:border-color var(--ui-transition),background-color var(--ui-transition),box-shadow var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}.ui-btn:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-md);text-decoration:none}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled,.ui-btn.is-disabled{border-color:var(--color-border);background:var(--color-surface-soft);box-shadow:none;color:var(--color-subtle);cursor:not-allowed;transform:none}.ui-btn--accent{border-color:var(--color-accent);background:var(--color-accent);color:var(--ui-color-on-accent);font-weight:var(--ui-weight-semibold)}.ui-btn--accent:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--ui-color-on-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ui-btn--accent:active{transform:translateY(0)}.ui-btn--ghost{border-color:transparent;background:transparent;box-shadow:none}.ui-btn--ghost:hover{border-color:var(--color-border);background:var(--color-hover);box-shadow:none;color:var(--color-accent)}.ui-btn--danger:hover{border-color:#b94431;color:#b94431}.ui-btn--sm{min-height:32px;font-size:var(--ui-text-sm);padding:0 12px}.ui-btn--lg{min-height:48px;gap:var(--ui-space-3);font-size:var(--ui-text-md);font-weight:var(--ui-weight-semibold);padding:0 24px}.ui-btn--block{width:100%}.ui-btn__ico{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ui-btn__count{border-radius:var(--ui-radius-xs);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:.04em;padding:3px 8px}.ui-btn--accent .ui-btn__count{background:#ffffff2e;color:inherit}.ui-btn__arrow{display:inline-flex;transition:transform var(--ui-transition-slow)}.ui-btn:hover .ui-btn__arrow{transform:translate(3px)}.ui-badge{display:inline-flex;align-items:center;gap:6px;min-width:26px;border-radius:var(--ui-radius-xs);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:.02em;line-height:1.3;padding:4px 8px;text-align:center;white-space:nowrap}.ui-badge--muted{background:var(--color-surface-soft);color:var(--color-muted)}.ui-badge--solid{background:var(--color-accent);color:var(--ui-color-on-accent)}.ui-badge--pill{border-radius:var(--ui-radius-pill);padding-inline:10px}.ui-eyebrow{display:block;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:var(--ui-tracking-eyebrow);line-height:1.2;text-transform:uppercase}.ui-eyebrow--subtle{color:var(--color-subtle)}.ui-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-4);margin:0;color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--ui-text-xs);letter-spacing:var(--ui-tracking-meta);text-transform:uppercase}.ui-meta--ruled{margin-bottom:var(--ui-space-8);border-bottom:1px dashed var(--color-border);padding-bottom:var(--ui-space-6)}.ui-meta__sep{color:var(--color-border-strong)}.ui-meta-grid{display:flex;flex-wrap:wrap;gap:var(--ui-space-6) 36px;margin-top:var(--ui-space-6);border-top:1px solid var(--color-border);padding-top:var(--ui-space-6)}.ui-meta-item{display:grid;gap:var(--ui-space-1)}.ui-meta-item__key{color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.ui-meta-item__value{color:var(--color-text);font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium)}.ui-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--ui-radius-xs);background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--ui-text-xs);line-height:1;padding:6px 10px;transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-chip:hover,.ui-chip.is-active,.ui-chip[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ui-card{display:flex;min-width:0;flex-direction:column;gap:var(--ui-space-3);border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);padding:var(--ui-space-5) 22px}.ui-card--panel{border-radius:var(--ui-radius-lg);gap:var(--ui-space-6);padding:var(--ui-space-7) var(--ui-space-8) var(--ui-space-8)}.ui-card--muted{background:var(--color-surface-soft);box-shadow:none}.ui-card--interactive{cursor:pointer;text-decoration:none;transition:border-color var(--ui-transition-slow),box-shadow var(--ui-transition-slow),transform var(--ui-transition-slow)}.ui-card--interactive:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-text);text-decoration:none;transform:translateY(-2px)}.ui-card__title{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--ui-text-md);font-weight:var(--ui-weight-semibold);line-height:1.35}.ui-card__title--mono{font-family:var(--font-mono);font-size:var(--ui-text-base)}.ui-card__text{margin:0;color:var(--color-muted);font-size:var(--ui-text-sm);line-height:1.5;text-wrap:pretty}.ui-card__header{margin-bottom:var(--ui-space-6);border-bottom:1px dashed var(--color-border);padding-bottom:var(--ui-space-6)}.ui-card__header>.ui-eyebrow{margin-bottom:var(--ui-space-2)}.ui-card__header h2,.ui-card__header h3{margin:0;color:var(--color-text);font-family:var(--font-serif);font-size:1.5rem;font-weight:var(--ui-weight-semibold);line-height:1.25}.ui-card__footer{display:flex;align-items:center;gap:var(--ui-space-3);margin-top:auto;padding-top:var(--ui-space-3)}@media(max-width:760px){.ui-card--panel{padding:22px var(--ui-space-5) var(--ui-space-6)}}.ui-rows{display:flex;flex-direction:column;gap:var(--ui-space-2);margin:0;padding:0;list-style:none}.ui-row-link{display:flex;min-width:0;align-items:center;gap:14px;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);padding:14px 18px;text-decoration:none;transition:border-color var(--ui-transition),box-shadow var(--ui-transition),transform var(--ui-transition)}.ui-row-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-text);text-decoration:none;transform:translate(2px)}.ui-row-link.is-current{border-color:var(--color-accent)}.ui-row-link__title{flex:1 1 auto;min-width:0;line-height:var(--ui-leading-snug)}.ui-row-link__arrow{flex:none;color:var(--color-subtle);opacity:0;transform:translate(-4px);transition:color var(--ui-transition),opacity var(--ui-transition),transform var(--ui-transition)}.ui-row-link:hover .ui-row-link__arrow{color:var(--color-accent);opacity:1;transform:translate(0)}.ui-nav-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-space-3);margin-top:var(--ui-space-8)}.ui-nav-btn{display:flex;min-width:0;flex-direction:column;gap:var(--ui-space-1);border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);padding:14px 18px;text-decoration:none;transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-nav-btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-text);text-decoration:none}.ui-nav-btn--next{align-items:flex-end;text-align:right}.ui-nav-btn--placeholder{visibility:hidden}.ui-nav-btn__dir{display:flex;align-items:center;gap:6px;color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--ui-text-2xs);letter-spacing:var(--ui-tracking-meta);text-transform:uppercase}.ui-nav-btn:hover .ui-nav-btn__dir{color:var(--color-accent)}.ui-nav-btn__title{max-width:100%;overflow:hidden;color:var(--color-text);font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);text-overflow:ellipsis;white-space:nowrap}.ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ui-label{color:var(--color-muted);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-medium);line-height:var(--ui-leading-snug)}.ui-input,.ui-textarea,.ui-select{width:100%;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--ui-text-base);transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-input,.ui-select{min-height:40px;line-height:var(--ui-leading-snug);padding:0 14px}.ui-textarea{min-height:96px;line-height:var(--ui-leading-normal);padding:10px 14px;resize:vertical}.ui-input:hover,.ui-textarea:hover,.ui-select:hover{border-color:var(--color-border-strong)}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-subtle)}.ui-input:disabled,.ui-textarea:disabled,.ui-select:disabled{background:var(--color-surface-soft);color:var(--color-subtle);cursor:not-allowed}.ui-input.is-invalid,.ui-textarea.is-invalid,.ui-select.is-invalid{border-color:#b94431}.ui-output{width:100%;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface-soft);color:var(--color-text);font-family:var(--font-mono);font-size:var(--ui-text-base);line-height:1.6;padding:12px 14px;resize:vertical}.ui-hint{color:var(--color-subtle);font-size:var(--ui-text-sm);line-height:var(--ui-leading-snug)}.ui-hint--error{color:#b94431}.ui-switch{position:relative;flex:none;width:36px;height:20px;border:0;border-radius:var(--ui-radius-pill);background:var(--color-border-strong);cursor:pointer;padding:2px;transition:background-color var(--ui-transition)}.ui-switch>span{display:block;width:16px;height:16px;border-radius:var(--ui-radius-pill);background:#fbf9f4;box-shadow:0 1px 2px #0003;transition:transform var(--ui-transition-slow)}.ui-switch.is-active,.ui-switch[aria-pressed=true]{background:var(--color-accent)}.ui-switch.is-active>span,.ui-switch[aria-pressed=true]>span{transform:translate(16px)}.ui-switch-wrap{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--color-muted);font-size:var(--ui-text-sm);white-space:nowrap}.ui-check{display:inline-flex;min-height:40px;align-items:center;gap:var(--ui-space-2);border:1px solid var(--color-border);border-radius:var(--ui-radius-pill);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--ui-text-sm);line-height:var(--ui-leading-snug);padding:0 16px;transition:border-color var(--ui-transition),background-color var(--ui-transition)}.ui-check:hover{border-color:var(--color-accent)}.ui-check:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ui-check input{accent-color:var(--color-accent);margin:0}.ui-callout{display:block;border:1px solid var(--color-warn-border);border-radius:var(--ui-radius-md);background:var(--color-warn-soft);color:var(--color-warn-text);margin:22px 0;padding:var(--ui-space-4) var(--ui-space-5)}.ui-callout>:first-child{margin-top:0}.ui-callout>:last-child{margin-bottom:0}.ui-callout p{color:var(--color-warn-text);font-size:.9063rem;line-height:1.6;margin-bottom:0}.ui-callout__title{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}.ui-callout--muted{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-muted)}.ui-callout--muted p{color:var(--color-muted)}.ui-code-block{overflow-x:auto;border:0;border-radius:var(--ui-radius-md);background:var(--color-code-block-bg);box-shadow:var(--shadow-sm);color:var(--color-code-block-text);font-family:var(--font-mono);font-size:var(--ui-text-base);line-height:1.65;margin:18px 0 22px;padding:18px 20px;white-space:pre}.ui-code{border:1px solid var(--color-border);border-radius:var(--ui-radius-xs);background:var(--color-code-inline-bg);color:var(--color-code-inline-text);font-family:var(--font-mono);font-size:.88em;padding:2px 7px;white-space:nowrap}.ui-table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);margin:22px 0;-webkit-overflow-scrolling:touch}.ui-table-scroll:focus-visible{outline:var(--ui-ring);outline-offset:3px}.ui-table{width:100%;border-collapse:collapse;margin:0;color:var(--color-text);font-size:var(--ui-text-md);line-height:var(--ui-leading-normal);text-align:left}.ui-table th,.ui-table td{border-bottom:1px solid var(--color-border);padding:13px 16px;vertical-align:top}.ui-table th+th,.ui-table td+td{border-left:1px solid var(--color-border)}.ui-table th{background:var(--color-surface-soft);color:var(--color-text);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold);line-height:var(--ui-leading-snug)}.ui-table tbody tr:last-child td{border-bottom:0}.ui-prose .ui-table-scroll,.ui-prose .lesson-table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);margin:22px 0}.ui-prose table{width:100%;border-collapse:collapse;margin:0;color:var(--color-text);font-size:var(--ui-text-md);line-height:var(--ui-leading-normal);text-align:left}.ui-prose th,.ui-prose td{border-bottom:1px solid var(--color-border);padding:13px 16px;vertical-align:top}.ui-prose th+th,.ui-prose td+td{border-left:1px solid var(--color-border)}.ui-prose th{background:var(--color-surface-soft);color:var(--color-text);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold);line-height:var(--ui-leading-snug)}.ui-prose tbody tr:last-child td{border-bottom:0}@media(max-width:760px){.ui-table th,.ui-table td,.ui-prose th,.ui-prose td{padding:10px 12px}}.ui-app{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--ui-radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);margin-bottom:var(--ui-space-12)}.ui-app__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:14px 18px}.ui-app__title{display:flex;align-items:center;gap:10px;color:var(--color-text);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-semibold)}.ui-app__dot{width:8px;height:8px;border-radius:var(--ui-radius-pill);background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent)}.ui-app__status{display:flex;min-width:0;align-items:center;gap:10px;color:var(--color-subtle);font-size:var(--ui-text-xs)}.ui-app__status .ui-app__sep,.ui-app__sep{color:var(--color-border-strong)}.ui-app__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ui-space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-soft);padding:var(--ui-space-3) 18px}.ui-app__tools{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2)}.ui-app__divider{flex:none;width:1px;height:20px;background:var(--color-border);margin:0 var(--ui-space-1)}.ui-app__body{padding:var(--ui-space-5) 18px}.ui-tabs{display:flex;align-items:center;gap:var(--ui-space-1)}.ui-tab{border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--ui-text-xs);padding:6px 12px;transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-tab:hover{background:var(--color-hover);color:var(--color-text)}.ui-tab.is-active,.ui-tab[aria-selected=true]{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:var(--ui-weight-semibold)}.ui-segmented{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface-soft);padding:2px}.ui-segmented button{border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;font-size:var(--ui-text-xs);padding:5px 10px;transition:background-color var(--ui-transition),color var(--ui-transition)}.ui-segmented button:hover{color:var(--color-text)}.ui-segmented button.is-active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:var(--ui-weight-medium)}.ui-faq{display:flex;flex-direction:column;gap:var(--ui-space-2)}.ui-faq details{border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);padding:14px 18px}.ui-faq summary{color:var(--color-text);cursor:pointer;font-size:var(--ui-text-base);font-weight:var(--ui-weight-medium);list-style:none}.ui-faq summary::-webkit-details-marker{display:none}.ui-faq summary:after{float:right;color:var(--color-subtle);content:"+";font-family:var(--font-mono)}.ui-faq details[open] summary:after{content:"−"}.ui-faq details[open] summary{color:var(--color-accent)}.ui-faq p{margin:10px 0 0;color:var(--color-muted);font-size:var(--ui-text-base);line-height:1.6}.ui-toast-wrap{position:fixed;z-index:var(--ui-z-toast);right:var(--ui-space-5);bottom:var(--ui-space-5);display:flex;flex-direction:column;gap:var(--ui-space-2)}.ui-toast{border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--ui-text-base);padding:10px 16px}@media(max-width:760px){.ui-app__head,.ui-app__toolbar,.ui-app__body{padding-inline:var(--ui-space-3)}.ui-app__status{display:none}}.ui-json-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ui-space-4)}.ui-json-pane{display:flex;min-width:0;min-height:560px;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-code-block-bg);box-shadow:var(--shadow-sm);transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-json-pane:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.ui-json-pane.is-invalid{border-color:#b94431}.ui-json-pane__head,.ui-json-pane__footer{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--ui-space-3);background:color-mix(in srgb,var(--color-code-block-bg) 90%,#fff 10%);color:var(--color-code-block-text);padding:var(--ui-space-2) var(--ui-space-3)}.ui-json-pane__head{border-bottom:1px solid color-mix(in srgb,var(--color-code-block-text) 16%,transparent)}.ui-json-pane__footer{border-top:1px solid color-mix(in srgb,var(--color-code-block-text) 16%,transparent)}.ui-json-pane__title,.ui-json-pane__meta{font-family:var(--font-mono);font-size:var(--ui-text-xs);line-height:var(--ui-leading-snug)}.ui-json-pane__title{color:var(--color-code-block-text);font-weight:var(--ui-weight-semibold)}.ui-json-pane__meta{color:color-mix(in srgb,var(--color-code-block-text) 58%,transparent);text-align:right}.ui-json-editor{display:block;width:100%;min-height:320px;flex:1 1 auto;border:0;border-radius:0;outline:0;background:var(--color-code-block-bg);color:var(--color-code-block-text);font-family:var(--font-mono);font-size:var(--ui-text-base);line-height:1.65;padding:var(--ui-space-4);resize:vertical;tab-size:2}.ui-json-editor-wrap{position:relative;min-height:320px;flex:1 1 auto;overflow:hidden;background:var(--color-code-block-bg);resize:vertical}.ui-json-editor-wrap .ui-json-editor{position:relative;z-index:1;height:100%;min-height:100%;background:transparent;resize:none}.ui-json-highlight{position:absolute;inset:0;box-sizing:border-box;overflow:hidden;margin:0;background:var(--color-code-block-bg);color:var(--color-code-block-text);font-family:var(--font-mono);font-size:var(--ui-text-base);line-height:1.65;padding:var(--ui-space-4);pointer-events:none;tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.ui-json-highlight__error{border-radius:2px;background:color-mix(in srgb,#d76b58 38%,transparent);color:#fff8f3;text-decoration:underline 2px #f3aa99;text-decoration-skip-ink:none}.ui-json-highlight__error[data-empty=true]{display:inline-block;width:.5ch;text-decoration:none}.ui-json-editor-wrap.is-highlighted .ui-json-editor{color:transparent;caret-color:var(--color-code-block-text);-webkit-text-fill-color:transparent}.ui-json-editor-wrap.is-highlighted .ui-json-editor::selection{background:color-mix(in srgb,#d76b58 38%,transparent);color:transparent}.ui-json-editor::placeholder{color:color-mix(in srgb,var(--color-code-block-text) 42%,transparent)}.ui-json-editor:focus{border:0;box-shadow:none}.ui-json-editor[readonly]{cursor:default}.ui-json-pane .ui-json-editor[hidden],.ui-json-pane .ui-json-error[hidden],.ui-json-pane .ui-json-actions[hidden]{display:none}.ui-json-error{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;overflow:hidden;background:var(--color-code-block-bg);color:var(--color-code-block-text);padding:var(--ui-space-6)}.ui-json-error__eyebrow{color:#f3aa99;font-family:var(--font-mono);font-size:var(--ui-text-2xs);font-weight:var(--ui-weight-semibold);letter-spacing:var(--ui-tracking-eyebrow);line-height:1.2;text-transform:uppercase}.ui-json-error__title{margin-top:var(--ui-space-2);color:color-mix(in srgb,var(--color-code-block-text) 72%,transparent);font-family:var(--font-mono);font-size:var(--ui-text-sm);line-height:var(--ui-leading-normal)}.ui-json-error__location{appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}.ui-json-error__location:hover,.ui-json-error__location.is-active{color:#fff8f3;text-decoration:underline 1px currentcolor;text-underline-offset:3px}.ui-json-error__location:focus-visible{outline:2px solid #f3aa99;outline-offset:3px}.ui-json-error__location:disabled{cursor:default;text-decoration:none}.ui-json-error__title.ui-json-error__location{color:color-mix(in srgb,var(--color-code-block-text) 72%,transparent);font-family:var(--font-mono);font-size:var(--ui-text-sm);font-weight:400;line-height:var(--ui-leading-normal)}.ui-json-error__locations{display:grid;min-height:0;flex:1 1 auto;gap:var(--ui-space-1);width:100%;overflow-y:auto;margin:var(--ui-space-2) 0 0;padding:0;color:color-mix(in srgb,var(--color-code-block-text) 72%,transparent);font-family:var(--font-mono);font-size:var(--ui-text-sm);line-height:var(--ui-leading-normal);list-style:none}.ui-json-error__locations[hidden]{display:none}.ui-json-pane .ui-btn--ghost{color:var(--color-code-block-text)}.ui-json-pane .ui-btn--ghost:hover{border-color:color-mix(in srgb,var(--color-code-block-text) 24%,transparent);background:color-mix(in srgb,var(--color-code-block-text) 10%,transparent);color:var(--color-code-block-text)}.ui-json-status{display:inline-flex;min-width:0;align-items:center;gap:var(--ui-space-2);color:color-mix(in srgb,var(--color-code-block-text) 72%,transparent);font-size:var(--ui-text-sm);line-height:var(--ui-leading-snug)}.ui-json-status__dot{width:8px;height:8px;flex:none;border-radius:var(--ui-radius-pill);background:var(--color-subtle)}.ui-json-status[data-state=valid] .ui-json-status__dot{background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent)}.ui-json-status[data-state=error]{color:#f3aa99}.ui-json-status[data-state=error] .ui-json-status__dot{background:#d76b58}.ui-json-feedback.is-confirmed,.ui-json-feedback.is-confirmed:hover{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--ui-color-on-accent);animation:ui-json-action-success 2.2s ease-out}@keyframes ui-json-action-success{0%,12%{transform:translateY(-1px) scale(1.03)}28%,to{transform:translateY(0) scale(1)}}.ui-json-controls{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-3)}.ui-json-select{width:auto;min-width:148px}.ui-json-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2)}.ui-json-actions--end{justify-content:flex-end}.ui-json-seo{width:min(100%,var(--ui-content-width))}.ui-json-seo .ui-eyebrow{margin-bottom:var(--ui-space-3)}.ui-json-seo__eyebrow{font-size:var(--ui-text-xs)}.ui-json-seo .ui-faq{margin-top:var(--ui-space-5)}@media(max-width:900px){.ui-json-workspace{grid-template-columns:1fr}.ui-json-pane{min-height:480px}}@media(max-width:760px){.ui-json-pane{min-height:400px}.ui-json-editor{min-height:280px;font-size:var(--ui-text-sm);padding:var(--ui-space-3)}.ui-json-highlight{font-size:var(--ui-text-sm);padding:var(--ui-space-3)}.ui-json-editor-wrap{min-height:280px}.ui-json-pane__head,.ui-json-pane__footer{padding-inline:var(--ui-space-3)}.ui-json-pane__footer{flex-wrap:wrap}.ui-json-pane__footer .ui-json-actions{width:100%;justify-content:flex-end}.ui-json-error{padding:var(--ui-space-4)}.ui-json-pane__meta{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-json-controls{width:100%}.ui-json-select{flex:1 1 160px}}@media(prefers-reduced-motion:reduce){.ui-json-feedback.is-confirmed,.ui-json-feedback.is-confirmed:hover{animation:none}}.ui-gradient .ui-app__body{padding:0}.ui-gradient__head-divider{margin-bottom:var(--ui-space-4)}.ui-gradient__types button{min-width:112px}.ui-gradient__workspace{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);min-height:680px}.ui-gradient__controls{border-right:1px solid var(--color-border);background:var(--color-surface)}.ui-gradient__control-section{padding:var(--ui-space-6)}.ui-gradient__control-section+.ui-gradient__control-section{border-top:1px solid var(--color-border)}.ui-gradient__section-head,.ui-gradient__field-head,.ui-gradient__preview-head,.ui-gradient__code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4)}.ui-gradient__section-head{align-items:flex-start;margin-bottom:var(--ui-space-5)}.ui-gradient__section-head h2,.ui-gradient__preview-head h2,.ui-gradient__code-head h2{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--ui-text-base);font-weight:var(--ui-weight-semibold);line-height:var(--ui-leading-snug)}.ui-gradient__section-index,.ui-gradient__section-note,.ui-gradient__code-type{color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--ui-text-2xs);line-height:var(--ui-leading-snug)}.ui-gradient__section-index{letter-spacing:var(--ui-tracking-meta)}.ui-gradient__section-note{display:block;margin-top:var(--ui-space-1)}.ui-gradient__title-row{display:flex;align-items:center;gap:var(--ui-space-2)}.ui-gradient__help{position:relative;display:inline-flex}.ui-gradient__help-button{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:var(--ui-radius-pill);background:var(--color-surface-soft);color:var(--color-muted);cursor:help;font-family:var(--font-mono);font-size:11px;font-weight:var(--ui-weight-bold);line-height:1;padding:0;transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-gradient__help-button:hover,.ui-gradient__help-button:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ui-gradient__tooltip{position:absolute;z-index:10;top:calc(100% + 9px);left:50%;width:max-content;max-width:min(270px,calc(100vw - 32px));border-radius:var(--ui-radius-sm);background:var(--color-text);box-shadow:var(--shadow-md);color:var(--color-surface);font-family:var(--font-sans);font-size:var(--ui-text-xs);font-weight:400;line-height:var(--ui-leading-snug);opacity:0;padding:var(--ui-space-2) var(--ui-space-3);pointer-events:none;transform:translate(-50%,-4px);transition:opacity var(--ui-transition),transform var(--ui-transition),visibility var(--ui-transition);visibility:hidden}.ui-gradient__tooltip:before{position:absolute;bottom:100%;left:50%;width:8px;height:8px;background:var(--color-text);content:"";transform:translate(-50%,50%) rotate(45deg)}.ui-gradient__help:hover .ui-gradient__tooltip,.ui-gradient__help:focus-within .ui-gradient__tooltip{opacity:1;transform:translate(-50%);visibility:visible}.ui-gradient__angle-control,.ui-gradient__center-controls{display:grid;gap:var(--ui-space-4)}.ui-gradient__center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-3)}.ui-gradient__number-wrap{position:relative;display:inline-flex;width:94px;align-items:center}.ui-gradient__number-wrap>span{position:absolute;right:12px;color:var(--color-subtle);font-family:var(--font-mono);font-size:var(--ui-text-xs);pointer-events:none}.ui-gradient__number{min-width:0;font-family:var(--font-mono);padding-right:30px}.ui-gradient__range{width:100%;height:20px;margin:0;accent-color:var(--color-accent);cursor:pointer}.ui-gradient__range::-webkit-slider-runnable-track{height:5px;border-radius:var(--ui-radius-pill);background:var(--color-border)}.ui-gradient__range::-webkit-slider-thumb{width:17px;height:17px;border:3px solid var(--color-surface);border-radius:var(--ui-radius-pill);appearance:none;background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-sm);margin-top:-6px}.ui-gradient__range::-moz-range-track{height:5px;border:0;border-radius:var(--ui-radius-pill);background:var(--color-border)}.ui-gradient__range::-moz-range-thumb{width:13px;height:13px;border:3px solid var(--color-surface);border-radius:var(--ui-radius-pill);background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-sm)}.ui-gradient__directions{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--ui-space-1)}.ui-gradient__directions button{display:inline-flex;min-width:0;height:34px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--ui-radius-sm);background:var(--color-surface-soft);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-text-sm);transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-gradient__directions button:hover,.ui-gradient__directions button.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ui-gradient__stop-track{position:relative;height:34px;margin:var(--ui-space-2) 9px var(--ui-space-5)}.ui-gradient__stop-track-fill{position:absolute;top:12px;right:0;left:0;height:10px;border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:var(--ui-radius-pill);background:linear-gradient(90deg,#0a7d6b,#5bc0be 48%,#f2c879);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-surface) 28%,transparent)}.ui-gradient__stop-marker{position:absolute;z-index:1;top:7px;left:var(--ui-stop-position);width:20px;height:20px;border:3px solid var(--color-surface);border-radius:var(--ui-radius-pill);background:var(--ui-stop-color);box-shadow:0 0 0 1px var(--color-border-strong),var(--shadow-sm);cursor:ew-resize;padding:0;transform:translate(-50%);transition:box-shadow var(--ui-transition),transform var(--ui-transition)}.ui-gradient__stop-marker:hover,.ui-gradient__stop-marker:focus-visible{box-shadow:0 0 0 2px var(--color-accent),var(--shadow-md);transform:translate(-50%) scale(1.08)}.ui-gradient__stop-list{display:grid;gap:var(--ui-space-2);margin-bottom:var(--ui-space-4)}.ui-gradient__stop{display:grid;grid-template-columns:26px 40px minmax(102px,.8fr) minmax(82px,1.15fr) 84px 34px;align-items:center;gap:var(--ui-space-2)}.ui-gradient__reorder{display:grid;gap:2px}.ui-gradient__reorder button{display:inline-flex;width:26px;height:19px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--ui-radius-xs);background:var(--color-surface-soft);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--ui-text-2xs);line-height:1;padding:0;transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-gradient__reorder button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ui-gradient__reorder button:disabled{color:var(--color-border-strong);cursor:not-allowed;opacity:.55}.ui-gradient__color-picker{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface-soft);cursor:pointer;padding:3px}.ui-gradient__color-picker::-webkit-color-swatch-wrapper{padding:0}.ui-gradient__color-picker::-webkit-color-swatch{border:0;border-radius:var(--ui-radius-sm)}.ui-gradient__color-picker::-moz-color-swatch{border:0;border-radius:var(--ui-radius-sm)}.ui-gradient__hex{min-width:0;font-family:var(--font-mono);font-size:var(--ui-text-sm);text-transform:uppercase}.ui-gradient__position{min-width:0}.ui-gradient__stop-number-wrap{width:84px}.ui-gradient__stop-number-wrap .ui-gradient__number{padding-inline:10px 25px}.ui-gradient__remove{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--ui-radius-sm);background:transparent;color:var(--color-subtle);padding:0;transition:border-color var(--ui-transition),background-color var(--ui-transition),color var(--ui-transition)}.ui-gradient__remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.75}.ui-gradient__remove:hover:not(:disabled){border-color:var(--color-warn-border);background:var(--color-warn-soft);color:var(--color-warn-text)}.ui-gradient__remove:disabled{opacity:.35;cursor:not-allowed}.ui-gradient__result{display:flex;min-width:0;flex-direction:column;gap:var(--ui-space-5);background:var(--color-surface-soft);padding:var(--ui-space-6)}.ui-gradient__preview-panel,.ui-gradient__code-panel,.ui-gradient__presets{border:1px solid var(--color-border);border-radius:var(--ui-radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--ui-space-4)}.ui-gradient__preview-head{margin-bottom:var(--ui-space-3)}.ui-gradient__checkerboard{overflow:hidden;border-radius:var(--ui-radius-md);background-color:var(--color-surface-soft);background-image:linear-gradient(45deg,var(--color-border) 25%,transparent 25%),linear-gradient(-45deg,var(--color-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border) 75%),linear-gradient(-45deg,transparent 75%,var(--color-border) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.ui-gradient__preview{position:relative;isolation:isolate;display:flex;overflow:hidden;aspect-ratio:16 / 9;align-items:flex-end;background-image:linear-gradient(135deg,#0a7d6b,#5bc0be 48%,#f2c879);padding:clamp(var(--ui-space-5),4vw,var(--ui-space-10))}.ui-gradient__preview:after{position:absolute;z-index:-1;inset:38% 0 0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.32));content:"";pointer-events:none}.ui-gradient__preview-content{display:grid;gap:var(--ui-space-1);max-width:560px;color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.35)}.ui-gradient__preview-content span{font-family:var(--font-mono);font-size:var(--ui-text-xs);letter-spacing:var(--ui-tracking-eyebrow);text-transform:uppercase}.ui-gradient__preview-content strong{font-family:var(--font-serif);font-size:clamp(var(--ui-text-xl),3vw,var(--ui-text-h1));font-weight:var(--ui-weight-semibold);line-height:var(--ui-leading-tight)}.ui-gradient__code-panel{padding:var(--ui-space-5)}.ui-gradient__code-head{align-items:flex-end;margin-bottom:var(--ui-space-3)}.ui-gradient__code-head .ui-eyebrow{display:block;margin-bottom:var(--ui-space-1)}.ui-gradient__code{min-height:92px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ui-gradient__code code{font-size:var(--ui-text-sm)}.ui-gradient__actions{display:flex;flex-wrap:wrap;gap:var(--ui-space-2);margin-top:var(--ui-space-3)}.ui-gradient__presets .ui-gradient__section-head{margin-bottom:var(--ui-space-3)}.ui-gradient__preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-2)}.ui-gradient__preset{min-width:0;border:1px solid var(--color-border);border-radius:var(--ui-radius-md);background:var(--color-surface);color:var(--color-muted);padding:var(--ui-space-1);text-align:left;transition:border-color var(--ui-transition),box-shadow var(--ui-transition),color var(--ui-transition),transform var(--ui-transition-slow)}.ui-gradient__preset>span{display:block;height:52px;border-radius:var(--ui-radius-sm);background-image:var(--ui-gradient-swatch)}.ui-gradient__preset small{display:block;overflow:hidden;padding:6px 5px 2px;font-size:var(--ui-text-2xs);text-overflow:ellipsis;white-space:nowrap}.ui-gradient__preset:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-accent);transform:translateY(-2px)}.ui-gradient__copy{width:min(100%,var(--ui-content-width));margin-inline:auto}.ui-gradient__faq{margin-top:var(--ui-space-6)}.ui-gradient [hidden]{display:none!important}@media(max-width:1120px){.ui-gradient__workspace{grid-template-columns:1fr}.ui-gradient__controls{border-right:0;border-bottom:1px solid var(--color-border)}.ui-gradient__controls{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.ui-gradient__control-section+.ui-gradient__control-section{border-top:0;border-left:1px solid var(--color-border)}}@media(max-width:820px){.ui-gradient__types{width:100%}.ui-gradient__types button{min-width:0;flex:1}.ui-gradient__controls{display:block}.ui-gradient__control-section+.ui-gradient__control-section{border-top:1px solid var(--color-border);border-left:0}}@media(max-width:600px){.ui-gradient__control-section,.ui-gradient__result{padding:var(--ui-space-4)}.ui-gradient__directions{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-gradient__stop{grid-template-columns:26px 40px minmax(0,1fr) 84px 34px}.ui-gradient__stop .ui-gradient__position{grid-column:1 / -1;grid-row:2}.ui-gradient__preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-gradient__preview-content strong{font-size:var(--ui-text-xl)}.ui-gradient__actions .ui-btn{width:100%}}