.dw-colored-swatch{padding-block:var(--space-0);padding-inline:var(--space-0);border-radius:var(--radius-full);background-color:var(--dw-cs-fill);box-shadow:none;transition:transform var(--duration-base), box-shadow var(--duration-base);flex-shrink:0}.dw-colored-swatch:hover{background-color:var(--dw-cs-fill)}.dw-colored-swatch[data-selected=true]{box-shadow:var(--ring-focus)}.dw-colored-swatch:not([data-selected=true]):hover{transform:scale(1.1)}.dw-colored-swatch[data-size=sm]{height:var(--space-5);width:var(--space-5)}.dw-colored-swatch[data-size=md]{height:var(--space-7);width:var(--space-7)}.dw-colored-swatch__icon{color:var(--primary-foreground)}.dw-colored-swatch[data-size=sm] .dw-colored-swatch__icon{height:var(--size-icon-sm);width:var(--size-icon-sm)}.dw-colored-swatch[data-size=md] .dw-colored-swatch__icon{height:var(--size-icon);width:var(--size-icon)}@media (prefers-reduced-motion:reduce){.dw-colored-swatch{transition:none}.dw-colored-swatch:not([data-selected=true]):hover{transform:none}}.dw-color-input{cursor:var(--cursor-interactive);appearance:none;padding:var(--space-0);border:var(--border-width) var(--border-style-solid) var(--border);border-radius:var(--radius-control);background:0 0;flex-shrink:0}.dw-color-input:disabled{cursor:var(--cursor-disabled)}.dw-color-input::-webkit-color-swatch-wrapper{padding:var(--space-0)}.dw-color-input::-webkit-color-swatch{border-radius:inherit;border:0 var(--border-style-solid) transparent}.dw-color-input::-moz-color-swatch{border-radius:inherit;border:0 var(--border-style-solid) transparent}.dw-color-input[data-variant=well]{width:var(--space-8);height:var(--size-control)}.dw-color-input[data-variant=bar]{inline-size:100%;block-size:var(--space-9);padding:var(--space-1)}.dw-color-input[data-variant=dot]{width:var(--size-icon-xl);height:var(--size-icon-xl);border:0 var(--border-style-solid) transparent;border-radius:var(--radius-full)}.dw-compact-color-input{gap:var(--space-1);flex-direction:column;display:flex}.dw-compact-color-input__row{align-items:center;gap:var(--space-1_5);display:flex}.dw-compact-color-input__field{height:var(--size-control);min-width:0;font:var(--text-code);padding-block:var(--space-0);padding-inline:var(--space-2);flex:1 1 0}.dw-compact-number-input{align-items:center;gap:var(--space-1_5);display:flex}.dw-compact-number-input__input{width:var(--space-12);text-align:center;font:var(--text-caption);font-variant-numeric:tabular-nums;transition:color var(--duration-base), background-color var(--duration-base), border-color var(--duration-base);background:0 0}@media (prefers-reduced-motion:reduce){.dw-compact-number-input__input{transition:none}}.dw-compact-number-input__input:focus-visible{box-shadow:var(--ring-focus);outline:none}.dw-compact-number-input__input:disabled{cursor:var(--cursor-disabled);opacity:var(--opacity-half)}.dw-compact-number-input__suffix{font:var(--text-caption);color:var(--muted-foreground)}.dw-field-error{font:var(--text-caption);color:var(--destructive)}.dw-field-hint{font:var(--text-caption);color:var(--muted-foreground)}.dw-file-input[data-variant=hidden]{display:none}.dw-label.dw-field-label{text-transform:capitalize}.dw-file-input[data-variant=overlay]{z-index:var(--z-above-base);opacity:0;width:100%;height:100%;cursor:var(--cursor-interactive);position:absolute;inset:0}.dw-file-input[data-variant=overlay]:focus-visible{box-shadow:var(--ring-hairline);outline:none}.dw-inline-editable-text{max-width:100%;margin-inline:calc(var(--space-1) * -1);align-items:center;display:inline-flex}.dw-inline-editable-text__display,.dw-inline-editable-text__input{max-width:100%;padding-inline:var(--space-1);padding-block:var(--space-0);border-radius:var(--radius-control);color:var(--foreground);text-align:start;cursor:var(--cursor-text);white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--duration-base);background-color:#0000;border:none;align-items:center;display:inline-flex;overflow:hidden}.dw-inline-editable-text__display:hover,.dw-inline-editable-text__display:focus-visible,.dw-inline-editable-text__input{background-color:color-mix(in oklch, var(--muted) var(--mix-half), transparent)}.dw-inline-editable-text__display:focus-visible{outline:none}.dw-inline-editable-text__input{field-sizing:content}.dw-inline-editable-text__input:disabled{opacity:var(--opacity-high);cursor:var(--cursor-disabled)}.dw-inline-editable-text[data-role=body] .dw-inline-editable-text__display,.dw-inline-editable-text[data-role=body] .dw-inline-editable-text__input{font:var(--text-label)}.dw-inline-editable-text[data-role=heading] .dw-inline-editable-text__display,.dw-inline-editable-text[data-role=heading] .dw-inline-editable-text__input{font:var(--text-title)}@media (prefers-reduced-motion:reduce){.dw-inline-editable-text__display,.dw-inline-editable-text__input{transition:none}}.dw-range-input{width:100%;min-width:0;accent-color:var(--primary);cursor:var(--cursor-interactive);flex:auto}.dw-range-input:disabled{cursor:var(--cursor-disabled)}.dw-masked-input{font-variant-numeric:tabular-nums;width:100%}.dw-password-field{gap:var(--space-2);display:grid}.dw-password-field__control{position:relative}.dw-password-field__input{padding-inline-end:var(--space-10)}.dw-password-field__toggle{block-size:100%;inline-size:var(--space-10);padding-inline:var(--space-3);color:var(--muted-foreground);position:absolute;inset-block-start:0;inset-inline-end:0}.dw-password-field__toggle:hover{color:var(--foreground)}.dw-password-field__strength{align-items:center;gap:var(--space-2);display:flex}.dw-password-field__strength-meter{gap:var(--space-1);flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dw-password-field__strength-segment{background-color:var(--dw-password-strength-fill,var(--border));border-radius:var(--radius-full);block-size:var(--space-1)}.dw-password-field__strength[data-strength=weak] .dw-password-field__strength-segment[data-active=true]{--dw-password-strength-fill:var(--score-poor)}.dw-password-field__strength[data-strength=fair] .dw-password-field__strength-segment[data-active=true]{--dw-password-strength-fill:var(--score-fair)}.dw-password-field__strength[data-strength=good] .dw-password-field__strength-segment[data-active=true]{--dw-password-strength-fill:var(--score-good)}.dw-password-field__strength[data-strength=strong] .dw-password-field__strength-segment[data-active=true]{--dw-password-strength-fill:var(--score-excellent)}.dw-password-field__strength-label{font:var(--text-caption)}.dw-password-field__strength[data-strength=weak] .dw-password-field__strength-label{color:var(--score-poor)}.dw-password-field__strength[data-strength=fair] .dw-password-field__strength-label{color:var(--score-fair)}.dw-password-field__strength[data-strength=good] .dw-password-field__strength-label{color:var(--score-good)}.dw-password-field__strength[data-strength=strong] .dw-password-field__strength-label{color:var(--score-excellent)}.dw-compact-color-input__field-wrap{flex:1;min-width:0;display:flex;position:relative}.dw-compact-color-input__field--clearable{padding-right:var(--space-7)}.dw-compact-color-input__clear{top:50%;right:var(--space-1);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-chip);color:var(--muted-foreground);font:var(--text-body);position:absolute;transform:translateY(-50%)}.dw-compact-color-input__clear:hover{color:var(--foreground)}.dw-compact-color-input__label-row{align-items:center;gap:var(--space-1_5);display:inline-flex}.dw-compact-color-input__warning{color:var(--warning);font:var(--text-caption);cursor:var(--cursor-help)}.dw-compact-color-input__swatch{--ring-tone-color:color-mix(in oklch, var(--color-black) var(--mix-medium), transparent);box-shadow:var(--ring-tone-inset)}.dw-compact-color-input__field-wrap .dw-compact-color-input__swatch{top:50%;left:var(--space-1);width:var(--space-5);height:var(--space-5);padding:var(--space-0);border-radius:var(--radius-chip);border:none;position:absolute;overflow:hidden;transform:translateY(-50%)}.dw-compact-color-input__field-wrap .dw-compact-color-input__swatch::-webkit-color-swatch-wrapper{padding:var(--space-0)}.dw-compact-color-input__field-wrap .dw-compact-color-input__swatch::-webkit-color-swatch{border-radius:var(--radius-chip);border:none}.dw-compact-color-input__field-wrap .dw-compact-color-input__field{padding-left:var(--space-7);font:var(--text-caption)}.dw-logo-preview{border-radius:var(--radius-panel);border:var(--border-width) var(--border-style-solid) var(--border);width:100%;padding:var(--space-4);min-height:var(--space-20);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dw-logo-preview[data-surface=dark]{background-color:var(--layout-preview-dark-bg);border-color:color-mix(in oklch, var(--foreground) var(--mix-medium), transparent)}.dw-logo-preview[data-surface=light]{background-color:var(--layout-preview-light-bg)}.dw-logo-preview[data-favicon=true]{gap:var(--space-3);width:var(--space-28);height:var(--space-28);min-height:0;padding:var(--space-3);align-self:flex-start}.dw-logo-preview__img{max-height:var(--space-32);-o-object-fit:contain;object-fit:contain;max-width:100%}.dw-logo-preview:not([data-favicon=true]) .dw-logo-preview__img{width:auto;height:auto}.dw-logo-preview[data-favicon=true] .dw-logo-preview__img{width:var(--space-8);height:var(--space-8)}