.shrinkwell-wrap {
    --shrinkwell-magenta: #f00068;
    --shrinkwell-purple: #27102f;
    --shrinkwell-soft: #fff5fa;
    --shrinkwell-border: #eadfe8;
    --shrinkwell-muted: #646970;
    max-width: 1320px;
    color: #1d2327;
}

.shrinkwell-wrap .button-primary {
    background: var(--shrinkwell-magenta);
    border-color: var(--shrinkwell-magenta);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(240, 0, 104, 0.18);
}

.shrinkwell-wrap .button-primary:hover,
.shrinkwell-wrap .button-primary:focus {
    background: #c90058;
    border-color: #c90058;
    color: #fff !important;
}

.shrinkwell-wrap .button {
    min-height: 38px;
    padding: 6px 14px;
    color: var(--shrinkwell-purple);
    border-color: var(--shrinkwell-border);
    border-radius: 6px;
    font-weight: 700;
}

.shrinkwell-wrap .button:hover,
.shrinkwell-wrap .button:focus {
    color: var(--shrinkwell-purple);
    border-color: #d7c6d4;
}

.shrinkwell-help-tip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    color: #d60063;
    background: #fff;
    border: 1px solid #f5b8d4;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    vertical-align: 0.08em;
    cursor: help;
    opacity: 0.82;
    transition: opacity 120ms ease, border-color 120ms ease, color 120ms ease;
}

.shrinkwell-help-tip::after {
    position: absolute;
    z-index: 20;
    bottom: calc(100% + 8px);
    left: 50%;
    width: min(280px, 72vw);
    padding: 10px 12px;
    color: #fff;
    background: var(--shrinkwell-purple);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(39, 16, 47, 0.18);
    content: attr(data-help);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 4px);
    transition: opacity 120ms ease, transform 120ms ease;
}

.shrinkwell-help-tip:hover,
.shrinkwell-help-tip:focus {
    color: var(--shrinkwell-magenta);
    border-color: #f00068;
    opacity: 1;
}

.shrinkwell-help-tip:hover::after,
.shrinkwell-help-tip:focus::after {
    opacity: 1;
    transform: translate(-50%, 0);
}

.shrinkwell-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 20px;
    padding: 0;
    border-bottom: 1px solid var(--shrinkwell-border);
}

.shrinkwell-brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin: 22px 0 10px;
}

.shrinkwell-brand-main {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.shrinkwell-brand-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.shrinkwell-brand img {
    width: 82px;
    height: auto;
    flex: 0 0 auto;
}

.shrinkwell-brand h1 {
    margin: 0;
    padding: 0;
    color: var(--shrinkwell-purple);
}

.shrinkwell-brand p {
    margin: 4px 0 0;
    color: var(--shrinkwell-muted);
    font-size: 15px;
}

.shrinkwell-tabs .nav-tab {
    margin: 0 0 -1px;
    padding: 14px 18px;
    color: #50575e;
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
}

.shrinkwell-tabs .nav-tab:hover,
.shrinkwell-tabs .nav-tab:focus {
    color: var(--shrinkwell-purple);
    background: #fff7fb;
}

.shrinkwell-tabs .nav-tab-active,
.shrinkwell-tabs .nav-tab-active:focus,
.shrinkwell-tabs .nav-tab-active:hover {
    color: var(--shrinkwell-purple);
    background: #fff;
    border-bottom-color: var(--shrinkwell-magenta);
}

.shrinkwell-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 18px 0 22px;
    transition: opacity 160ms ease, transform 160ms ease;
}

.shrinkwell-stats.is-dimmed {
    opacity: 0.55;
    transform: scale(0.995);
}

.shrinkwell-stats > div,
.shrinkwell-panel {
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(39, 16, 47, 0.05);
}

.shrinkwell-panel {
    padding: 20px;
}

.shrinkwell-stat-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 20px 22px;
}

.shrinkwell-stats strong {
    display: block;
    color: var(--shrinkwell-purple);
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0;
}

.shrinkwell-stats span {
    display: block;
    margin-top: 2px;
    color: #3c434a;
    font-size: 14px;
    font-weight: 700;
}

.shrinkwell-stats em {
    display: block;
    margin-top: 5px;
    color: #646970;
    font-style: normal;
    font-weight: 600;
}

.shrinkwell-stats .shrinkwell-stat-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    margin-top: 0;
    background: linear-gradient(135deg, #ffe6f1, #fff7fb);
    border: 1px solid #ffe0ee;
    border-radius: 8px;
    color: #f00068;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.shrinkwell-stats .shrinkwell-stat-icon::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: #f00068;
    margin: 0;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.shrinkwell-stat-icon-image::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M6 10a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V10Z'/%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='m8.5 22 6.2-6.2 4.2 4.2 2.5-2.5 2.8 4.5'/%3E%3Ccircle cx='20.5' cy='12.5' r='2.2' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M6 10a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V10Z'/%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='m8.5 22 6.2-6.2 4.2 4.2 2.5-2.5 2.8 4.5'/%3E%3Ccircle cx='20.5' cy='12.5' r='2.2' fill='black'/%3E%3C/svg%3E");
}

.shrinkwell-stat-icon-database::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='16' cy='8.5' rx='9' ry='4.5' fill='none' stroke='black' stroke-width='2.4'/%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M7 8.5v7c0 2.5 4 4.5 9 4.5s9-2 9-4.5v-7M7 15.5v7c0 2.5 4 4.5 9 4.5s9-2 9-4.5v-7'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='16' cy='8.5' rx='9' ry='4.5' fill='none' stroke='black' stroke-width='2.4'/%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M7 8.5v7c0 2.5 4 4.5 9 4.5s9-2 9-4.5v-7M7 15.5v7c0 2.5 4 4.5 9 4.5s9-2 9-4.5v-7'/%3E%3C/svg%3E");
}

.shrinkwell-stat-icon-clock::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='black' stroke-width='2.4'/%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M16 10.5V16l4 3'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='black' stroke-width='2.4'/%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M16 10.5V16l4 3'/%3E%3C/svg%3E");
}

.shrinkwell-panel {
    margin: 18px 0;
}

.shrinkwell-panel h2 {
    margin-top: 0;
}

.shrinkwell-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.shrinkwell-panel-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.shrinkwell-panel-header h2,
.shrinkwell-panel-header p {
    margin-top: 0;
}

.shrinkwell-panel-header p {
    margin-bottom: 0;
    color: var(--shrinkwell-muted);
}

.shrinkwell-review-notice {
    margin: 16px 0;
    padding: 14px 16px;
    background: #fff7fb;
    border: 1px solid #f5a3c8;
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 8px;
}

.shrinkwell-review-notice p {
    margin: 0 0 10px;
}

.shrinkwell-review-stars {
    margin-bottom: 6px;
    color: var(--shrinkwell-magenta);
    font-size: 22px;
    line-height: 1;
    letter-spacing: 2px;
}

.shrinkwell-review-note {
    color: var(--shrinkwell-muted);
    font-size: 13px;
}

.shrinkwell-review-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.shrinkwell-review-actions form {
    margin: 0;
}

.shrinkwell-update-note {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
    margin: 12px 0 0;
    padding: 10px 12px;
    color: var(--shrinkwell-purple);
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 8px;
}

.shrinkwell-update-note strong {
    font-size: 13px;
}

.shrinkwell-update-note span {
    color: var(--shrinkwell-muted);
    font-size: 13px;
    line-height: 1.4;
}

.shrinkwell-error-summary {
    margin: 0 0 18px;
    padding: 16px;
    background: #fff7fb;
    border: 1px solid #f5c2d9;
    border-radius: 14px;
}

