.pk-svgo-input {
        width: 100%;
        padding: 12px 14px;
        border-radius: 10px;
        background: rgba(0,0,0,0.30);
        border: 1.5px solid rgba(255,255,255,0.12);
        color: var(--pk-fg);
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: 0.84rem;
        box-sizing: border-box;
        resize: vertical;
        min-height: 130px;
    }
    .pk-svgo-input:focus { outline: none; border-color: var(--calc-accent); background: rgba(0,0,0,0.45); }
    .pk-svgo-drop {
        display: flex; align-items: center; justify-content: center; gap: 10px;
        padding: 14px;
        border-radius: 10px;
        background: rgba(0,0,0,0.20);
        border: 2px dashed rgba(255,255,255,0.16);
        color: var(--pk-fg-mut);
        cursor: pointer;
        margin-top: 10px;
        font-size: 0.85rem;
    }
    .pk-svgo-drop i { color: var(--calc-accent); }
    .pk-svgo-drop:hover, .pk-svgo-drop.is-dragging {
        border-color: var(--calc-accent);
        background: rgba(180,124,255,0.06);
        color: var(--pk-fg);
    }
    .pk-svgo-drop__name { color: var(--pk-fg); font-weight: 700; margin-left: 6px; }
    .pk-svgo-options { gap: 14px; flex-wrap: wrap; }
    .pk-svgo-options > .pk-calc-form__field { flex: 1 1 240px; }
    .pk-svgo-check {
        display: flex; align-items: center; gap: 10px;
        padding: 8px 0;
        font-size: 0.9rem;
        color: var(--pk-fg);
        cursor: pointer;
    }
    .pk-svgo-check input { accent-color: var(--calc-accent); }
    .pk-svgo-pill {
        display: inline-block;
        margin-left: 8px;
        padding: 2px 10px;
        border-radius: 999px;
        background: var(--calc-accent);
        color: #04102B;
        font-weight: 800; font-size: 0.78rem;
    }
    .pk-svgo-range { width: 100%; }
    .pk-svgo-stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
        margin: 14px 0 4px;
    }
    .pk-svgo-stat {
        background: rgba(0,0,0,0.30);
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 10px;
        padding: 10px 12px;
        text-align: left;
    }
    .pk-svgo-stat__label {
        display: block;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--pk-fg-mut);
    }
    .pk-svgo-stat__value {
        display: block;
        font-weight: 800;
        font-size: 1.1rem;
        margin-top: 4px;
        color: var(--pk-fg);
    }
    .pk-svgo-stat__value--ok { color: #6CE5A6; }
    .pk-svgo-preview {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 10px;
    }
    @media (max-width: 540px) { .pk-svgo-preview { grid-template-columns: 1fr; } }
    .pk-svgo-preview__col h4 {
        margin: 0 0 6px;
        font-size: 0.74rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--pk-fg-mut);
    }
    .pk-svgo-preview__box {
        height: 160px;
        background:
            linear-gradient(45deg, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.05) 75%),
            linear-gradient(45deg, rgba(255,255,255,0.05) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.05) 75%) 8px 8px;
        background-size: 16px 16px, 16px 16px;
        background-color: rgba(0,0,0,0.35);
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 8px;
        display: flex; align-items: center; justify-content: center;
        padding: 10px;
    }
    .pk-svgo-preview__box svg { max-width: 100%; max-height: 140px; }
    .pk-svgo-pre {
        margin: 12px 0 0;
        padding: 12px;
        background: rgba(0,0,0,0.40);
        border: 1px solid rgba(255,255,255,0.10);
        border-radius: 10px;
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: 0.82rem;
        color: var(--pk-fg);
        white-space: pre-wrap;
        word-break: break-all;
        max-height: 240px;
        overflow: auto;
    }
    .pk-svgo-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
    .pk-svgo-error {
        margin: 10px 0 0;
        padding: 10px 12px;
        background: rgba(255,107,107,0.10);
        border: 1px solid rgba(255,107,107,0.30);
        color: #FF9A9A;
        border-radius: 8px;
        font-size: 0.85rem;
    }
    .pk-btn {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 10px 16px;
        border-radius: 10px;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.12);
        color: var(--pk-fg);
        font-weight: 700; font-size: 0.85rem;
        cursor: pointer;
    }
    .pk-btn--primary {
        background: linear-gradient(135deg, var(--calc-accent-2), var(--calc-accent));
        border-color: transparent; color: #04102B;
    }
    .pk-btn:disabled { opacity: 0.5; cursor: not-allowed; }