.ds-section{max-width:calc(var(--content-wide) + 2 * var(--page-x));padding:40px var(--page-x);border-top:1px solid var(--color-border);margin:0 auto}.ds-section--hero{padding:56px var(--page-x) 40px;border-top:none;flex-direction:column;gap:12px;display:flex}.ds-section--last{padding-bottom:96px}.ds-section>h2{font:var(--fw-semibold) var(--fs-display) / var(--lh-display) var(--font-sans);letter-spacing:-.025em;margin:0 0 24px}.ds-hero__title{font:var(--fw-bold) var(--fs-display-xl) / var(--lh-display-xl) var(--font-sans);letter-spacing:-.03em;margin:0}.ds-hero__desc{font:var(--fw-normal) var(--fs-body-lg) / var(--lh-body) var(--font-sans);color:var(--color-text-muted);max-width:620px;margin:0}.ds-pill{border-radius:var(--radius-pill);background:var(--color-light-lavender);border:1px solid var(--color-border);font:var(--fw-semibold) var(--fs-small) var(--font-sans);color:var(--color-primary-text);align-self:flex-start;padding:7px 16px}.ds-colors{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:640px){.ds-colors{grid-template-columns:repeat(3,1fr)}}@media (min-width:960px){.ds-colors{grid-template-columns:repeat(5,1fr)}}.ds-color{flex-direction:column;gap:8px;display:flex}.ds-color__swatch{border:1px solid var(--color-border);border-radius:16px;height:80px}.ds-color__meta{flex-direction:column;gap:1px;display:flex}.ds-color__name{font:var(--fw-semibold) var(--fs-small) var(--font-sans)}.ds-color__hex{font:var(--fw-normal) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted)}.ds-color__token{font:var(--fw-normal) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-primary-text);word-break:break-all}.ds-color__contrast{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.ds-color__ratio{font:var(--fw-medium) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted)}.ds-badge-wcag{border-radius:var(--radius-pill);font:var(--fw-semibold) var(--fs-caption) / var(--lh-caption) var(--font-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:2px 8px}.ds-badge-wcag--aaa{background:var(--color-success-soft);color:var(--color-success)}.ds-badge-wcag--aa{background:var(--color-light-lavender);color:var(--color-primary-text)}.ds-badge-wcag--aa-large{background:var(--color-warning-soft);color:var(--color-warning-text)}.ds-badge-wcag--fail{background:var(--color-risk-soft);color:var(--color-risk)}.ds-type{flex-direction:column;gap:18px;display:flex}.ds-type__row{border-bottom:1px solid var(--color-light-lavender);grid-template-columns:1fr;align-items:baseline;gap:8px;padding-bottom:14px;display:grid}@media (min-width:640px){.ds-type__row{grid-template-columns:140px 1fr;gap:24px}}.ds-type__row:last-child{border-bottom:none;padding-bottom:0}.ds-type__spec{font:var(--fw-medium) var(--fs-small) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted);flex-direction:column;gap:2px;display:flex}.ds-type__token{font:var(--fw-semibold) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-primary-text)}.ds-type__size{font:var(--fw-semibold) var(--fs-caption) / var(--lh-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text)}.ds-type__value{font:var(--fw-normal) var(--fs-caption) / var(--lh-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted);word-break:break-word}.ds-type__display-xl{font:var(--fw-extrabold) var(--fs-display-xl) / var(--lh-display-xl) var(--font-sans);letter-spacing:-.03em}.ds-type__display{font:var(--fw-extrabold) var(--fs-display) / var(--lh-display) var(--font-sans);letter-spacing:-.025em}.ds-type__h1{font:var(--fw-bold) var(--fs-h1) / var(--lh-tight) var(--font-sans);letter-spacing:-.02em}.ds-type__h2{font:var(--fw-bold) var(--fs-h2) / var(--lh-h2) var(--font-sans);letter-spacing:-.02em}.ds-type__h3{font:var(--fw-semibold) var(--fs-h3) / var(--lh-heading) var(--font-sans);letter-spacing:-.01em}.ds-type__h4{font:var(--fw-semibold) var(--fs-h4) / var(--lh-h4) var(--font-sans)}.ds-type__h5{font:var(--fw-semibold) var(--fs-h5) / var(--lh-h5) var(--font-sans)}.ds-type__h6{font:var(--fw-bold) var(--fs-h6) var(--font-sans);text-transform:uppercase;letter-spacing:2px;color:var(--color-primary-text)}.ds-type__body-lg{font:var(--fw-normal) var(--fs-body-lg) / var(--lh-body) var(--font-sans);max-width:560px}.ds-type__body{font:var(--fw-normal) var(--fs-body) / var(--lh-body) var(--font-sans);color:var(--color-text-muted);max-width:560px}.ds-type__small{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted)}.ds-type__caption{font:var(--fw-medium) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:var(--color-text-muted)}.ds-type__button-lg{font:var(--fw-bold) var(--fs-button-lg) var(--font-sans);color:var(--color-primary-text)}.ds-type__button{font:var(--fw-bold) var(--fs-button) var(--font-sans);color:var(--color-primary-text)}.ds-subheading{font:var(--fw-medium) var(--fs-h3) / var(--lh-heading) var(--font-sans);letter-spacing:-.02em;margin:36px 0 16px}.ds-table-wrap{overflow-x:auto}.ds-table{background:var(--color-border);border:1px solid var(--color-border);font:var(--fw-medium) var(--fs-small) var(--font-sans);border-radius:16px;grid-template-columns:repeat(6,1fr);gap:1px;min-width:720px;display:grid;overflow:hidden}.ds-table--four{grid-template-columns:repeat(4,1fr);min-width:560px}.ds-table--seven{grid-template-columns:.7fr 1.1fr 1.1fr .6fr .7fr .7fr 1.1fr;min-width:1040px}.ds-table__cell{background:var(--color-surface);color:var(--color-text-muted);padding:12px 14px}.ds-table__cell--head{background:var(--color-light-lavender);font:var(--fw-semibold) var(--fs-caption) var(--font-sans);color:var(--color-primary-text)}.ds-table__cell--style{color:var(--color-text)}.ds-note{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);max-width:720px;margin:16px 0 0}.ds-note--lead{max-width:760px;margin:-8px 0 24px}.ds-note strong{color:var(--color-primary-text);font-weight:var(--fw-semibold)}.ds-facts{grid-template-columns:1fr;gap:16px;margin-bottom:28px;display:grid}@media (min-width:720px){.ds-facts{grid-template-columns:repeat(3,1fr)}}.ds-fact{background:var(--color-light-lavender);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:6px;padding:20px;display:flex}.ds-fact__label{font:var(--fw-semibold) var(--fs-caption) var(--font-sans);color:var(--color-primary-text);text-transform:uppercase;letter-spacing:.06em}.ds-fact__value{font:var(--fw-semibold) var(--fs-body) var(--font-sans);color:var(--color-text)}.ds-icons{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:24px;padding:24px;display:flex}.ds-icons__item{flex-direction:column;align-items:center;gap:8px;display:flex}.ds-icons__name{font:var(--fw-normal) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted)}.ds-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ds-cards{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:860px){.ds-cards{grid-template-columns:repeat(3,1fr)}}.ds-cards--two{margin-top:20px}@media (min-width:860px){.ds-cards--two{grid-template-columns:1fr 1fr}}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;gap:12px;padding:26px;display:flex}.ds-card__kicker{font:var(--fw-semibold) var(--fs-caption) var(--font-sans);color:var(--color-primary-text);text-transform:uppercase;letter-spacing:.06em}.ds-card__title{font:var(--fw-semibold) var(--fs-h3) / var(--lh-heading) var(--font-sans);letter-spacing:-.02em;margin:0}.ds-card__text{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);margin:0}.ds-card__link{font:var(--fw-semibold) var(--fs-small) var(--font-sans);color:var(--color-primary-text);text-decoration:none}.ds-card--dark{background:var(--color-footer);border:none;justify-content:center;gap:8px}.ds-card--dark .ds-card__kicker{color:var(--color-accent-lavender)}.ds-card__metric{font:var(--fw-bold) var(--fs-h1) / var(--lh-tight) var(--font-sans);color:var(--color-surface)}.ds-card__metric-label{font:var(--fw-normal) var(--fs-small) var(--font-sans);color:color-mix(in srgb, var(--color-surface) 65%, transparent)}.ds-card--muted{background:var(--color-light-lavender);gap:10px}.ds-score{align-items:baseline;gap:6px;display:flex}.ds-score__value{font:var(--fw-bold) var(--fs-h1) / var(--lh-tight) var(--font-sans);color:var(--color-primary)}.ds-score__max{font:var(--fw-medium) var(--fs-small) var(--font-sans);color:var(--color-text-muted)}.ds-score__badge{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font:var(--fw-semibold) var(--fs-caption) var(--font-sans);color:var(--color-primary-text);align-self:flex-start;padding:5px 14px}.ds-progress{border-radius:var(--radius-pill);background:var(--color-soft-lavender);height:8px;overflow:hidden}.ds-progress__fill{background:var(--gradient-brand);height:100%}.ds-card--compact{border-radius:var(--radius-lg);padding:24px}.ds-progress-meta{font:var(--fw-medium) var(--fs-small) var(--font-sans);color:var(--color-text-muted);justify-content:space-between;display:flex}.ds-card--faq{border-radius:var(--radius-lg);gap:0;padding:6px 8px}.ds-faq__head{padding:14px 16px 8px}.ds-faq__toggle{cursor:pointer;width:100%;font:var(--fw-semibold) var(--fs-body) var(--font-sans);color:var(--color-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ds-faq__sign{color:var(--color-primary-text);font-size:var(--fs-h4);flex:none}.ds-faq__body{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);margin:0;padding:0 16px 14px}.ds-radius-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.ds-radius-grid--two{grid-template-columns:1fr 1fr;margin-bottom:0}.ds-radius{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.ds-radius__box{background:var(--color-primary);width:64px;height:64px}.ds-radius__box--pill{border-radius:var(--radius-pill);width:120px;height:48px}.ds-radius__box--circle{border-radius:50%;width:48px;height:48px}.ds-radius__value{font:var(--fw-semibold) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text)}.ds-radius__use{font:var(--fw-normal) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:var(--color-text-muted)}@media (max-width:720px){.ds-radius-grid{grid-template-columns:1fr 1fr}}.ds-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}@media (max-width:720px){.ds-form-grid{grid-template-columns:1fr}}.ds-field{flex-direction:column;gap:6px;display:flex}.ds-field__label{font:var(--fw-semibold) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text)}.ds-field__label--muted{color:var(--color-text-muted)}.ds-field__error{font:var(--fw-medium) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:var(--color-risk)}.ds-input--focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ds-input--error{border-color:var(--color-risk);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-risk) 12%, transparent)}.ds-field .input:disabled{background:var(--color-light-lavender);color:var(--color-text-muted)}.ds-textarea{resize:vertical;height:auto;min-height:48px;font-family:var(--font-sans);padding:12px 16px}.ds-checks{flex-direction:column;gap:12px;max-width:520px;display:flex}.ds-check{cursor:pointer;font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);align-items:flex-start;gap:10px;display:flex}.ds-check input{width:18px;height:18px;accent-color:var(--color-primary);flex:none;margin-top:1px}.ds-alerts{flex-direction:column;gap:12px;display:flex}.ds-alert{border-radius:16px;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.ds-alert__icon{width:22px;height:22px;font:var(--fw-bold) var(--fs-caption) / var(--lh-caption) var(--font-sans);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ds-alert__copy{flex-direction:column;gap:2px;display:flex}.ds-alert__title{font:var(--fw-semibold) var(--fs-h6) / 1.4 var(--font-sans)}.ds-alert__text{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted)}.ds-alert--success{background:color-mix(in srgb, var(--color-success) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 25%, transparent)}.ds-alert--success .ds-alert__icon,.ds-alert--success .ds-alert__title{color:var(--color-success)}.ds-alert--warning{background:color-mix(in srgb, var(--color-warning) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent)}.ds-alert--warning .ds-alert__icon,.ds-alert--warning .ds-alert__title{color:var(--color-warning-text)}.ds-alert--risk{background:color-mix(in srgb, var(--color-risk) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-risk) 28%, transparent)}.ds-alert--risk .ds-alert__icon,.ds-alert--risk .ds-alert__title{color:var(--color-risk)}.ds-alert--info{background:var(--color-light-lavender);border:1px solid var(--color-border)}.ds-alert--info .ds-alert__icon{color:var(--color-primary-text)}.ds-alert--info .ds-alert__title{color:var(--color-text)}.ds-modal{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0505058c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ds-modal__card{background:var(--color-surface);border-radius:var(--radius-xl);flex-direction:column;gap:18px;width:100%;max-width:440px;padding:32px;display:flex;box-shadow:0 40px 80px #12351a59}.ds-modal__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ds-modal__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-primary-text);font:var(--fw-bold) var(--fs-body-lg) / var(--lh-body) var(--font-sans);justify-content:center;align-items:center;display:flex}.ds-modal__close{cursor:pointer;font:var(--fw-normal) var(--fs-h4) / var(--lh-h4) var(--font-sans);color:var(--color-text-muted);background:0 0;border:none}.ds-modal__copy{flex-direction:column;gap:6px;display:flex}.ds-modal__copy h3{font:var(--fw-semibold) var(--fs-h4) / var(--lh-h4) var(--font-sans);letter-spacing:-.01em}.ds-modal__copy p{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);margin:0}.ds-modal__actions{justify-content:flex-end;gap:10px;display:flex}.ds-modal__danger{border-radius:var(--radius-pill);background:var(--color-risk);cursor:pointer;height:44px;font:var(--fw-semibold) var(--fs-h6) var(--font-sans);color:var(--color-surface);border:none;padding:0 20px}.ds-contact{flex-direction:column;gap:22px;display:flex}.ds-phone{max-width:400px}.ds-pills{flex-wrap:wrap;gap:8px;display:flex}.ds-pills__item{border:1px solid var(--color-border);background:var(--color-surface);height:38px;color:var(--color-text);font:var(--fw-semibold) var(--fs-small) var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:100px;padding:0 16px}.ds-pills__item.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.ds-contact__textarea{resize:vertical;max-width:520px;height:auto;min-height:110px;font-family:var(--font-sans);padding:14px 16px}.ds-condblock{border-radius:var(--radius-md);background:var(--color-light-lavender);border:1px solid var(--color-border);flex-direction:column;gap:12px;max-width:520px;padding:16px;display:flex}.ds-condblock__toggle{cursor:pointer;font:var(--fw-semibold) var(--fs-h6) var(--font-sans);color:var(--color-text);align-items:center;gap:10px;display:flex}.ds-condblock__toggle input{width:18px;height:18px;accent-color:var(--color-primary)}.ds-condblock__body{flex-direction:column;gap:8px;display:flex}.ds-condblock__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ds-condblock__hint{font:var(--fw-normal) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:var(--color-text-muted)}.ds-contact__submit{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-contact__hint{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted)}.ds-success{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;max-width:480px;box-shadow:var(--shadow-card-lg);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.ds-success__check{background:var(--color-success-soft);width:56px;height:56px;color:var(--color-success);font-size:var(--fs-h3);border-radius:50%;justify-content:center;align-items:center;display:flex}.ds-success__title{font:var(--fw-semibold) var(--fs-h3) / var(--lh-heading) var(--font-sans);letter-spacing:-.02em}.ds-success__text{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);margin:0}.ds-admin-link{margin-top:var(--space-1);align-self:flex-start}.ds-logo-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:720px){.ds-logo-grid{grid-template-columns:repeat(3,1fr)}}.ds-logo-box{justify-content:center;align-items:center;gap:var(--space-4);min-height:148px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.ds-logo-box--dark{background:var(--color-footer);border-color:var(--color-footer)}.ds-logo-box--brand{background:var(--color-light-lavender)}.ds-logo-box__label{font:var(--fw-medium) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:var(--color-text-muted)}.ds-logo-box--dark .ds-logo-box__label{color:var(--color-accent-lavender)}.ds-logo-img{max-width:100%;height:auto}.ds-logo-img--invert{filter:brightness(0)invert()}.ds-logo-img--mark{width:48px;height:48px}.ds-space{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow-x:auto}.ds-space__row{align-items:center;gap:var(--space-3);grid-template-columns:96px 1fr 64px;display:grid}.ds-space__token{font:var(--fw-semibold) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-primary-text)}.ds-space__track{min-width:0;display:block}.ds-space__bar{border-radius:var(--radius-sm);background:var(--gradient-brand);max-width:100%;height:14px;display:block}.ds-space__value{font:var(--fw-medium) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted);text-align:right}.ds-grid-demo{gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(12,1fr);display:grid}.ds-grid-demo__col{border-radius:var(--radius-sm);background:var(--color-light-lavender);border:1px solid var(--color-border);height:56px;display:block}.ds-nav-demo{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.ds-nav-demo__logo{flex:none;width:auto;height:17.5px}.ds-nav-demo__links{align-items:center;gap:var(--space-5);flex-wrap:wrap;flex:1;min-width:0;display:flex}.ds-nav-demo__link{font:var(--fw-medium) var(--fs-small) var(--font-sans);color:var(--color-text-muted);white-space:nowrap}.ds-nav-demo__link.is-active{color:var(--color-primary-text);font-weight:var(--fw-semibold,600)}.ds-nav-demo__cta{padding:10px var(--space-5);border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--color-surface);font:var(--fw-semibold) var(--fs-small) var(--font-sans);white-space:nowrap;flex:none}.ds-crumbs{align-items:center;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.ds-crumb{font:var(--fw-medium) var(--fs-small) var(--font-sans);color:var(--color-text-muted)}.ds-crumb.is-current{color:var(--color-text)}.ds-crumb__sep{font:var(--fw-normal) var(--fs-small) var(--font-sans);color:var(--color-soft-lavender)}.ds-tab{padding:8px var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font:var(--fw-semibold) var(--fs-small) var(--font-sans);color:var(--color-text-muted)}.ds-tab.is-active{border-color:var(--color-primary);background:var(--color-light-lavender);color:var(--color-primary-text)}.ds-a11y{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:720px){.ds-a11y{grid-template-columns:repeat(2,1fr)}}.ds-a11y__item{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.ds-a11y__title{font:var(--fw-semibold) var(--fs-body) var(--font-sans);color:var(--color-text)}.ds-a11y__text{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted)}.ds-focus-demo{align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.ds-focus-sample{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.ds-focus-demo__hint{font:var(--fw-normal) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted)}.ds-do-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:720px){.ds-do-grid{grid-template-columns:repeat(2,1fr)}}.ds-do{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex}.ds-do--yes{background:var(--color-success-soft);border-color:var(--color-success)}.ds-do--no{background:var(--color-risk-soft);border-color:var(--color-risk)}.ds-do__head{font:var(--fw-semibold) var(--fs-h6) / 1.4 var(--font-sans);text-transform:uppercase;letter-spacing:.06em}.ds-do--yes .ds-do__head{color:var(--color-success)}.ds-do--no .ds-do__head{color:var(--color-risk)}.ds-do__list{padding-left:var(--space-5);gap:var(--space-2);font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);flex-direction:column;margin:0;display:flex}.ds-assets{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.ds-asset{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-items:center;gap:24px;padding:20px 24px;display:flex}.ds-asset__preview{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-light-lavender);flex:none;justify-content:center;align-items:center;width:570px;height:174px;padding:24px;display:flex;overflow:hidden}.ds-asset__preview[data-bg=dark]{background:var(--color-footer);border-color:var(--color-footer)}@media (max-width:1200px){.ds-asset__preview{width:420px;height:128px;padding:20px}}@media (max-width:900px){.ds-asset__preview{width:300px;height:106px;padding:16px}}@media (max-width:640px){.ds-asset{flex-direction:column;align-items:stretch;gap:14px}.ds-asset__preview{width:100%;height:180px}}.ds-asset__preview img{object-fit:contain;width:100%;height:100%}.ds-asset__type{font:var(--fw-bold) var(--fs-caption) var(--font-sans);color:var(--color-primary-text);letter-spacing:.04em}.ds-asset__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ds-asset__name{font:var(--fw-semibold) var(--fs-body-lg) var(--font-sans);color:var(--color-text)}.ds-asset__note{font:var(--fw-normal) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:var(--color-text-muted)}.ds-asset__spec{font:var(--fw-medium) var(--fs-caption) var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted)}.ds-asset__download{flex:none}
.ds-bar{z-index:5;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex;position:sticky;top:0}.ds-bar__top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-bar__theme{align-items:center;gap:var(--space-2);flex:240px;min-width:0;display:flex}.ds-bar__theme-name{font:var(--fw-bold) var(--fs-h5) / var(--lh-heading) var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-bar__meta{font:var(--fw-medium) var(--fs-small) / var(--lh-body) var(--font-sans);color:var(--color-text-muted)}.ds-bar__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ds-bar__actions form{display:contents}.ds-bar__group{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.ds-bar__select{font:var(--fw-medium) var(--fs-small) / var(--lh-body) var(--font-sans);color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-input);padding:var(--space-2) var(--space-3);max-width:100%}.ds-bar__select:focus-visible{border-color:var(--focus-color);box-shadow:var(--focus-ring);outline:none}.ds-bar .btn--danger,.ds-panel .btn--danger{background:var(--color-risk-soft);color:var(--color-risk);border:1px solid var(--color-risk)}.ds-bar .btn--danger:hover,.ds-panel .btn--danger:hover{background:var(--color-risk);color:var(--color-text-inverse)}.ds-panel{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface-muted)}.ds-panel>summary{cursor:pointer;font:var(--fw-semibold) var(--fs-small) / var(--lh-body) var(--font-sans);color:var(--color-primary);list-style:none}.ds-panel>summary::-webkit-details-marker{display:none}.ds-panel>summary:before{content:"+ "}.ds-panel[open]>summary:before{content:"− "}.ds-panel__body{align-items:flex-end;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.ds-panel__body .field{flex:220px;min-width:0}.ds-dirty{align-items:center;gap:var(--space-2);font:var(--fw-semibold) var(--fs-small) / 1 var(--font-sans);color:var(--color-warning-text);background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);display:inline-flex}.ds-dirty:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning)}.ds-cards{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.ds-cards--split{grid-template-columns:1fr 1fr}}.ds-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);gap:var(--space-4);flex-direction:column;display:flex}.ds-card__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-card__title{font:var(--fw-bold) var(--fs-h5) / var(--lh-heading) var(--font-sans);margin:0}.ds-card__hint{font:var(--fw-normal) var(--fs-small) / var(--lh-body) var(--font-sans);color:var(--color-text-muted);margin:0}.ds-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.ds-grid--2{grid-template-columns:1fr 1fr}}.ds-card__foot{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.ds-readonly{gap:var(--space-1);flex-direction:column;display:flex}.ds-readonly__label{font:var(--fw-medium) var(--fs-small) / var(--lh-body) var(--font-sans);color:var(--color-text-muted)}.ds-readonly__value{font:var(--fw-semibold) var(--fs-body) / var(--lh-body) var(--font-sans);color:var(--color-text);word-break:break-word}.ds-soon{opacity:.6}.ds-soon input,.ds-soon select{pointer-events:none}.ds-version-note{font:var(--fw-normal) var(--fs-small) / var(--lh-body) var(--font-sans);color:var(--color-text-muted);max-width:40ch}.ds-version-current{font:var(--fw-semibold) var(--fs-small) / 1 var(--font-sans);color:var(--color-success)}.logo-form{gap:var(--space-3);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:900px){.logo-form{grid-template-columns:1fr 1fr 1fr auto}}.logo-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.logo-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.logo-row__preview{border-radius:var(--radius-sm);background:var(--color-light-lavender);flex:none;justify-content:center;align-items:center;width:72px;height:48px;display:flex;overflow:hidden}.logo-row__preview img{object-fit:contain;max-width:100%;max-height:100%}.logo-row__badge{font:700 11px var(--font-sans);color:var(--color-primary)}.logo-row__main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.logo-row__edit{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:900px){.logo-row__edit{grid-template-columns:1fr 1.4fr auto auto;align-items:center}}.logo-row__meta{font:500 12px var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-text-muted);margin:0}.logo-row__actions{flex:none;gap:6px;display:flex}.logo-row__delete{color:var(--color-risk);border-color:var(--color-risk)}.logo-row__preview[data-bg=dark]{background:var(--color-footer)}