.shrinkwell-error-summary-head h3 {
    margin: 0 0 4px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-error-summary-head p {
    margin: 0 0 14px;
    color: #646970;
}

.shrinkwell-error-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.shrinkwell-error-summary-card {
    padding: 14px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 12px;
}

.shrinkwell-error-summary-count {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 3px 8px;
    color: var(--shrinkwell-purple);
    background: #fff0f6;
    border-radius: 999px;
    font-size: 12px;
}

.shrinkwell-error-summary-card h4 {
    margin: 0 0 6px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-error-summary-card p {
    margin: 0 0 8px;
    color: #646970;
}

.shrinkwell-error-summary-action {
    font-weight: 600;
    color: var(--shrinkwell-purple) !important;
}

.shrinkwell-error-summary-card ul {
    margin: 8px 0 12px 18px;
    color: #50575e;
}

.shrinkwell-error-summary-card li {
    margin: 0 0 4px;
}

.shrinkwell-after-restore-guide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 14px 0 18px;
    padding: 14px;
    background: #fff7df;
    border: 1px solid #dba617;
    border-left: 4px solid #dba617;
    border-radius: 12px;
}

.shrinkwell-after-restore-guide strong {
    color: var(--shrinkwell-purple);
}

.shrinkwell-after-restore-guide span {
    color: var(--shrinkwell-muted);
}

.shrinkwell-webp-rebuild-status {
    flex-basis: 100%;
    padding: 8px 10px;
    color: var(--shrinkwell-purple);
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
}

.shrinkwell-webp-rebuild-status.is-running {
    border-color: #dba617;
}

.shrinkwell-webp-rebuild-status.is-done {
    color: #0f7b2f;
    border-color: #b8e2c3;
}

.shrinkwell-webp-rebuild-status.is-error {
    color: #9f1d35;
    border-color: #f0b6c5;
}

.shrinkwell-issue-center {
    margin: 0 0 18px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(47, 17, 48, 0.04);
}

.shrinkwell-issue-center-head h3 {
    margin: 0 0 4px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-issue-center-head p {
    margin: 0 0 14px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-issue-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.shrinkwell-issue-card {
    min-width: 0;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 8px;
}

.shrinkwell-issue-card > strong {
    display: block;
    margin-bottom: 2px;
    color: var(--shrinkwell-purple);
    font-size: 28px;
    line-height: 1.1;
}

.shrinkwell-issue-card h4 {
    margin: 0 0 8px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-issue-card span {
    display: block;
    margin-bottom: 4px;
    color: var(--shrinkwell-purple);
    font-weight: 800;
    font-size: 13px;
    line-height: 1.3;
}

.shrinkwell-issue-card p {
    margin: 0 0 10px;
    color: var(--shrinkwell-muted);
    font-size: 13px;
    line-height: 1.45;
}

.shrinkwell-issue-card ul {
    margin: 0;
    padding: 0;
    max-height: 260px;
    overflow: auto;
    list-style: none;
}

.shrinkwell-issue-card li {
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #f0e7ee;
}

.shrinkwell-issue-card em,
.shrinkwell-issue-card small {
    color: var(--shrinkwell-muted);
}

.shrinkwell-issue-card small {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.35;
}

.shrinkwell-issue-card li strong {
    display: inline;
    margin: 0;
    color: var(--shrinkwell-purple);
    font-size: 12px;
    line-height: 1.35;
}

.shrinkwell-issue-action {
    border-left-color: #b32d2e;
    box-shadow: inset 0 0 0 1px rgba(179, 45, 46, 0.06);
}

.shrinkwell-issue-safe {
    border-left-color: #dba617;
    box-shadow: inset 0 0 0 1px rgba(219, 166, 23, 0.08);
}

.shrinkwell-issue-done {
    border-left-color: #008a20;
    box-shadow: inset 0 0 0 1px rgba(0, 138, 32, 0.08);
}

.shrinkwell-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 0;
}

.shrinkwell-toggle > span {
    display: block;
    line-height: 1.35;
}

.shrinkwell-toggle small {
    display: block;
    margin-top: 4px;
    color: #646970;
    font-size: 13px;
    line-height: 1.35;
}

.shrinkwell-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.shrinkwell-grid label > span {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.shrinkwell-grid label small {
    display: block;
    max-width: 520px;
    margin-top: 6px;
    color: #646970;
    line-height: 1.4;
}

.shrinkwell-grid input {
    width: 100%;
}

.shrinkwell-range-field input[type="range"] {
    width: 100%;
    margin: 8px 0 6px;
}

.shrinkwell-range-readout {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #50575e;
}

.shrinkwell-range-readout strong {
    color: #1d2327;
}

.shrinkwell-profile-help {
    max-width: 920px;
    margin: 14px 0 18px;
    padding: 14px 16px;
    background: var(--shrinkwell-soft);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 6px;
}

.shrinkwell-profile-help strong {
    display: block;
    margin-bottom: 4px;
}

.shrinkwell-profile-help p {
    margin: 0;
    color: #50575e;
    font-size: 14px;
    line-height: 1.45;
}

.shrinkwell-section-divider {
    margin: 26px 0 22px;
    border: 0;
    border-top: 1px solid #f0d3e1;
}

.shrinkwell-segmented {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 12px 0;
}

.shrinkwell-segmented label {
    display: inline-flex;
}

.shrinkwell-segmented input {
    position: absolute;
    opacity: 0;
}

.shrinkwell-segmented span {
    display: grid;
    align-content: center;
    gap: 4px;
    min-width: 140px;
    padding: 10px 14px;
    color: var(--shrinkwell-purple);
    background: #fff7fb;
    border: 1px solid #f5a3c8;
    font-weight: 600;
    text-align: center;
}

.shrinkwell-segmented em {
    display: inline-flex;
    justify-self: center;
    padding: 1px 7px;
    color: var(--shrinkwell-purple);
    background: #ffe4f0;
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    line-height: 1.4;
}

.shrinkwell-segmented input:checked + span em {
    color: #fff;
    background: rgba(255, 255, 255, 0.22);
}

.shrinkwell-segmented label:first-child span {
    border-radius: 6px 0 0 6px;
}

.shrinkwell-segmented label:last-child span {
    border-radius: 0 6px 6px 0;
}

.shrinkwell-segmented input:checked + span {
    color: #fff;
    background: var(--shrinkwell-purple);
    border-color: var(--shrinkwell-purple);
}

.shrinkwell-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.shrinkwell-status-card {
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid #dcdcde;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(39, 16, 47, 0.04);
}

.shrinkwell-status-card strong,
.shrinkwell-status-card span {
    display: block;
}

.shrinkwell-status-card span {
    margin-top: 6px;
    font-weight: 700;
}

.shrinkwell-status-card p {
    margin: 8px 0 0;
}

.shrinkwell-status-ok {
    border-left-color: #00a32a;
}

.shrinkwell-status-ok span {
    color: #008a20;
}

.shrinkwell-status-warn {
    border-left-color: #dba617;
}

.shrinkwell-status-warn span {
    color: #8a6100;
}

.shrinkwell-encoder-status {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-top: 10px;
}

.shrinkwell-encoder-status .shrinkwell-status-card {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 10px 12px;
    border-left-width: 0;
    box-shadow: none;
}

.shrinkwell-encoder-status .shrinkwell-status-card::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #dba617;
    border-radius: 50%;
}

.shrinkwell-encoder-status .shrinkwell-status-ok::before {
    background: #008a20;
}

.shrinkwell-encoder-status .shrinkwell-status-card strong,
.shrinkwell-encoder-status .shrinkwell-status-card span,
.shrinkwell-encoder-status .shrinkwell-status-card p {
    margin: 0;
    font-size: 13px;
}

.shrinkwell-encoder-status .shrinkwell-status-card p {
    color: var(--shrinkwell-muted);
}

.shrinkwell-overview-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    align-items: start;
}

.shrinkwell-overview-side {
    position: sticky;
    top: 42px;
}

.shrinkwell-compact-status {
    display: grid;
    gap: 8px;
}

.shrinkwell-compact-status .shrinkwell-status-card {
    padding: 10px 12px;
}

.shrinkwell-compact-status .shrinkwell-status-card p {
    display: none;
}

.shrinkwell-compact-status .shrinkwell-status-card strong,
.shrinkwell-compact-status .shrinkwell-status-card span {
    margin: 0;
    font-size: 13px;
}

.shrinkwell-safety-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin: 12px 0 16px;
}

.shrinkwell-safety-card {
    position: relative;
    padding: 14px 14px 14px 40px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 10px;
}

.shrinkwell-safety-card::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 14px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #dba617;
}

.shrinkwell-safety-card.is-ok::before {
    background: #008a20;
}

.shrinkwell-safety-card.is-warn::before {
    background: #dba617;
}

.shrinkwell-safety-card span,
.shrinkwell-safety-card strong,
.shrinkwell-safety-card small {
    display: block;
}

.shrinkwell-safety-card span {
    color: var(--shrinkwell-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.shrinkwell-safety-card strong {
    margin-top: 4px;
    color: var(--shrinkwell-purple);
    font-size: 18px;
    line-height: 1.2;
}

.shrinkwell-safety-card small {
    margin-top: 6px;
    color: var(--shrinkwell-muted);
    line-height: 1.35;
}

.shrinkwell-bulk-panel {
    overflow: visible;
}

.shrinkwell-bulk-header {
    margin-bottom: 20px;
}

.shrinkwell-bulk-header h2 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.shrinkwell-bulk-state {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 4px 10px;
    color: #9a1651;
    background: #fff0f6;
    border: 1px solid #f8bfd8;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.shrinkwell-bulk-state span {
    width: 8px;
    height: 8px;
    background: var(--shrinkwell-magenta);
    border-radius: 50%;
}

.shrinkwell-bulk-state.is-active span {
    animation: shrinkwellStatePulse 1.3s ease-in-out infinite;
}

.shrinkwell-bulk-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 12px 0 16px;
}

.shrinkwell-bulk-limit-note {
    display: grid;
    gap: 4px;
    margin: -4px 0 14px;
    padding: 12px 14px;
    color: var(--shrinkwell-purple);
    background: #fff7fb;
    border: 1px solid #f5c2d9;
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 10px;
}

.shrinkwell-bulk-limit-note span {
    color: #646970;
}

.shrinkwell-bulk-limit-note a {
    width: fit-content;
    font-weight: 700;
}

.shrinkwell-free-limit-card {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    align-items: start;
    border-color: #f5c2d9;
    background: linear-gradient(135deg, #fff 0%, #fff7fb 100%);
}

.shrinkwell-free-limit-card__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: #ffe8f2;
    color: var(--shrinkwell-magenta);
    font-weight: 900;
    line-height: 1;
    position: relative;
}

.shrinkwell-free-limit-card__icon::before {
    content: "30";
    display: block;
    font-size: 20px;
}

.shrinkwell-free-limit-card__icon::after {
    content: "MB";
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    font-size: 9px;
    letter-spacing: 0.04em;
    text-align: center;
}

.shrinkwell-free-limit-card__body {
    min-width: 0;
}

.shrinkwell-free-limit-card__eyebrow {
    display: block;
    margin-bottom: 4px;
    color: var(--shrinkwell-magenta);
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.shrinkwell-free-limit-card h2 {
    margin: 0 0 8px;
    color: var(--shrinkwell-purple);
    font-size: 18px;
    line-height: 1.25;
}

.shrinkwell-free-limit-card p {
    margin: 0;
    color: var(--shrinkwell-muted);
}

.shrinkwell-free-limit-card__note {
    margin-top: 8px !important;
    font-size: 13px;
    line-height: 1.45;
}

.shrinkwell-free-limit-card p strong {
    display: block;
    margin-bottom: 4px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-free-limit-card .button {
    grid-column: 1 / -1;
    justify-self: start;
}

.shrinkwell-pro-page {
    box-sizing: border-box;
    display: grid;
    gap: 20px;
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: 0;
}

.shrinkwell-pro-page *,
.shrinkwell-pro-page *::before,
.shrinkwell-pro-page *::after {
    box-sizing: border-box;
}

.shrinkwell-pro-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.75fr);
    gap: 34px;
    align-items: center;
    overflow: hidden;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid #f3b9d4;
    border-radius: 24px;
    background:
        radial-gradient(circle at 18% 12%, rgba(240, 0, 104, 0.14), transparent 32%),
        linear-gradient(135deg, #fff 0%, #fff5fa 48%, #fff 100%);
    box-shadow: 0 22px 56px rgba(35, 17, 55, 0.08);
}

.shrinkwell-pro-hero::after {
    position: absolute;
    right: -80px;
    bottom: -140px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(240, 0, 104, 0.08);
    content: "";
}

.shrinkwell-pro-hero__icon {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    width: 98px;
    height: 98px;
    margin-bottom: 22px;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--shrinkwell-magenta), #ff72ad);
    box-shadow: 0 20px 42px rgba(236, 0, 112, 0.28);
}

.shrinkwell-pro-hero__icon::before {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    content: "➜";
    font-size: 46px;
    font-weight: 900;
    transform: rotate(-35deg);
}

.shrinkwell-pro-page.is-active-account .shrinkwell-pro-hero__icon {
    background: linear-gradient(135deg, #16a34a, #5dd986);
    box-shadow: 0 20px 42px rgba(22, 163, 74, 0.24);
}

.shrinkwell-pro-page.is-active-account .shrinkwell-pro-hero__icon::before {
    content: "✓";
    transform: none;
}

.shrinkwell-pro-hero__copy {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 2;
}

.shrinkwell-pro-hero__copy h2 {
    max-width: 720px;
    margin: 0 0 14px;
    color: var(--shrinkwell-purple);
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.03;
    letter-spacing: -0.035em;
}

.shrinkwell-pro-hero__copy p,
.shrinkwell-pro-hero__action p {
    margin: 0;
    color: var(--shrinkwell-muted);
    font-size: 16px;
    line-height: 1.6;
}

.shrinkwell-pro-hero__copy > p:not(.shrinkwell-pro-trust) {
    max-width: 660px;
    color: #4f4654;
    font-size: 18px;
}

.shrinkwell-pro-trust {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px !important;
    padding: 9px 12px;
    color: var(--shrinkwell-purple) !important;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid #f3d3e2;
    border-radius: 999px;
    font-weight: 800;
}

.shrinkwell-pro-trust span {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #15803d;
    background: #e9f9ef;
}

.shrinkwell-pro-hero__action {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1 / span 2;
    padding: 22px;
    border: 1px solid #f0d5e2;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 44px rgba(35, 17, 55, 0.08);
}

.shrinkwell-pro-page.is-active-account .shrinkwell-pro-hero__action {
    border-color: #bbf7d0;
    background: linear-gradient(135deg, #fff 0%, #f4fff8 100%);
}

.shrinkwell-pro-hero__action p strong {
    display: block;
    margin-bottom: 4px;
    color: var(--shrinkwell-purple);
    font-size: 15px;
}

.shrinkwell-pro-page.is-active-account .shrinkwell-pro-hero__action p strong {
    color: #15803d;
}

.shrinkwell-pro-meter {
    height: 13px;
    margin: 16px 0 18px;
    overflow: hidden;
    border-radius: 999px;
    background: #efe8ef;
}

.shrinkwell-pro-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--shrinkwell-magenta), #ff6aa8);
    box-shadow: 0 5px 14px rgba(240, 0, 104, 0.28);
}

.shrinkwell-pro-hero__buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.shrinkwell-pro-hero__buttons .button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    text-align: center;
    font-size: 15px;
}

