#tailwind-scale-generator-tool .tsg-inline-ad-slot .ad-slot-root{margin-top:0;margin-bottom:0;max-width:none;padding-left:0;padding-right:0}#tailwind-scale-generator-tool .tsg-inline-ad-slot .ad-slot-root>div{margin-top:0;margin-bottom:0}#tailwind-scale-generator-tool .tsg-controls-shell{display:flex;flex-direction:column;gap:.5rem;min-width:0}#tailwind-scale-generator-tool .tsg-controls-full-width{width:100%}#tailwind-scale-generator-tool .tsg-randomize-slot{display:flex;align-items:center;gap:.75rem;min-width:0}#tailwind-scale-generator-tool .tsg-randomize-hint{display:inline-flex;align-items:center;gap:.25rem;min-width:0}@media(min-width:1024px){#tailwind-scale-generator-tool .tsg-controls-shell{display:grid;grid-template-columns:calc(100% * 4 / 11) auto;column-gap:.75rem;row-gap:.5rem;align-items:end}#tailwind-scale-generator-tool .tsg-controls-full-width{grid-column:1 / -1}#tailwind-scale-generator-tool .tsg-col1-only{grid-column:1}#tailwind-scale-generator-tool #tsg-tertiary-active:not(.hidden) .tsg-color-col,#tailwind-scale-generator-tool #tsg-success-active:not(.hidden) .tsg-color-col,#tailwind-scale-generator-tool #tsg-warning-active:not(.hidden) .tsg-color-col{grid-column:1}#tailwind-scale-generator-tool #tsg-secondary-active:not(.hidden){display:contents}#tailwind-scale-generator-tool #tsg-tertiary-active:not(.hidden),#tailwind-scale-generator-tool #tsg-success-active:not(.hidden),#tailwind-scale-generator-tool #tsg-warning-active:not(.hidden){display:contents}#tailwind-scale-generator-tool .tsg-randomize-slot{height:2.75rem;flex-wrap:nowrap;align-items:center}#tailwind-scale-generator-tool .tsg-randomize-hint{white-space:nowrap;flex-shrink:0}#tailwind-scale-generator-tool .tsg-randomize-btn{height:2.75rem;min-height:2.75rem;box-sizing:border-box;flex-shrink:0}#tailwind-scale-generator-tool .tsg-harmony-slot{min-height:2.75rem;height:auto;display:flex;align-items:center}#tailwind-scale-generator-tool #tsg-harmony-group{flex:1;min-width:0}#tailwind-scale-generator-tool .tsg-harmony-slot [data-tsg-harmony]{height:2.75rem;min-height:2.75rem;box-sizing:border-box}#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary]>.flex.gap-2{width:calc(100% - 3rem)}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary]>.flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-success]>.flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-warning]>.flex.gap-2{width:calc(100% - 3rem)}}@media(max-width:1023px){#tailwind-scale-generator-tool .tsg-controls-shell{gap:.75rem}#tailwind-scale-generator-tool .tsg-color-col{width:100%;min-width:0}#tailwind-scale-generator-tool .tsg-randomize-slot{width:100%;height:auto;transform:none;flex-direction:column;align-items:stretch;gap:.375rem}#tailwind-scale-generator-tool .tsg-randomize-btn{width:100%;height:2.75rem;min-height:2.75rem;justify-content:center}#tailwind-scale-generator-tool .tsg-randomize-hint{display:block;width:100%;max-width:100%;white-space:normal;line-height:1.25;text-align:center;overflow-wrap:anywhere}#tailwind-scale-generator-tool .tsg-secondary-input-wrap,#tailwind-scale-generator-tool .tsg-extra-scale-input-wrap{align-self:auto;width:100%;min-width:0}#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary]>.flex.gap-2{width:calc(100% - 3rem)}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary]>.flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-success]>.flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-warning]>.flex.gap-2{width:calc(100% - 3rem)}#tailwind-scale-generator-tool #tsg-secondary-active:not(.hidden){display:flex;flex-direction:column;gap:.75rem;width:100%}#tailwind-scale-generator-tool #tsg-tertiary-active:not(.hidden),#tailwind-scale-generator-tool #tsg-success-active:not(.hidden),#tailwind-scale-generator-tool #tsg-warning-active:not(.hidden){display:flex;flex-direction:column;gap:.75rem;width:100%}#tailwind-scale-generator-tool .tsg-harmony-slot{display:flex;flex-direction:column;gap:.5rem;width:100%;height:auto;transform:none}#tailwind-scale-generator-tool #tsg-harmony-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}#tailwind-scale-generator-tool #tsg-harmony-group [data-tsg-harmony]{width:100%;min-height:2.75rem;height:auto;justify-content:center}}#tailwind-scale-generator-tool .tsg-extra-scale-input-wrap{position:relative;align-self:end}#tailwind-scale-generator-tool .tsg-extra-scale-remove-btn{position:absolute;right:0;top:1.5rem;width:2.75rem;height:2.75rem}#tailwind-scale-generator-tool .tsg-extra-add-btn.hidden{display:none!important}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary] .flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-success] .flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-warning] .flex.gap-2{align-items:center}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary] .flex.gap-2>[data-custom-color-picker],#tailwind-scale-generator-tool [data-color-input-root=tsg-success] .flex.gap-2>[data-custom-color-picker],#tailwind-scale-generator-tool [data-color-input-root=tsg-warning] .flex.gap-2>[data-custom-color-picker]{display:flex;height:2.75rem;align-items:center}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary] .color-swatch-picker,#tailwind-scale-generator-tool [data-color-input-root=tsg-success] .color-swatch-picker,#tailwind-scale-generator-tool [data-color-input-root=tsg-warning] .color-swatch-picker{height:2.75rem;width:2.75rem;min-height:2.75rem}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary] .flex.gap-2>.flex.items-center,#tailwind-scale-generator-tool [data-color-input-root=tsg-success] .flex.gap-2>.flex.items-center,#tailwind-scale-generator-tool [data-color-input-root=tsg-warning] .flex.gap-2>.flex.items-center{height:2.75rem;min-height:2.75rem}#tailwind-scale-generator-tool [data-color-input-root=tsg-tertiary] [data-color-hex-field],#tailwind-scale-generator-tool [data-color-input-root=tsg-success] [data-color-hex-field],#tailwind-scale-generator-tool [data-color-input-root=tsg-warning] [data-color-hex-field]{height:100%;min-height:0}#tailwind-scale-generator-tool [data-color-input-root=tsg] .flex.gap-2,#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary] .flex.gap-2{align-items:center}#tailwind-scale-generator-tool [data-color-input-root=tsg] .flex.gap-2>[data-custom-color-picker],#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary] .flex.gap-2>[data-custom-color-picker]{display:flex;height:2.75rem;align-items:center}#tailwind-scale-generator-tool [data-color-input-root=tsg] .color-swatch-picker,#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary] .color-swatch-picker{height:2.75rem;width:2.75rem;min-height:2.75rem}#tailwind-scale-generator-tool [data-color-input-root=tsg] .flex.gap-2>.flex.items-center,#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary] .flex.gap-2>.flex.items-center{height:2.75rem;min-height:2.75rem}#tailwind-scale-generator-tool [data-color-input-root=tsg] [data-color-hex-field],#tailwind-scale-generator-tool [data-color-input-root=tsg-secondary] [data-color-hex-field]{height:100%;min-height:0}#tailwind-scale-generator-tool .tsg-secondary-input-wrap{position:relative;align-self:end}#tailwind-scale-generator-tool .tsg-secondary-remove-btn{position:absolute;right:0;top:1.5rem;width:2.75rem;height:2.75rem}#tsg-preview .tsg-app-card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:100%;padding:1.25rem;border-radius:1rem;border:1px solid rgb(228 228 231);background:#fff;box-shadow:0 1px 3px #0000000a}#tsg-preview-mockups.tsg-preview-dark .tsg-app-card{border-color:#27272a;background:#18181b;box-shadow:0 1px 3px #0003}#tsg-preview .tsg-card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}#tsg-preview .tsg-card-title{font-size:.875rem;font-weight:700;color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-card-title{color:#fafafa}#tsg-preview .tsg-meta-muted{font-size:.6875rem;font-weight:600;color:#71717a}#tsg-preview-mockups.tsg-preview-dark .tsg-meta-muted{color:#a1a1aa}#tsg-preview .tsg-meta-accent{font-size:.6875rem;font-weight:700;color:var(--tw-600)}#tsg-preview .tsg-btn-primary{background:var(--tw-600);border:none;padding:.625rem .875rem;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:default;box-shadow:0 2px 6px color-mix(in srgb,var(--tw-600) 25%,transparent);flex-shrink:0}#tsg-preview .tsg-btn-secondary{background:var(--tw-50);color:var(--tw-700);border:1px solid var(--tw-200);padding:.625rem .875rem;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:default;flex-shrink:0}#tsg-preview .tsg-btn-group{display:flex;gap:.625rem;margin-top:.25rem}#tsg-preview .tsg-btn-group .tsg-btn-primary,#tsg-preview .tsg-btn-group .tsg-btn-secondary{flex:1}#tsg-preview .tsg-progress-list{display:flex;flex-direction:column;gap:.75rem}#tsg-preview .tsg-progress-item{display:flex;flex-direction:column;gap:.375rem}#tsg-preview .tsg-progress-info{display:flex;justify-content:space-between;font-size:.75rem}#tsg-preview .tsg-progress-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#3f3f46}#tsg-preview-mockups.tsg-preview-dark .tsg-progress-label{color:#d4d4d8}#tsg-preview .tsg-icon-box{width:1.625rem;height:1.625rem;border-radius:.375rem;background:var(--tw-100);color:var(--tw-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}#tsg-preview .tsg-progress-value{font-weight:700;color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-progress-value{color:#fafafa}#tsg-preview .tsg-progress-suffix{color:#a1a1aa;font-weight:400}#tsg-preview-mockups.tsg-preview-dark .tsg-progress-suffix{color:#71717a}#tsg-preview .tsg-progress-track{height:.375rem;background:#f4f4f5;border-radius:.25rem;overflow:hidden}#tsg-preview-mockups.tsg-preview-dark .tsg-progress-track{background:#27272a}#tsg-preview .tsg-progress-fill{height:100%;border-radius:.25rem}#tsg-preview .tsg-donut-wrapper{position:relative;width:8.75rem;height:8.75rem;margin:0 auto}#tsg-preview .tsg-donut-track{stroke:#f4f4f5}#tsg-preview-mockups.tsg-preview-dark .tsg-donut-track{stroke:#27272a}#tsg-preview .tsg-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#tsg-preview .tsg-donut-value{font-size:1.125rem;font-weight:800;color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-donut-value{color:#fafafa}#tsg-preview .tsg-donut-label{font-size:.5625rem;color:#71717a;font-weight:600;text-transform:uppercase;letter-spacing:.05em}#tsg-preview-mockups.tsg-preview-dark .tsg-donut-label{color:#a1a1aa}#tsg-preview .tsg-legend-list{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgb(244 244 245);padding-top:.625rem}#tsg-preview-mockups.tsg-preview-dark .tsg-legend-list{border-top-color:#27272a}#tsg-preview .tsg-legend-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}#tsg-preview .tsg-legend-left{display:flex;align-items:center;gap:.5rem;color:#52525b;font-weight:500}#tsg-preview-mockups.tsg-preview-dark .tsg-legend-left{color:#a1a1aa}#tsg-preview .tsg-legend-dot{width:.5rem;height:.5rem;border-radius:50%}#tsg-preview .tsg-legend-pct{font-weight:700;color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-legend-pct{color:#fafafa}#tsg-preview .tsg-badge-chip{font-size:.6875rem;background:var(--tw-100);color:var(--tw-800);font-weight:700;padding:.125rem .5rem;border-radius:.25rem}#tsg-preview .tsg-fallback-chip{background:#f4f4f5;color:#3f3f46}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-chip{background:#27272a;color:#d4d4d8}#tsg-preview .tsg-donut-fallback-slice{stroke:#e4e4e7}#tsg-preview-mockups.tsg-preview-dark .tsg-donut-fallback-slice{stroke:#3f3f46}#tsg-preview .tsg-legend-dot-fallback{background:#e4e4e7!important}#tsg-preview-mockups.tsg-preview-dark .tsg-legend-dot-fallback{background:#3f3f46!important}#tsg-preview .tsg-fallback-success-banner{background:#f4f4f5;border-left:4px solid rgb(161 161 170)}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-success-banner{background:#27272a;border-left-color:#52525b}#tsg-preview .tsg-fallback-success-banner .tsg-alert-title{color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-success-banner .tsg-alert-title{color:#fafafa}#tsg-preview .tsg-fallback-success-banner .tsg-alert-desc{color:#71717a}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-success-banner .tsg-alert-desc{color:#a1a1aa}#tsg-preview .tsg-fallback-warning-alert{background:#f4f4f5;border-left:4px solid rgb(161 161 170);padding:.625rem .75rem;border-radius:0 .5rem .5rem 0}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-warning-alert{background:#27272a;border-left-color:#52525b}#tsg-preview .tsg-fallback-warning-alert .tsg-alert-title{color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-warning-alert .tsg-alert-title{color:#fafafa}#tsg-preview .tsg-fallback-warning-alert .tsg-alert-desc{color:#71717a}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-warning-alert .tsg-alert-desc{color:#a1a1aa}#tsg-preview .tsg-warning-alert{padding:.625rem .75rem;border-radius:0 .5rem .5rem 0;border-left:4px solid transparent}#tsg-preview .tsg-fallback-warning-badge{background:#f4f4f5;color:#52525b;border:1px solid rgb(228 228 231)}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-warning-badge{background:#27272a;color:#a1a1aa;border-color:#3f3f46}#tsg-preview .tsg-fallback-contrast-note{background:#f4f4f5;border:1px solid rgb(228 228 231);color:#3f3f46}#tsg-preview-mockups.tsg-preview-dark .tsg-fallback-contrast-note{background:#27272a;border-color:#3f3f46;color:#d4d4d8}#tsg-preview .tsg-stat-value{font-size:1.25rem;font-weight:800;color:#18181b;margin-bottom:.125rem}#tsg-preview-mockups.tsg-preview-dark .tsg-stat-value{color:#fafafa}#tsg-preview .tsg-stat-caption{font-size:.6875rem;color:#71717a}#tsg-preview-mockups.tsg-preview-dark .tsg-stat-caption{color:#a1a1aa}#tsg-preview .tsg-bar-chart{display:flex;align-items:flex-end;gap:.5rem;flex:1;min-height:7.5rem;border-bottom:1px solid rgb(244 244 245);padding-bottom:.375rem}#tsg-preview-mockups.tsg-preview-dark .tsg-bar-chart{border-bottom-color:#27272a}#tsg-preview .tsg-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;height:100%;justify-content:flex-end}#tsg-preview .tsg-bar-track{width:100%;max-width:1.5rem;background:var(--tw-50);border-radius:.25rem .25rem 0 0;display:flex;align-items:flex-end;height:100%}#tsg-preview .tsg-bar-fill{width:100%;border-radius:.25rem .25rem 0 0}#tsg-preview .tsg-col-label{font-size:.6875rem;color:#a1a1aa;font-weight:600}#tsg-preview-mockups.tsg-preview-dark .tsg-col-label{color:#71717a}#tsg-preview .tsg-form-group{display:flex;flex-direction:column;gap:.75rem}#tsg-preview .tsg-form-field{display:flex;flex-direction:column;gap:.375rem}#tsg-preview .tsg-field-label{font-size:.75rem;font-weight:600;color:#3f3f46}#tsg-preview-mockups.tsg-preview-dark .tsg-field-label{color:#d4d4d8}#tsg-preview .tsg-form-input{border:2px solid var(--tw-500);background:#fff;padding:.5625rem .75rem;border-radius:.5rem;font-size:.8125rem;color:#18181b;outline:none}#tsg-preview-mockups.tsg-preview-dark .tsg-form-input{background:#09090b;color:#fafafa}#tsg-preview .tsg-toggle-row{display:flex;justify-content:space-between;align-items:center}#tsg-preview .tsg-toggle-switch{width:2.625rem;height:1.5rem;background:var(--tw-500);border-radius:.75rem;position:relative}#tsg-preview .tsg-toggle-thumb{width:1.125rem;height:1.125rem;background:#fff;border-radius:50%;position:absolute;top:.1875rem;right:.1875rem}#tsg-preview-mockups.tsg-preview-dark .tsg-toggle-thumb{background:#f4f4f5}#tsg-preview .tsg-radio-option{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:#3f3f46;font-weight:500}#tsg-preview-mockups.tsg-preview-dark .tsg-radio-option{color:#d4d4d8}#tsg-preview .tsg-radio-dot{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid var(--tw-500);display:flex;align-items:center;justify-content:center}#tsg-preview .tsg-radio-dot-inner{width:.5rem;height:.5rem;border-radius:50%;background:var(--tw-500)}#tsg-preview .tsg-alert-stack{display:flex;flex-direction:column;gap:.625rem}#tsg-preview .tsg-badge-wrap{display:flex;gap:.5rem;flex-wrap:wrap}#tsg-preview .tsg-badge-pill{background:var(--tw-100);color:var(--tw-800);font-size:.6875rem;font-weight:700;padding:.25rem .625rem;border-radius:1.25rem}#tsg-preview .tsg-badge-bordered{border:1px solid var(--tw-300)}#tsg-preview .tsg-badge-solid{background:var(--tw-600);font-size:.6875rem;font-weight:700;padding:.25rem .625rem;border-radius:1.25rem}#tsg-preview .tsg-alert-banner{background:var(--tw-50);border-left:4px solid var(--tw-500);padding:.625rem .75rem;border-radius:0 .5rem .5rem 0}#tsg-preview .tsg-alert-title{font-size:.75rem;font-weight:700;color:var(--tw-900);margin-bottom:.125rem}#tsg-preview .tsg-alert-desc{font-size:.6875rem;color:var(--tw-700)}#tsg-preview .tsg-contrast-note{background:var(--tw-100);border:1px solid var(--tw-300);padding:.625rem;border-radius:.5rem;font-size:.6875rem;color:var(--tw-900);font-weight:600}#tsg-preview .tsg-cart-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgb(244 244 245)}#tsg-preview-mockups.tsg-preview-dark .tsg-cart-item{border-bottom-color:#27272a}#tsg-preview .tsg-cart-left{display:flex;gap:.625rem;align-items:center}#tsg-preview .tsg-cart-thumb{width:2.125rem;height:2.125rem;background:var(--tw-100);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--tw-700)}#tsg-preview .tsg-cart-name{font-size:.75rem;font-weight:700;color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-cart-name{color:#fafafa}#tsg-preview .tsg-cart-meta{font-size:.6875rem;color:#71717a}#tsg-preview-mockups.tsg-preview-dark .tsg-cart-meta{color:#a1a1aa}#tsg-preview .tsg-cart-price{font-size:.75rem;font-weight:700;color:#18181b}#tsg-preview-mockups.tsg-preview-dark .tsg-cart-price{color:#fafafa}#tsg-preview .tsg-summary-row{display:flex;justify-content:space-between;font-size:.75rem;color:#71717a;margin-top:.375rem}#tsg-preview-mockups.tsg-preview-dark .tsg-summary-row{color:#a1a1aa}#tsg-preview .tsg-summary-accent{color:var(--tw-600);font-weight:600}#tsg-preview .tsg-summary-total{display:flex;justify-content:space-between;font-size:.875rem;font-weight:800;color:#18181b;margin-top:.5rem;padding-top:.375rem;border-top:1px solid rgb(228 228 231)}#tsg-preview-mockups.tsg-preview-dark .tsg-summary-total{color:#fafafa;border-top-color:#27272a}