.dp-hero .sc-hero__card-head{padding-bottom:.35rem;border-bottom:1px solid rgb(var(--color-accent) / .12)}.dp-hero .sc-hero__card-icon{background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.dp-hero .sc-hero__card-badge{background:rgb(var(--color-accent) / .1);color:rgb(var(--color-accent))}.dp-hero .sc-hero__preview-pill{background:rgb(var(--color-accent));color:#fff;box-shadow:0 4px 16px rgb(var(--color-accent) / .35)}.dp-hero .sc-hero__preview-canvas.sc-preview--dark .sc-hero__preview-pill{background:rgb(var(--color-accent));color:#fff}.dp-hero .sc-hero__preview-key{color:rgb(var(--color-accent-soft))}.dp-hero .sc-hero__picker-hex{color:rgb(var(--color-accent))}@media(min-width:768px){.dp-hero .sc-hero__sidebar{align-items:stretch;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:clamp(280px,48vh,520px)}.dp-hero .sc-hero__sidebar>.sc-hero__card{height:100%;min-height:0;overflow:hidden}}@media(min-width:1024px){.dp-hero .sc-hero__sidebar{min-height:0;height:100%}}.dp-hero .sc-hero__card--picker,.dp-hero .sc-hero__card--custom{grid-column:auto}.dp-hero .sc-hero__sidebar>.sc-hero__card{display:flex;flex-direction:column;gap:0}.dp-hero .sc-hero__sidebar>.sc-hero__card .sc-hero__card-head{flex-shrink:0;margin-bottom:.45rem}.dp-hero .dp-card--info .sc-info-list{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.dp-hero .dp-card--info .sc-info-list__row{flex:1;min-height:0;align-items:center;padding-block:.4rem}.dp-hero .sc-hero__card--picker .dp-color-grid__list{flex:1;min-height:0}.dp-hero .sc-hero__card--picker .dp-color-grid__list>li{display:flex;min-height:0}.dp-hero .sc-hero__card--picker .dp-color-grid__btn{flex:1;width:100%;min-height:0;height:100%}.dp-hero .sc-hero__card--picker .sc-hero__picker-meta{flex-shrink:0;margin-top:.45rem}.dp-hero .dp-card--shortcuts .sc-shortcut-list{flex-shrink:0}.dp-hero .dp-card--shortcuts .dp-shortcuts__controls{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-height:0}.dp-hero .dp-card--shortcuts .sc-hero__card-footnote{flex-shrink:0;margin-top:auto;padding-top:.35rem}.dp-color-grid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;flex:1;min-height:0}.dp-color-grid__btn{position:relative;width:100%;min-height:2.25rem;padding:0;border:1px solid transparent;border-radius:.65rem;cursor:pointer;transition:opacity .16s ease,transform .12s cubic-bezier(.23,1,.32,1),box-shadow .16s ease}.dp-color-grid__btn:hover{opacity:1}.dp-color-grid__btn:not(.dp-color-grid__btn--active){opacity:.72}@media(hover:hover)and (pointer:fine){.dp-color-grid__btn:not(.dp-color-grid__btn--active):hover{opacity:1}}.dp-color-grid__btn:active{transform:scale(.97)}.dp-color-grid__btn--active{opacity:1;box-shadow:0 0 0 1.5px rgb(var(--color-accent));transform:scale(.96)}.dp-color-grid__btn--dark{box-shadow:inset 0 0 0 1px #ffffff14}.dp-color-grid__btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dp-custom.sc-custom-color{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.dp-custom .sc-custom-color__row{flex-shrink:0}.dp-hero .sc-hero__card--custom .dp-custom.sc-custom-color{flex:1;min-height:0}.dp-custom__picker{width:3rem;height:3rem;padding:0;border:1px solid rgb(var(--color-hairline));border-radius:.75rem;background:rgb(var(--color-surface-card));cursor:pointer;flex-shrink:0;overflow:hidden}.dp-custom__picker::-webkit-color-swatch-wrapper{padding:2px}.dp-custom__picker::-webkit-color-swatch{border:none;border-radius:.55rem}.dp-custom__picker::-moz-color-swatch{border:none;border-radius:.55rem}.dp-custom__picker:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.dp-hero .sc-hero__card--custom .dp-custom__bar{flex:1;min-height:2rem;margin-top:0}.dp-hero .sc-hero__card--custom .dp-custom__cta{flex-shrink:0;margin-top:.35rem}.dp-custom__cta{width:100%;min-height:2.35rem;font-size:.75rem;font-weight:700}.dp-shortcuts__auto{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding-top:.45rem;border-top:1px solid rgb(var(--color-hairline-soft));font-size:.6875rem;color:rgb(var(--color-muted))}.dp-shortcuts__auto input{accent-color:rgb(var(--color-accent))}@media(prefers-reduced-motion:reduce){.dp-color-grid__btn:active{transform:none}}.tool-seo-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.625rem;flex-shrink:0;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.dp-seo-card-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.dp-seo-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-seo-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-seo-icon-card{display:flex;flex-direction:column;height:100%;padding:clamp(1.125rem,2.5vw,1.375rem);border-radius:1rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card));transition:border-color .18s ease-out,box-shadow .18s ease-out}@media(hover:hover){.dp-seo-icon-card:hover{border-color:rgb(var(--color-accent) / .45);box-shadow:0 8px 24px rgb(var(--color-accent) / .1)}}.dp-seo-icon-card .tool-seo-card-icon{margin-bottom:0}.dp-seo-icon-card__title{margin:.75rem 0 0;font-family:var(--font-display);font-size:.9375rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:rgb(var(--color-ink))}.dp-seo-icon-card__body{margin:.375rem 0 0;font-size:.8125rem;line-height:1.6;color:rgb(var(--color-body))}.dp-seo-scenario-card{display:flex;flex-direction:column;height:100%;padding:clamp(1.125rem,2.5vw,1.375rem);border-radius:1rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card));transition:border-color .18s ease-out,box-shadow .18s ease-out}@media(hover:hover){.dp-seo-scenario-card:hover{border-color:rgb(var(--color-accent) / .45);box-shadow:0 8px 24px rgb(var(--color-accent) / .1)}}.dp-seo-scenario-card__head{display:flex;align-items:center;gap:.65rem}.dp-seo-scenario-card__title{margin:0;font-family:var(--font-display);font-size:.9375rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:rgb(var(--color-ink))}.dp-seo-scenario-card__list{list-style:none;margin:.875rem 0 0;padding:0;display:grid;gap:.5rem}.dp-seo-scenario-card__item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.55;color:rgb(var(--color-body))}.dp-seo-scenario-card__check{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-top:.1rem;border-radius:999px;flex-shrink:0;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.dp-seo-scenario-card__rec{margin:auto 0 0;padding:.7rem .8rem;border-radius:.75rem;border:1px solid rgb(var(--color-accent) / .2);background:rgb(var(--color-accent) / .1);font-size:.8125rem;line-height:1.5;color:rgb(var(--color-ink));text-wrap:pretty}.dp-seo-scenario-card__rec-label{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .35rem;padding:.15rem .45rem;border-radius:999px;background:rgb(var(--color-accent) / .16);font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--color-accent))}.dp-seo-scenario-card__rec-text{display:block}.dp-seo-scenario-card__list+.dp-seo-scenario-card__rec{margin-top:1rem}.dp-seo .dg-tips-wrap{margin-inline:0}