.shrinkwell-pro-hero__buttons .button-primary {
    font-size: 16px;
    box-shadow: 0 12px 26px rgba(240, 0, 104, 0.24);
}

.shrinkwell-pro-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.shrinkwell-pro-stat-card {
    display: flex;
    gap: 14px;
    align-items: center;
    min-height: 86px;
    padding: 16px;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(35, 17, 55, 0.04);
}

.shrinkwell-pro-stat-card small,
.shrinkwell-pro-stat-card em {
    display: block;
    color: var(--shrinkwell-muted);
    font-style: normal;
    line-height: 1.35;
}

.shrinkwell-pro-stat-card small {
    font-weight: 700;
}

.shrinkwell-pro-stat-card strong {
    display: block;
    margin: 4px 0 2px;
    color: var(--shrinkwell-purple);
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.shrinkwell-pro-mini-icon,
.shrinkwell-pro-benefit__icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid #ffd4e5;
    border-radius: 14px;
    color: var(--shrinkwell-magenta);
    background: #fff0f6;
    font-size: 24px;
    font-weight: 900;
}

.shrinkwell-pro-mini-icon.is-limit::before { content: "30"; font-size: 18px; }
.shrinkwell-pro-mini-icon.is-used::before { content: "▣"; }
.shrinkwell-pro-mini-icon.is-images::before { content: "▧"; }
.shrinkwell-pro-mini-icon.is-savings::before { content: "$"; }
.shrinkwell-pro-benefit__icon.is-infinity::before { content: "∞"; }
.shrinkwell-pro-benefit__icon.is-image::before { content: "▧"; }
.shrinkwell-pro-benefit__icon.is-upload::before { content: "↑"; }
.shrinkwell-pro-benefit__icon.is-shield::before { content: "✓"; }

.shrinkwell-pro-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(310px, 0.95fr);
    gap: 18px;
    align-items: stretch;
}

.shrinkwell-pro-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.shrinkwell-pro-comparison {
    overflow-x: auto;
    padding: 22px;
}

.shrinkwell-pro-comparison h2,
.shrinkwell-pro-benefits h2,
.shrinkwell-pro-cleanup h2,
.shrinkwell-pro-license-card h2 {
    margin-bottom: 16px;
    font-size: 22px;
    letter-spacing: -0.02em;
}

.shrinkwell-pro-comparison table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 15px;
    table-layout: fixed;
}

.shrinkwell-pro-comparison col:nth-child(1) {
    width: 42%;
}

.shrinkwell-pro-comparison col:nth-child(2) {
    width: 25%;
}

.shrinkwell-pro-comparison col:nth-child(3) {
    width: 33%;
}

.shrinkwell-pro-comparison th,
.shrinkwell-pro-comparison td {
    padding: 16px 14px;
    border-bottom: 1px solid var(--shrinkwell-border);
    text-align: left;
    vertical-align: middle;
}

.shrinkwell-pro-comparison thead th {
    color: var(--shrinkwell-purple);
    font-size: 18px;
    line-height: 1.2;
}

.shrinkwell-pro-comparison thead th:nth-child(2),
.shrinkwell-pro-comparison thead th:nth-child(3),
.shrinkwell-pro-comparison tbody td {
    text-align: center;
}

.shrinkwell-pro-comparison thead th:nth-child(3) {
    position: relative;
    border-top: 1px solid #f5c2d9;
    border-right: 1px solid #f5c2d9;
    border-left: 1px solid #f5c2d9;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.shrinkwell-pro-comparison .shrinkwell-plan-title {
    display: block;
    color: var(--shrinkwell-magenta);
    font-size: 22px;
    line-height: 1.15;
}

.shrinkwell-pro-comparison .shrinkwell-plan-badge {
    display: inline-flex;
    margin-top: 7px;
    padding: 4px 9px;
    color: #fff;
    background: var(--shrinkwell-magenta);
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.shrinkwell-pro-comparison tbody th {
    color: var(--shrinkwell-purple);
    font-size: 15px;
    font-weight: 800;
}

.shrinkwell-pro-comparison th:nth-child(3),
.shrinkwell-pro-comparison td:nth-child(3) {
    background: #fff7fb;
}

.shrinkwell-pro-comparison td:nth-child(3) {
    border-right: 1px solid #f5c2d9;
    border-left: 1px solid #f5c2d9;
}

.shrinkwell-pro-comparison tbody tr:last-child td,
.shrinkwell-pro-comparison tbody tr:last-child th {
    border-bottom: 0;
}

.shrinkwell-pro-comparison tbody tr:last-child td:nth-child(3) {
    border-bottom: 1px solid #f5c2d9;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.shrinkwell-pro-feature {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--shrinkwell-purple);
    font-weight: 800;
    line-height: 1.35;
}

.shrinkwell-pro-feature span {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

.shrinkwell-pro-feature.is-included span {
    color: #15803d;
    background: #e9f9ef;
}

.shrinkwell-pro-feature.is-included span::before { content: "✓"; }

.shrinkwell-pro-feature.is-locked span {
    color: #6b5d70;
    background: #f2eef3;
}

.shrinkwell-pro-feature.is-locked span::before { content: "\1F512"; font-size: 11px; }

.shrinkwell-pro-feature.is-partial span,
.shrinkwell-pro-feature.is-limited span {
    color: #a16207;
    background: #fff7df;
}

.shrinkwell-pro-feature.is-partial span::before,
.shrinkwell-pro-feature.is-limited span::before { content: "!"; }

.shrinkwell-pro-benefits {
    display: grid;
    gap: 14px;
    align-content: start;
    padding: 22px;
}

.shrinkwell-benefit-grid {
    display: grid;
    gap: 12px;
}

.shrinkwell-pro-benefit,
.shrinkwell-benefit-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    border: 1px solid #f0dce7;
    border-radius: 16px;
    background: linear-gradient(135deg, #fff 0%, #fff9fc 100%);
}

.shrinkwell-pro-benefit h3 {
    margin: 0 0 6px;
    color: var(--shrinkwell-purple);
    font-size: 16px;
    line-height: 1.25;
}

.shrinkwell-pro-benefit p {
    margin: 0;
    color: var(--shrinkwell-muted);
    line-height: 1.45;
}

.shrinkwell-pro-cleanup {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 24px;
    align-items: center;
    overflow: hidden;
    min-height: 238px;
    border: 1px solid #f3b9d4;
    background:
        radial-gradient(circle at 82% 48%, rgba(240, 0, 104, 0.13), transparent 28%),
        linear-gradient(135deg, #fff 0%, #fff4f9 100%);
    box-shadow: 0 14px 38px rgba(35, 17, 55, 0.05);
}

.shrinkwell-pro-cleanup__icon {
    order: 2;
    justify-self: center;
    width: 178px;
    height: 178px;
    border: 1px solid #ffd4e5;
    border-radius: 36px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 240, 246, 0.92)),
        #fff0f6;
    position: relative;
    box-shadow: inset 0 0 0 14px rgba(255, 255, 255, 0.5);
}

.shrinkwell-pro-cleanup__icon::before {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--shrinkwell-magenta);
    content: "♻";
    font-size: 76px;
}

.shrinkwell-pro-cleanup > div {
    position: relative;
    z-index: 1;
}

.shrinkwell-pro-cleanup p {
    max-width: 680px;
    color: #4f4654;
    font-size: 15px;
    line-height: 1.55;
}

.shrinkwell-pro-cleanup ul {
    display: grid;
    gap: 8px;
    margin: 16px 0 20px;
    padding: 0;
    list-style: none;
}

.shrinkwell-pro-cleanup li {
    color: var(--shrinkwell-purple);
    font-weight: 800;
}

.shrinkwell-pro-cleanup li::before {
    margin-right: 8px;
    color: var(--shrinkwell-magenta);
    content: "✓";
    font-weight: 900;
}

.shrinkwell-pro-cleanup .button-primary {
    min-height: 44px;
    padding-right: 20px;
    padding-left: 20px;
}

.shrinkwell-pro-license-card {
    align-self: stretch;
    padding: 22px;
    max-width: 620px;
}

.shrinkwell-pro-license-card p {
    color: var(--shrinkwell-muted);
}

.shrinkwell-license-form {
    display: grid;
    gap: 10px;
    width: 100%;
}

.shrinkwell-license-form label {
    font-weight: 800;
    color: var(--shrinkwell-purple);
}

.shrinkwell-license-form input {
    width: 100%;
    max-width: 100%;
    min-height: 42px;
}

.shrinkwell-license-form .description {
    margin: -2px 0 4px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-license-form .button {
    justify-self: start;
}

.shrinkwell-license-status {
    min-height: 20px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-license-status.is-ok {
    color: #15803d;
    font-weight: 700;
}

.shrinkwell-license-status.is-error {
    color: #b91c1c;
    font-weight: 700;
}

.shrinkwell-pro-page + .shrinkwell-review-notice {
    max-width: 1280px;
    margin-top: 4px;
    padding: 14px 18px;
}

.shrinkwell-pro-page + .shrinkwell-review-notice .shrinkwell-review-stars {
    font-size: 22px;
}

.shrinkwell-pro-page + .shrinkwell-review-notice .shrinkwell-review-actions {
    justify-content: flex-end;
}

.shrinkwell-bulk-meter {
    --shrinkwell-progress: 0%;
    position: relative;
    display: grid;
    place-items: center;
    width: 132px;
    aspect-ratio: 1;
    color: var(--shrinkwell-purple);
    background:
        radial-gradient(circle at center, #fff 0 58%, transparent 59%),
        conic-gradient(var(--shrinkwell-magenta) var(--shrinkwell-progress), #f0f0f1 0);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #f5a3c8;
}

.shrinkwell-bulk-meter.is-running::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(240, 0, 104, 0.35);
    border-radius: 50%;
    animation: shrinkwellPulse 1.4s ease-out infinite;
}

.shrinkwell-bulk-meter strong,
.shrinkwell-bulk-meter span {
    position: relative;
    z-index: 1;
}

.shrinkwell-bulk-meter strong {
    font-size: 28px;
    line-height: 1;
}

.shrinkwell-bulk-meter span {
    margin-top: 4px;
    color: #646970;
    font-size: 12px;
    font-weight: 700;
}

.shrinkwell-bulk-summary-cards {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 22px;
}

.shrinkwell-bulk-summary-cards span {
    position: relative;
    display: block;
    min-height: 76px;
    padding: 16px 14px 14px 44px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(39, 16, 47, 0.04);
    color: #646970;
    font-weight: 700;
}

.shrinkwell-bulk-summary-cards span::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 14px;
    width: 18px;
    height: 18px;
    background: var(--shrinkwell-magenta);
    border-radius: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.shrinkwell-bulk-summary-cards strong {
    display: block;
    margin-bottom: 5px;
    color: var(--shrinkwell-purple);
    font-size: 24px;
    line-height: 1.05;
}

.shrinkwell-demo-preview-notice {
    border-left-color: var(--shrinkwell-magenta);
}

.shrinkwell-demo-examples {
    margin: -4px 0 22px;
    padding: 14px 16px;
    background: #fff8fb;
    border: 1px solid #f7c8dc;
    border-radius: 8px;
}

.shrinkwell-demo-examples > strong {
    display: block;
    margin-bottom: 10px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-demo-examples ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.shrinkwell-demo-examples li {
    margin: 0;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
}

.shrinkwell-demo-examples span,
.shrinkwell-demo-examples em,
.shrinkwell-demo-examples b {
    display: block;
}

.shrinkwell-demo-examples span {
    color: #1d2327;
    font-weight: 700;
}

.shrinkwell-demo-examples em {
    margin-top: 4px;
    color: #646970;
    font-style: normal;
}

.shrinkwell-demo-examples b {
    margin-top: 8px;
    color: #16833a;
}

.shrinkwell-bulk-card-total::before {
    background: var(--shrinkwell-magenta);
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m7 16 4-4 3 3 2-2 1 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='15.5' cy='9.5' r='1.5' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m7 16 4-4 3 3 2-2 1 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='15.5' cy='9.5' r='1.5' fill='black'/%3E%3C/svg%3E");
}

.shrinkwell-bulk-card-ready::before,
.shrinkwell-bulk-card-done::before {
    background: #16a34a;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.shrinkwell-bulk-card-large::before {
    background: #f59e0b;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3 2.8 20h18.4L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v4M12 17h.01' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3 2.8 20h18.4L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v4M12 17h.01' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.shrinkwell-bulk-card-saved::before {
    background: #16a34a;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 11v5c0 1.7 3.1 3 7 3 .7 0 1.4 0 2-.1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m16 17 2 2 4-5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 11v5c0 1.7 3.1 3 7 3 .7 0 1.4 0 2-.1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m16 17 2 2 4-5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.shrinkwell-bulk-card-skipped::before {
    background: #6b7280;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='4' width='12' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='4' width='12' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.shrinkwell-bulk-queue-note {
    position: relative;
    margin: 14px 0 10px;
    padding: 12px 14px 12px 42px;
    color: #24623a;
    background: #effaf2;
    border: 1px solid #c9ebd1;
    border-radius: 8px;
    font-weight: 700;
    line-height: 1.45;
}

.shrinkwell-bulk-queue-note::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 15px;
    width: 16px;
    height: 16px;
    background: #16a34a;
    border-radius: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.shrinkwell-bulk-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 0 0 16px;
}

.shrinkwell-bulk-actions .button {
    min-width: 148px;
}

.shrinkwell-bulk-actions .button-primary {
    min-width: 220px;
}

.shrinkwell-bulk-webp-note {
    margin-top: 0;
}

.shrinkwell-flow-nav {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 16px;
}

.shrinkwell-flow-dot {
    width: 8px;
    height: 8px;
    background: #d7c6d4;
    border-radius: 999px;
    transition: width 160ms ease, background-color 160ms ease;
}

.shrinkwell-flow-dot.is-active {
    width: 24px;
    background: var(--shrinkwell-magenta);
}

.shrinkwell-flow-dot.is-done {
    background: #16a34a;
}

.shrinkwell-flow-nav strong {
    margin-left: 4px;
    color: var(--shrinkwell-muted);
    font-size: 12px;
}

.shrinkwell-bulk-panel .shrinkwell-bulk-card-saved[hidden],
.shrinkwell-bulk-panel .shrinkwell-bulk-card-skipped[hidden],
.shrinkwell-bulk-panel .shrinkwell-bulk-queue-note,
.shrinkwell-bulk-panel .shrinkwell-bulk-webp-note,
.shrinkwell-bulk-panel .shrinkwell-bulk-mini-log {
    display: none;
}

.shrinkwell-bulk-panel[data-state="idle"] #shrinkwell-pause-bulk,
.shrinkwell-bulk-panel[data-state="testing"] .shrinkwell-bulk-actions,
.shrinkwell-bulk-panel[data-state="testing"] .shrinkwell-start-context,
.shrinkwell-bulk-panel[data-state="result-ok"] .shrinkwell-bulk-actions,
.shrinkwell-bulk-panel[data-state="result-ok"] .shrinkwell-start-warning,
.shrinkwell-bulk-panel[data-state="result-ok"] .shrinkwell-start-context,
.shrinkwell-bulk-panel[data-state="result-error"] .shrinkwell-bulk-actions,
.shrinkwell-bulk-panel[data-state="result-error"] .shrinkwell-start-warning,
.shrinkwell-bulk-panel[data-state="result-error"] .shrinkwell-start-context,
.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-start-context,
.shrinkwell-bulk-panel[data-state="paused"] #shrinkwell-start-test-bulk,
.shrinkwell-bulk-panel[data-state="paused"] #shrinkwell-pause-bulk,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-start-warning,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-start-context,
.shrinkwell-bulk-panel[data-state="proof"] .shrinkwell-bulk-actions,
.shrinkwell-bulk-panel[data-state="proof"] .shrinkwell-start-warning,
.shrinkwell-bulk-panel[data-state="proof"] .shrinkwell-start-context {
    display: none;
}

.shrinkwell-bulk-panel[data-state="running"] #shrinkwell-start-test-bulk,
.shrinkwell-bulk-panel[data-state="running"] #shrinkwell-start-bulk {
    display: none;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-summary-cards,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-bulk-summary-cards {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-summary-cards span,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-bulk-summary-cards span {
    display: flex;
    min-height: 0;
    align-items: baseline;
    gap: 7px;
    padding: 9px 11px 9px 34px;
    border-radius: 7px;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.25;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-summary-cards span::before,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-bulk-summary-cards span::before {
    top: 50%;
    left: 11px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-summary-cards strong,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-bulk-summary-cards strong {
    display: inline;
    margin: 0;
    font-size: 18px;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-start-warning {
    display: inline-flex;
    width: auto;
    max-width: calc(100% - 140px);
    min-height: 38px;
    align-items: center;
    margin: 8px 10px 0 0;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: top;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-actions {
    display: inline-flex;
    margin: 8px 0 0;
    vertical-align: top;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-actions .button {
    min-width: 112px;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-progress.is-active,
.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-progress.is-active {
    margin-top: 12px;
}

.shrinkwell-flow-testing,
.shrinkwell-bulk-panel .shrinkwell-progress,
.shrinkwell-bulk-panel .shrinkwell-bulk-proof,
.shrinkwell-bulk-panel #shrinkwell-frontend-proof-results,
.shrinkwell-bulk-panel #shrinkwell-new-run,
.shrinkwell-bulk-panel #shrinkwell-completion-banner {
    display: none;
}

.shrinkwell-bulk-panel[data-state="testing"] .shrinkwell-flow-testing {
    display: grid;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-progress {
    display: grid;
}

.shrinkwell-bulk-panel[data-state="paused"] .shrinkwell-progress {
    display: grid;
}

.shrinkwell-bulk-panel[data-state="running"] #shrinkwell-pause-bulk {
    display: inline-flex;
}

.shrinkwell-bulk-panel[data-state="proof"] .shrinkwell-bulk-proof,
.shrinkwell-bulk-panel[data-state="proof"] #shrinkwell-new-run,
.shrinkwell-bulk-panel[data-state="proof"] #shrinkwell-completion-banner {
    display: flex;
}

.shrinkwell-bulk-panel[data-state="proof"] #shrinkwell-frontend-proof-results:not([hidden]) {
    display: block;
}

.shrinkwell-flow-testing {
    justify-items: center;
    gap: 8px;
    margin: 16px 0;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
}

.shrinkwell-flow-spinner {
    width: 32px;
    height: 32px;
    border: 3px solid #f3e4ec;
    border-top-color: var(--shrinkwell-magenta);
    border-radius: 50%;
    animation: shrinkwellSpin 0.8s linear infinite;
}

.shrinkwell-flow-testing strong {
    color: var(--shrinkwell-purple);
}

.shrinkwell-flow-testing span {
    color: var(--shrinkwell-muted);
}

@keyframes shrinkwellSpin {
    to {
        transform: rotate(360deg);
    }
}

.shrinkwell-result-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.shrinkwell-result-actions .button-link {
    color: var(--shrinkwell-muted);
    text-decoration: underline;
}

.shrinkwell-result-saving {
    width: fit-content;
    padding: 4px 8px;
    color: #24623a;
    background: #effaf2;
    border-radius: 999px;
    font-weight: 800;
}

.shrinkwell-run-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.shrinkwell-run-stats span {
    display: grid;
    gap: 2px;
    padding: 9px 10px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    color: var(--shrinkwell-muted);
    font-size: 12px;
}

.shrinkwell-run-stats strong {
    color: var(--shrinkwell-purple);
    font-size: 18px;
    line-height: 1;
}

.shrinkwell-completion-banner {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 14px 0;
    padding: 14px 16px;
    color: #24623a;
    background: #effaf2;
    border: 1px solid #c9ebd1;
    border-radius: 8px;
}

.shrinkwell-bulk-next-step,
.shrinkwell-bulk-mini-log,
.shrinkwell-bulk-proof {
    margin: 14px 0;
    padding: 14px 16px;
    border-radius: 8px;
}

.shrinkwell-bulk-next-step[hidden] {
    display: none;
}

.shrinkwell-bulk-next-step {
    position: relative;
    display: grid;
    gap: 4px;
    padding-left: 52px;
    border: 1px solid #c9ebd1;
    background: #effaf2;
    color: #24623a;
}

.shrinkwell-bulk-next-step.is-review {
    border-color: #f1b6b8;
    background: #fff5f6;
    color: #8a2424;
}

.shrinkwell-bulk-next-step::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    width: 22px;
    height: 22px;
    background: #16a34a;
    border-radius: 50%;
}

.shrinkwell-bulk-next-step.is-review::before {
    background: #dc2626;
}

.shrinkwell-bulk-next-step strong,
.shrinkwell-bulk-mini-log strong,
.shrinkwell-bulk-proof strong {
    color: var(--shrinkwell-purple);
}

.shrinkwell-bulk-next-step span,
.shrinkwell-bulk-proof span {
    color: var(--shrinkwell-muted);
}

.shrinkwell-bulk-mini-log {
    border: 1px solid #f3d08b;
    background: #fff8e5;
}

.shrinkwell-bulk-mini-log ul {
    display: grid;
    gap: 8px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.shrinkwell-bulk-mini-log li {
    display: grid;
    gap: 3px;
    padding-top: 8px;
    border-top: 1px solid rgba(219, 166, 23, 0.32);
}

.shrinkwell-bulk-mini-log li:first-child {
    padding-top: 0;
    border-top: 0;
}

.shrinkwell-bulk-mini-log span {
    color: var(--shrinkwell-purple);
    font-weight: 800;
}

.shrinkwell-bulk-mini-log small {
    color: var(--shrinkwell-muted);
    line-height: 1.4;
}

.shrinkwell-bulk-proof {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--shrinkwell-border);
    background: #fff;
}

.shrinkwell-bulk-proof > div:first-child {
    display: grid;
    gap: 4px;
}

.shrinkwell-bulk-proof-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.shrinkwell-bulk-proof-actions input {
    min-height: 38px;
}

@keyframes shrinkwellPulse {
    from {
        opacity: 0.75;
        transform: scale(0.96);
    }

    to {
        opacity: 0;
        transform: scale(1.1);
    }
}

@keyframes shrinkwellStatePulse {
    0%,
    100% {
        opacity: 0.45;
        transform: scale(0.86);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.shrinkwell-delivery-test {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #dcdcde;
}

.shrinkwell-delivery-test #shrinkwell-proof-url {
    min-height: 38px;
    margin-left: 8px;
    vertical-align: middle;
}

.shrinkwell-test-results {
    max-width: 680px;
    margin-top: 14px;
    padding: 14px;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
    border-radius: 6px;
}

.shrinkwell-proof-estimate {
    margin: 12px 0;
    padding: 16px;
    background: linear-gradient(135deg, #fff5fa, #fff);
    border: 1px solid #ffd1e5;
    border-radius: 12px;
}

.shrinkwell-proof-estimate.is-compact {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 4px 12px;
    align-items: baseline;
    padding: 12px 14px;
    background: #fff;
}

.shrinkwell-proof-verdict {
    margin: 12px 0;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 10px;
}

.shrinkwell-proof-verdict.is-good {
    border-left-color: #008a20;
    background: #f7fff8;
}

.shrinkwell-proof-verdict strong {
    display: block;
    color: var(--shrinkwell-purple);
    font-size: 16px;
}

.shrinkwell-proof-verdict p {
    margin: 6px 0;
    color: var(--shrinkwell-muted);
}

.shrinkwell-proof-verdict span {
    color: var(--shrinkwell-purple);
    font-weight: 800;
}

.shrinkwell-proof-estimate strong,
.shrinkwell-proof-estimate span,
.shrinkwell-proof-estimate small {
    display: block;
}

.shrinkwell-proof-estimate strong {
    color: var(--shrinkwell-purple);
    font-size: 30px;
    line-height: 1;
}

.shrinkwell-proof-estimate.is-compact strong {
    font-size: 22px;
}

.shrinkwell-proof-estimate span {
    margin-top: 6px;
    font-weight: 800;
}

.shrinkwell-proof-estimate.is-compact span {
    margin-top: 0;
}

.shrinkwell-proof-estimate small {
    margin-top: 6px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-proof-estimate.is-compact small {
    grid-column: 1 / -1;
    font-size: 12px;
}

.shrinkwell-proof-cache-hint {
    margin: 12px 0;
    padding: 12px 14px;
    border-left: 4px solid var(--shrinkwell-magenta);
    background: #fff5fa;
    border-radius: 8px;
}

.shrinkwell-proof-next-steps {
    margin: 12px 0;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #ffd1e5;
    border-radius: 10px;
}

.shrinkwell-proof-next-steps strong {
    display: block;
    color: var(--shrinkwell-purple);
}

.shrinkwell-proof-next-steps ol {
    margin: 8px 0 0 20px;
}

.shrinkwell-proof-next-steps li {
    margin: 4px 0;
    color: var(--shrinkwell-muted);
}

.shrinkwell-proof-details p,
.shrinkwell-proof-details li {
    color: var(--shrinkwell-muted);
    font-weight: 500;
    line-height: 1.45;
}

.shrinkwell-proof-details ul {
    margin-top: 8px;
}

.shrinkwell-proof-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.shrinkwell-proof-item {
    padding: 12px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 10px;
}

.shrinkwell-proof-item.is-ok {
    border-left-color: #00a32a;
}

.shrinkwell-proof-item.is-warn {
    border-left-color: #dba617;
}

.shrinkwell-proof-item strong,
.shrinkwell-proof-item span {
    display: block;
}

.shrinkwell-proof-item strong {
    color: var(--shrinkwell-purple);
    font-size: 24px;
    line-height: 1;
}

.shrinkwell-proof-item span {
    margin-top: 6px;
    color: var(--shrinkwell-muted);
    font-size: 12px;
    font-weight: 700;
}

.shrinkwell-proof-details {
    margin-top: 10px;
}

.shrinkwell-proof-details summary {
    cursor: pointer;
    font-weight: 700;
}

.shrinkwell-proof-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.shrinkwell-proof-copy-feedback {
    color: var(--shrinkwell-muted);
    font-weight: 700;
}

.shrinkwell-seo-results {
    max-width: 100%;
}

.shrinkwell-seo-table {
    margin: 12px 0;
    table-layout: fixed;
}

.shrinkwell-seo-table th:nth-child(1),
.shrinkwell-seo-table td:nth-child(1) {
    width: 22%;
}

.shrinkwell-seo-table th:nth-child(2),
.shrinkwell-seo-table td:nth-child(2) {
    width: 128px;
}

.shrinkwell-seo-table th:nth-child(3),
.shrinkwell-seo-table td:nth-child(3) {
    width: 32%;
}

.shrinkwell-seo-table th:nth-child(4),
.shrinkwell-seo-table td:nth-child(4) {
    width: 28%;
}

.shrinkwell-seo-table th:nth-child(5),
.shrinkwell-seo-table td:nth-child(5) {
    width: 86px;
}

.shrinkwell-seo-status-heading {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.shrinkwell-seo-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 14px 0 10px;
}

.shrinkwell-seo-bulk-status {
    color: var(--shrinkwell-muted);
    font-weight: 700;
}

.shrinkwell-zero-savings-panel summary {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
}

.shrinkwell-zero-savings-actions,
.shrinkwell-zero-savings-filters,
.shrinkwell-zero-savings-bulk-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.shrinkwell-zero-savings-actions {
    margin: 12px 0;
}

.shrinkwell-zero-savings-actions .spinner.is-active {
    visibility: visible;
}

#shrinkwell-zero-savings-status.is-error {
    color: #b32d2e;
}

.shrinkwell-zero-savings-summary {
    margin: 12px 0;
    padding: 10px 12px;
    border-left: 4px solid var(--shrinkwell-warn);
    background: #fff8e5;
    font-weight: 700;
}

.shrinkwell-zero-savings-filters {
    margin: 0 0 10px;
}

.shrinkwell-zero-savings-action-status {
    color: var(--shrinkwell-muted);
    font-weight: 700;
}

.shrinkwell-zero-savings-action-status.is-error {
    color: #b32d2e;
}

.shrinkwell-zero-savings-table tr.is-processing {
    opacity: 0.55;
}

.shrinkwell-zero-filter.is-active {
    border-color: var(--shrinkwell-primary);
    color: var(--shrinkwell-primary);
}

.shrinkwell-zero-savings-table img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 4px;
    background: #fff;
}

.shrinkwell-zero-savings-table th:first-child,
.shrinkwell-zero-savings-table td:first-child {
    width: 54px;
}

.shrinkwell-zero-reason {
    font-weight: 700;
}

.sw-savings-low,
.shrinkwell-zero-reason-large_png,
.shrinkwell-zero-reason-unknown {
    color: #cc3300;
}

.sw-savings-medium,
.shrinkwell-zero-reason-encoder_skipped,
.shrinkwell-zero-reason-resize_skipped {
    color: #e67e00;
}

.sw-savings-high,
.shrinkwell-zero-reason-already_small,
.shrinkwell-zero-reason-already_webp {
    color: #2e7d32;
}

.shrinkwell-backup-cleanup {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--shrinkwell-border);
}

.shrinkwell-backup-cleanup #shrinkwell-backup-cleanup-status {
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

#shrinkwell-backup-cleanup-status.is-ok,
.shrinkwell-log-backup_cleanup {
    color: #2e7d32;
}

#shrinkwell-backup-cleanup-status.is-error {
    color: #cc3300;
}

.shrinkwell-seo-image-cell {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shrinkwell-seo-image-cell img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    background: #fff;
}

.shrinkwell-seo-image-cell strong,
.shrinkwell-seo-image-cell span,
.shrinkwell-seo-table small {
    display: block;
}

.shrinkwell-seo-image-cell strong {
    font-size: 13px;
    line-height: 1.25;
}

.shrinkwell-seo-image-cell span,
.shrinkwell-seo-table small {
    margin-top: 4px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-seo-image-cell span {
    font-size: 12px;
    line-height: 1.25;
    word-break: break-word;
}

.shrinkwell-seo-pill {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.shrinkwell-seo-warn {
    color: #8a5a00;
    background: #fff8e5;
}

.shrinkwell-seo-bad {
    color: #b32d2e;
    background: #fcf0f1;
}

.shrinkwell-seo-good {
    color: #008a20;
    background: #edfaef;
}

.shrinkwell-seo-status-cell {
    text-align: left;
}

.shrinkwell-seo-status-label {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.shrinkwell-seo-dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    padding: 0;
    color: transparent;
    border-radius: 50%;
    cursor: help;
    overflow: hidden;
    vertical-align: middle;
}

.shrinkwell-seo-dot.shrinkwell-seo-bad {
    background: #b32d2e;
}

.shrinkwell-seo-dot.shrinkwell-seo-warn {
    background: #dba617;
}

.shrinkwell-seo-dot.shrinkwell-seo-good {
    background: #008a20;
}

.shrinkwell-seo-alt,
.shrinkwell-seo-title {
    width: 100%;
    max-width: none;
}

.shrinkwell-seo-alt {
    min-height: 58px;
    resize: vertical;
}

.shrinkwell-use-seo-suggestion {
    margin-top: 8px !important;
}

.shrinkwell-seo-suggestion-text {
    display: block;
    color: var(--shrinkwell-muted);
    font-size: 13px;
    line-height: 1.35;
}

.shrinkwell-seo-alt-warning {
    display: block;
    margin-top: 6px;
    color: #b32d2e !important;
    font-weight: 800;
}

.shrinkwell-seo-alt-warning[hidden] {
    display: none;
}

.shrinkwell-seo-save-status {
    display: block;
    margin-top: 6px;
    color: #008a20;
    font-weight: 700;
    font-size: 12px;
}

.shrinkwell-seo-action-cell {
    text-align: center;
    white-space: nowrap;
}

.shrinkwell-seo-save-status.is-error {
    color: #b32d2e;
}

.shrinkwell-seo-table tr.is-seo-saved {
    background: #f7fff8;
}

.shrinkwell-seo-table tr.is-seo-warning {
    box-shadow: inset 4px 0 0 #b32d2e;
}

.shrinkwell-test-results ul {
    margin: 10px 0 0;
}

.shrinkwell-test-results li {
    margin: 6px 0;
    font-weight: 600;
}

.shrinkwell-check-ok {
    color: #008a20;
}

.shrinkwell-check-ok::before {
    content: "OK ";
}

.shrinkwell-check-warn {
    color: #8a6100;
}

.shrinkwell-check-warn::before {
    content: "Check ";
}

.shrinkwell-test-error {
    color: #b32d2e;
    font-weight: 600;
}

.shrinkwell-recommendation-results {
    max-width: 920px;
}

.shrinkwell-recommendation-list {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.shrinkwell-recommendation-item {
    padding: 12px;
    background: #fff;
    border: 1px solid #dcdcde;
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 6px;
}

.shrinkwell-recommendation-item p {
    margin: 5px 0 0;
    color: #50575e;
}

.shrinkwell-recommendation-actions,
.shrinkwell-apply-success p:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.shrinkwell-delivery-readiness {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--shrinkwell-border);
}

.shrinkwell-delivery-readiness p {
    margin-top: 0;
}

.shrinkwell-apply-success {
    margin-top: 14px;
    padding: 12px 14px;
    color: #1d2327;
    background: #edfaef;
    border: 1px solid #00a32a;
    border-radius: 6px;
}

.shrinkwell-apply-success p {
    margin: 0 0 8px;
}

.shrinkwell-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.shrinkwell-action-card {
    display: grid;
    gap: 7px;
    grid-template-columns: 36px 1fr;
    padding: 18px;
    color: #1d2327;
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(39, 16, 47, 0.04);
    transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.shrinkwell-action-card::before {
    content: "\f111";
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--shrinkwell-magenta);
    background: #fff0f7;
    border-radius: 10px;
    font-family: dashicons;
    font-size: 20px;
    line-height: 1;
}

.shrinkwell-action-card:nth-child(2)::before {
    content: "\f123";
}

.shrinkwell-action-card:nth-child(3)::before {
    content: "\f463";
}

.shrinkwell-action-card:nth-child(4)::before {
    content: "\f179";
}

.shrinkwell-action-card:nth-child(5)::before {
    content: "\f321";
}

.shrinkwell-action-card:hover,
.shrinkwell-action-card:focus {
    color: var(--shrinkwell-purple);
    border-color: var(--shrinkwell-magenta);
    box-shadow: 0 12px 24px rgba(240, 0, 104, 0.12);
    transform: translateY(-1px);
}

.shrinkwell-action-card strong {
    grid-column: 2;
    font-size: 15px;
}

.shrinkwell-action-card span {
    grid-column: 2;
    color: var(--shrinkwell-muted);
    line-height: 1.4;
}

.shrinkwell-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.shrinkwell-summary-card {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(39, 16, 47, 0.04);
}

.shrinkwell-summary-card h3 {
    margin: 0;
    color: var(--shrinkwell-purple);
    font-size: 16px;
}

.shrinkwell-summary-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.shrinkwell-summary-card dl {
    display: grid;
    gap: 12px;
    margin: 0;
}

.shrinkwell-summary-card dl > div {
    padding-bottom: 12px;
    border-bottom: 1px solid #f0e7ef;
}

.shrinkwell-summary-card dl > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.shrinkwell-summary-card dt {
    margin-bottom: 4px;
    color: var(--shrinkwell-muted);
    font-weight: 600;
}

.shrinkwell-summary-card dd {
    margin: 0;
}

.shrinkwell-summary-card dd strong,
.shrinkwell-summary-card dd span {
    display: block;
}

.shrinkwell-summary-card dd span {
    margin-top: 3px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-summary-grid-compact {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.shrinkwell-summary-grid-compact .shrinkwell-summary-card {
    padding: 14px;
    gap: 10px;
}

.shrinkwell-summary-grid-compact .shrinkwell-summary-card dl {
    gap: 8px;
}

.shrinkwell-summary-grid-compact .shrinkwell-summary-card dl > div {
    padding-bottom: 8px;
}

.shrinkwell-log-table {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(47, 17, 48, 0.05);
}

.shrinkwell-log-section {
    margin: 14px 0;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.shrinkwell-log-drawer {
    margin-top: 12px;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.shrinkwell-log-drawer > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    color: var(--shrinkwell-purple);
    background: #fff7fb;
    cursor: pointer;
    font-weight: 800;
}

.shrinkwell-log-drawer > summary strong {
    padding: 2px 8px;
    background: #fff;
    border-radius: 999px;
    font-size: 12px;
}

.shrinkwell-log-drawer .shrinkwell-issue-center {
    margin: 14px;
}

.shrinkwell-log-section summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    color: var(--shrinkwell-purple);
    background: #fff7fb;
    cursor: pointer;
    font-weight: 800;
}

.shrinkwell-log-section summary::-webkit-details-marker {
    display: none;
}

.shrinkwell-log-section summary::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #fff;
    background: var(--shrinkwell-magenta);
    border-radius: 50%;
    font-weight: 900;
}

.shrinkwell-log-section[open] summary::before {
    content: "-";
}

.shrinkwell-log-section summary span {
    flex: 1;
}

.shrinkwell-log-section summary strong {
    display: inline-flex;
    min-width: 28px;
    justify-content: center;
    padding: 3px 8px;
    color: var(--shrinkwell-purple);
    background: #fff;
    border-radius: 999px;
}

.shrinkwell-log-section > .description {
    margin: 14px 16px 0;
}

.shrinkwell-log-section .shrinkwell-log-table {
    margin: 12px 16px 16px;
    width: calc(100% - 32px);
}

.shrinkwell-log-table thead th {
    padding: 14px 16px;
    color: var(--shrinkwell-purple);
    background: #fff7fb;
    border-bottom: 1px solid var(--shrinkwell-border);
    font-weight: 800;
}

.shrinkwell-log-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid #f3edf2;
    vertical-align: top;
}

.shrinkwell-log-table tbody tr:last-child td {
    border-bottom: 0;
}

.shrinkwell-log-status {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f0f0f1;
    font-size: 12px;
    font-weight: 700;
}

.shrinkwell-log-optimized {
    color: #008a20;
    background: #edfaef;
}

.shrinkwell-log-error {
    color: #b32d2e;
    background: #fcf0f1;
}

.shrinkwell-log-skipped {
    color: #8a5a00;
    background: #fff8e5;
}

.shrinkwell-log-webp {
    color: #9a1651;
    background: #fff0f6;
}

.shrinkwell-log-restored {
    color: #9a1651;
    background: #fff0f6;
}

.shrinkwell-resize-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0;
}

.shrinkwell-danger-zone {
    margin-top: 16px;
    padding: 14px;
    background: #fff8e5;
    border: 1px solid #dba617;
    border-radius: 6px;
}

.shrinkwell-progress {
    margin-top: 18px;
}

.shrinkwell-progress.is-active {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(39, 16, 47, 0.06);
}

.shrinkwell-progress.is-active #shrinkwell-progress-text {
    margin: 0 0 4px;
    color: var(--shrinkwell-purple);
    font-size: 18px;
    font-weight: 800;
}

.shrinkwell-progress-main {
    min-width: 0;
}

.shrinkwell-progress-bar {
    width: 100%;
    height: 10px;
    margin-top: 12px;
    overflow: hidden;
    background: #f0f0f1;
    border-radius: 999px;
}

.shrinkwell-progress-bar span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--shrinkwell-magenta), var(--shrinkwell-purple));
    transition: width 180ms ease;
}

.shrinkwell-current-image {
    margin: 8px 0 0;
    color: var(--shrinkwell-purple);
    font-weight: 700;
}

.shrinkwell-progress.is-active .shrinkwell-current-image {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.shrinkwell-running-note,
.shrinkwell-run-errors {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    grid-column: 1 / -1;
    margin: 12px 0 0;
    padding: 12px 14px;
    background: #fff7fb;
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 6px;
}

.shrinkwell-running-note {
    position: relative;
    padding-left: 42px;
    color: var(--shrinkwell-purple);
    font-weight: 700;
}

.shrinkwell-running-note::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 15px;
    width: 15px;
    height: 15px;
    background: var(--shrinkwell-magenta);
    border-radius: 50%;
}

@media (prefers-reduced-motion: no-preference) {
    .shrinkwell-bulk-meter.is-running {
        animation: shrinkwell-soft-pulse 1.8s ease-in-out infinite;
    }
}

@keyframes shrinkwell-soft-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 rgba(240, 0, 104, 0);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(240, 0, 104, 0.08);
    }
}

.shrinkwell-run-errors ul {
    margin: 8px 0 0 18px;
}

.shrinkwell-run-errors li {
    margin: 4px 0;
}

.shrinkwell-run-errors-summary {
    margin: 8px 0 0;
    color: var(--shrinkwell-purple);
    font-weight: 800;
}

.shrinkwell-run-errors-reason {
    margin: 4px 0 0;
    color: var(--shrinkwell-muted);
}

.shrinkwell-run-errors-more {
    color: var(--shrinkwell-muted);
    font-style: italic;
}

.shrinkwell-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    color: #9a1651;
    background: #fff0f6;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.shrinkwell-pill-good {
    color: #008a20;
    background: #edfaef;
}

.shrinkwell-pill-warn {
    color: #8a5a00;
    background: #fff8e5;
}

.shrinkwell-media-proof {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    max-width: 260px;
}

.shrinkwell-media-proof small {
    color: #646970;
    line-height: 1.35;
}

.shrinkwell-media-proof-ok {
    color: #008a20 !important;
}

.shrinkwell-media-proof-warn {
    color: #8a5a00 !important;
}

.shrinkwell-media-proof-muted {
    color: #646970 !important;
}

.shrinkwell-media-proof-note {
    display: block;
    max-width: 100%;
}

.shrinkwell-media-proof-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
}

.shrinkwell-media-proof-actions .button-small {
    min-height: 24px;
    padding: 0 7px;
    line-height: 22px;
}

.shrinkwell-attachment-submitbox-status {
    padding-top: 12px;
    padding-bottom: 12px;
}

.shrinkwell-attachment-status-card {
    --shrinkwell-purple: #27102f;
    --shrinkwell-border: #eadfe8;
    --shrinkwell-muted: #646970;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
}

.shrinkwell-attachment-status-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.shrinkwell-attachment-status-card__head strong {
    color: var(--shrinkwell-purple);
}

.shrinkwell-attachment-status-card__percent {
    display: flex;
    align-items: baseline;
    gap: 6px;
    color: var(--shrinkwell-purple);
}

.shrinkwell-attachment-status-card__percent strong {
    font-size: 24px;
    line-height: 1;
}

.shrinkwell-attachment-status-card__percent span {
    color: var(--shrinkwell-muted);
    font-size: 13px;
    font-weight: 700;
}

.shrinkwell-test-compression.is-busy,
.shrinkwell-optimize-attachment.is-busy {
    pointer-events: none;
    opacity: 0.75;
}

.shrinkwell-media-action-status,
.shrinkwell-media-test-status {
    display: block;
    margin-top: 4px;
    color: #646970;
    line-height: 1.35;
}

.row-actions .shrinkwell-media-action-status,
.row-actions .shrinkwell-media-test-status {
    display: inline;
    margin-left: 6px;
}

.shrinkwell-media-action-status.is-ok,
.shrinkwell-media-test-status.is-ok {
    color: #008a20;
}

.shrinkwell-media-action-status.is-error,
.shrinkwell-media-test-status.is-error {
    color: #b32d2e;
}

.shrinkwell-dashboard-widget {
    display: grid;
    gap: 12px;
}

.shrinkwell-dashboard-health {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.shrinkwell-dashboard-health span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2e7d32;
}

.shrinkwell-dashboard-health-orange span {
    background: #e67e00;
}

.shrinkwell-dashboard-health-red span {
    background: #cc3300;
}

.shrinkwell-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.shrinkwell-dashboard-grid div,
.shrinkwell-dashboard-grid a {
    display: grid;
    gap: 2px;
    padding: 10px;
    min-height: 58px;
    border: 1px solid #dcdcde;
    border-radius: 6px;
    color: #1d2327;
    text-decoration: none;
    background: #fff;
}

.shrinkwell-dashboard-grid strong {
    font-size: 18px;
    line-height: 1.2;
}

.shrinkwell-dashboard-grid span {
    color: #646970;
}

@media (max-width: 1200px) {
    .shrinkwell-bulk-summary-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .shrinkwell-demo-examples ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .shrinkwell-brand {
        align-items: flex-start;
        flex-direction: column;
    }

    .shrinkwell-brand-actions {
        justify-content: flex-start;
    }

    .shrinkwell-stats {
        grid-template-columns: 1fr;
    }

    .shrinkwell-overview-layout {
        grid-template-columns: 1fr;
    }

    .shrinkwell-overview-side {
        position: static;
    }

    .shrinkwell-bulk-meter {
        margin: 0 auto;
    }

    .shrinkwell-bulk-summary-cards {
        grid-template-columns: 1fr 1fr;
    }

    .shrinkwell-progress.is-active {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .shrinkwell-progress.is-active .shrinkwell-bulk-meter {
        justify-self: center;
    }

    .shrinkwell-bulk-proof {
        align-items: stretch;
        flex-direction: column;
    }

    .shrinkwell-bulk-proof-actions {
        justify-content: flex-start;
    }

    .shrinkwell-issue-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .shrinkwell-bulk-summary-cards {
        grid-template-columns: 1fr;
    }
}

.shrinkwell-tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 0 5px;
    color: #b32d2e;
    background: #fcf0f1;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

.nav-tab-active .shrinkwell-tab-badge {
    color: #fff;
    background: var(--shrinkwell-magenta);
}

.shrinkwell-stat-progress {
    height: 4px;
    margin: 8px 0 4px;
    background: var(--shrinkwell-border);
    border-radius: 999px;
    overflow: hidden;
}

.shrinkwell-stat-progress-fill {
    height: 100%;
    background: var(--shrinkwell-magenta);
    border-radius: 999px;
    transition: width 400ms ease;
}

.shrinkwell-stat-pct {
    font-size: 12px !important;
    color: var(--shrinkwell-muted) !important;
}

.shrinkwell-next-steps-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.shrinkwell-next-step {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 10px;
}

.shrinkwell-next-step--done {
    border-left-color: #00a32a;
    opacity: 0.85;
}

.shrinkwell-next-step--medium {
    border-left-color: #dba617;
}

.shrinkwell-next-step__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    color: #fff;
    background: var(--shrinkwell-magenta);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.shrinkwell-next-step--done .shrinkwell-next-step__number {
    background: #00a32a;
}

.shrinkwell-next-step--medium .shrinkwell-next-step__number {
    background: #dba617;
}

.shrinkwell-next-step__body {
    flex: 1;
    min-width: 0;
}

.shrinkwell-next-step__body strong {
    display: block;
    color: var(--shrinkwell-purple);
    font-size: 14px;
}

.shrinkwell-next-step__body p {
    margin: 4px 0 8px;
    color: var(--shrinkwell-muted);
    font-size: 13px;
}

.shrinkwell-next-step__cta {
    display: inline-flex;
    color: var(--shrinkwell-magenta);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.shrinkwell-next-step__cta:hover {
    text-decoration: underline;
}

.shrinkwell-sticky-save {
    position: sticky;
    top: 32px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 16px;
    margin: 0 0 16px;
    color: var(--shrinkwell-purple);
    background: #fff;
    border: 1px solid var(--shrinkwell-magenta);
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(240, 0, 104, 0.14);
}

.shrinkwell-sticky-save[hidden] {
    display: none;
}

.shrinkwell-sticky-save__label {
    font-weight: 700;
    font-size: 13px;
}

.shrinkwell-bulk-running-notice {
    display: none;
}

.shrinkwell-bulk-panel[data-state="running"] .shrinkwell-bulk-running-notice {
    display: flex;
}

.shrinkwell-seo-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 12px 0;
}

.shrinkwell-seo-filter {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    color: var(--shrinkwell-muted);
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: color 120ms, border-color 120ms, background 120ms;
}

.shrinkwell-seo-filter:hover {
    border-color: var(--shrinkwell-magenta);
    color: var(--shrinkwell-purple);
}

.shrinkwell-seo-filter.is-active {
    color: #fff;
    background: var(--shrinkwell-magenta);
    border-color: var(--shrinkwell-magenta);
}

.shrinkwell-seo-filter.is-active .shrinkwell-tab-badge {
    color: var(--shrinkwell-magenta);
    background: rgba(255, 255, 255, 0.9);
}

.shrinkwell-tab-badge--warn {
    color: #8a5a00 !important;
    background: #fff8e5 !important;
}

.shrinkwell-backup-zero {
    color: var(--shrinkwell-muted);
    cursor: help;
}

.shrinkwell-savings-good {
    color: #008a20;
    font-weight: 700;
}

.shrinkwell-backup-note {
    margin: 0 0 12px;
    padding: 10px 14px;
    color: var(--shrinkwell-muted);
    background: var(--shrinkwell-soft);
    border-left: 3px solid var(--shrinkwell-border);
    border-radius: 6px;
    font-size: 13px;
}

.shrinkwell-cleanup-stats,
.shrinkwell-cleanup-counts,
.shrinkwell-backup-actions-grid {
    display: grid;
    gap: 16px;
    margin: 18px 0;
}

.shrinkwell-cleanup-stats {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.shrinkwell-cleanup-counts,
.shrinkwell-backup-actions-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shrinkwell-cleanup-stat,
.shrinkwell-cleanup-counts > div,
.shrinkwell-backup-action-card {
    padding: 20px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(39, 16, 47, 0.05);
}

.shrinkwell-cleanup-stat strong,
.shrinkwell-cleanup-counts strong,
.shrinkwell-backup-action-number {
    display: block;
    color: var(--shrinkwell-purple);
    font-size: 28px;
    line-height: 1.1;
}

.shrinkwell-cleanup-stat span,
.shrinkwell-cleanup-counts span,
.shrinkwell-backup-action-card > span {
    display: block;
    margin-top: 5px;
    color: var(--shrinkwell-muted);
    font-weight: 700;
}

.shrinkwell-cleanup-counts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shrinkwell-cleanup-counts > div {
    padding: 15px 18px;
    border-top: 4px solid #8c8f94;
}

.shrinkwell-cleanup-counts .is-used { border-top-color: #2e7d32; }
.shrinkwell-cleanup-counts .is-possibly_unused { border-top-color: #dba617; }
.shrinkwell-cleanup-counts .is-old { border-top-color: #b32d2e; }
.shrinkwell-cleanup-counts .is-protected { border-top-color: #2e7d32; }
.shrinkwell-cleanup-counts .is-needs_review { border-top-color: #2271b1; }

.shrinkwell-scan-mode {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}

.shrinkwell-scan-mode-card {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
    min-width: 245px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 999px;
}

.shrinkwell-scan-mode-card.is-active {
    background: var(--shrinkwell-soft);
    border-color: var(--shrinkwell-magenta);
}

.shrinkwell-cleanup-actions,
.shrinkwell-trash-summary,
.shrinkwell-backup-check-result {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.shrinkwell-backup-check-result[hidden] {
    display: none;
}

.shrinkwell-cleanup-progress {
    height: 5px;
    overflow: hidden;
    background: #f0e8ee;
    border-radius: 999px;
}

.shrinkwell-cleanup-progress span {
    display: block;
    width: 35%;
    height: 100%;
    background: var(--shrinkwell-magenta);
}

.shrinkwell-cleanup-progress.is-running span {
    animation: shrinkwell-cleanup-progress 1.1s ease-in-out infinite;
}

@keyframes shrinkwell-cleanup-progress {
    from { transform: translateX(-110%); }
    to { transform: translateX(300%); }
}

.shrinkwell-cleanup-bulkbar {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 18px 0 12px;
    padding: 12px 14px;
    background: #fff7fb;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
}

.shrinkwell-cleanup-safety-note {
    margin-top: 8px;
    color: #50575e;
    font-weight: 700;
}

.shrinkwell-cleanup-bulkbar .button {
    margin-left: auto;
}

.shrinkwell-cleanup-selection-help {
    color: var(--shrinkwell-muted);
    font-size: 13px;
    font-style: italic;
}

.shrinkwell-cleanup-selection-help[hidden] {
    display: none;
}

.shrinkwell-pro-label {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    border-radius: 999px;
    background: #f0e8ef;
    color: var(--shrinkwell-magenta);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
}

.shrinkwell-cleanup-upgrade {
    margin: 16px 0 20px;
    padding: 20px;
    border: 1px solid #d9c3d5;
    border-left: 4px solid var(--shrinkwell-magenta);
    border-radius: 8px;
    background: #fffafb;
}

.shrinkwell-cleanup-upgrade[hidden] {
    display: none;
}

.shrinkwell-cleanup-upgrade h3 {
    margin: 0 0 8px;
}

.shrinkwell-cleanup-upgrade-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 14px 0;
}

.shrinkwell-limit-modal-open {
    overflow: hidden;
}

.shrinkwell-limit-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(34, 19, 42, 0.34);
}

.shrinkwell-limit-modal-card {
    position: relative;
    width: min(460px, 100%);
    padding: 28px;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(34, 19, 42, 0.26);
}

.shrinkwell-limit-modal-card h2 {
    margin: 0 32px 10px 0;
}

.shrinkwell-limit-modal-card p {
    color: var(--shrinkwell-muted);
    font-size: 15px;
    line-height: 1.55;
}

.shrinkwell-limit-modal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.shrinkwell-limit-modal-x {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #fff;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 8px;
    cursor: pointer;
}

.shrinkwell-cleanup-table-wrap {
    overflow-x: auto;
}

.shrinkwell-cleanup-table th,
.shrinkwell-cleanup-table td {
    padding: 12px 10px;
    vertical-align: middle;
}

.shrinkwell-cleanup-table td strong,
.shrinkwell-cleanup-table td small {
    display: block;
}

.shrinkwell-cleanup-table td small {
    margin-top: 4px;
    color: var(--shrinkwell-muted);
}

.shrinkwell-cleanup-thumb {
    width: 54px;
    height: 54px;
    object-fit: cover;
    background: #f0f0f1;
    border: 1px solid var(--shrinkwell-border);
    border-radius: 7px;
}

.shrinkwell-cleanup-pill {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.shrinkwell-cleanup-pill.is-used,
.shrinkwell-cleanup-pill.is-protected { color: #166534; background: #eaf7ed; }
.shrinkwell-cleanup-pill.is-possibly_unused { color: #7a4b00; background: #fff2c2; }
.shrinkwell-cleanup-pill.is-old { color: #9b1c1c; background: #fde8e8; }
.shrinkwell-cleanup-pill.is-needs_review { color: #135e96; background: #eaf3fb; }

.shrinkwell-confidence {
    display: block;
    width: max-content;
    margin-top: 7px;
    color: #50575e;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.shrinkwell-confidence::before {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    border-radius: 50%;
    background: #8c8f94;
    content: "";
}

.shrinkwell-confidence.is-high::before {
    background: #16a34a;
}

.shrinkwell-confidence.is-medium::before {
    background: #dba617;
}

.shrinkwell-confidence.is-low::before {
    background: #2271b1;
}

.shrinkwell-cleanup-evidence-toggle {
    display: block;
    margin-top: 7px;
    font-weight: 700;
    text-decoration: none;
}

.shrinkwell-cleanup-evidence-toggle::after {
    display: inline-block;
    margin-left: 5px;
    content: "›";
    font-size: 16px;
    line-height: 1;
    transform: rotate(90deg);
    transition: transform 120ms ease;
}

.shrinkwell-cleanup-evidence-toggle[aria-expanded="true"]::after {
    transform: rotate(-90deg);
}

.shrinkwell-cleanup-evidence-row[hidden] {
    display: none;
}

.shrinkwell-cleanup-evidence-row > td {
    padding: 0 18px 16px 86px;
    background: #f8f9fa;
}

.shrinkwell-cleanup-evidence {
    padding: 16px 18px;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    background: #fff;
}

.shrinkwell-cleanup-evidence__heading {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.shrinkwell-cleanup-evidence__heading > strong {
    color: var(--shrinkwell-purple);
    font-size: 15px;
}

.shrinkwell-cleanup-evidence__heading .shrinkwell-confidence {
    margin-top: 0;
}

.shrinkwell-cleanup-evidence > p {
    margin: 8px 0 0;
    color: #50575e;
}

.shrinkwell-cleanup-evidence ul {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
}

.shrinkwell-cleanup-evidence li {
    position: relative;
    display: grid;
    grid-template-columns: minmax(160px, 0.7fr) minmax(240px, 1.2fr) minmax(120px, 0.45fr) auto;
    gap: 12px;
    align-items: center;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #e2e4e7;
    border-radius: 7px;
    background: #fdfdfd;
}

.shrinkwell-cleanup-evidence li strong,
.shrinkwell-cleanup-evidence li span {
    min-width: 0;
}

.shrinkwell-evidence-strength {
    padding: 3px 7px;
    border-radius: 999px;
    color: #50575e;
    background: #f0f0f1;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.shrinkwell-evidence-strength.is-high {
    color: #166534;
    background: #eaf7ed;
}

.shrinkwell-evidence-strength.is-medium {
    color: #7a4b00;
    background: #fff2c2;
}

.shrinkwell-evidence-strength.is-low {
    color: #135e96;
    background: #eaf3fb;
}

.shrinkwell-cleanup-evidence__safety {
    padding: 9px 11px;
    border-left: 3px solid #2271b1;
    background: #f0f6fc;
    font-weight: 700;
}

.shrinkwell-cleanup-evidence__safety.is-eligible {
    border-left-color: #dba617;
    background: #fff8e5;
}

@media screen and (max-width: 960px) {
    .shrinkwell-cleanup-evidence-row > td {
        padding-left: 18px;
    }

    .shrinkwell-cleanup-evidence li {
        grid-template-columns: 1fr;
    }

    .shrinkwell-evidence-strength {
        width: max-content;
    }
}

.shrinkwell-trash-summary {
    margin-bottom: 16px;
}

.shrinkwell-trash-summary span {
    padding: 8px 12px;
    background: #f6f7f7;
    border-radius: 7px;
}

.shrinkwell-button-danger {
    color: #b32d2e !important;
    background: #fff !important;
    border-color: #d63638 !important;
}

.shrinkwell-button-danger:hover,
.shrinkwell-button-danger:focus {
    color: #fff !important;
    background: #b32d2e !important;
    border-color: #b32d2e !important;
}

.shrinkwell-backup-actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shrinkwell-backup-action-card h3 {
    margin: 0 0 14px;
    color: var(--shrinkwell-purple);
    font-size: 18px;
}

.shrinkwell-backup-action-card form,
.shrinkwell-backup-action-card > button,
.shrinkwell-backup-check-result {
    margin-top: 16px;
}

.shrinkwell-backup-check-result {
    padding: 12px;
    background: #edfaef;
    border: 1px solid #a8d5ae;
    border-radius: 7px;
}

.shrinkwell-confirm-modal {
    position: fixed;
    z-index: 100100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(20, 10, 24, 0.58);
}

.shrinkwell-confirm-modal[hidden] {
    display: none;
}

.shrinkwell-confirm-modal-card {
    width: min(480px, 100%);
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 28px 70px rgba(20, 10, 24, 0.3);
}

.shrinkwell-confirm-modal-card h2 {
    margin-top: 0;
}

.shrinkwell-confirm-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

#shrinkwell-cleanup-status.is-ok,
#shrinkwell-trash-action-status.is-ok { color: #2e7d32; font-weight: 700; }
#shrinkwell-cleanup-status.is-error,
#shrinkwell-trash-action-status.is-error { color: #b32d2e; font-weight: 700; }

@media screen and (max-width: 900px) {
    .shrinkwell-pro-hero,
    .shrinkwell-pro-main-grid,
    .shrinkwell-pro-bottom-grid {
        grid-template-columns: 1fr;
    }

    .shrinkwell-pro-hero__icon,
    .shrinkwell-pro-hero__copy,
    .shrinkwell-pro-hero__action {
        grid-column: auto;
        grid-row: auto;
    }

    .shrinkwell-pro-stat-grid {
        grid-template-columns: 1fr 1fr;
    }

    .shrinkwell-cleanup-stats,
    .shrinkwell-cleanup-counts,
    .shrinkwell-backup-actions-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    .shrinkwell-pro-hero {
        padding: 20px;
    }

    .shrinkwell-pro-hero__buttons,
    .shrinkwell-pro-stat-grid,
    .shrinkwell-pro-cleanup {
        grid-template-columns: 1fr;
    }

    .shrinkwell-pro-hero__icon {
        width: 76px;
        height: 76px;
    }

    .shrinkwell-cleanup-stats,
    .shrinkwell-cleanup-counts,
    .shrinkwell-backup-actions-grid {
        grid-template-columns: 1fr;
    }

    .shrinkwell-cleanup-bulkbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .shrinkwell-cleanup-bulkbar .button {
        margin-left: 0;
    }
}
