.hp-warning {
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 180, 80, 0.45);
    background: rgba(255, 180, 80, 0.12);
    color: var(--text, #e8efe9);
    font-size: 0.92rem;
    line-height: 1.45;
}

[data-theme="light"] .hp-warning {
    background: rgba(180, 100, 20, 0.1);
    border-color: rgba(180, 100, 20, 0.35);
}

.tool-check {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 1rem 0;
    font-size: 0.92rem;
}

.hp-editor {
    font-family: var(--mono, "JetBrains Mono", monospace);
    font-size: 0.88rem;
}

.hp-frame {
    width: 100%;
    min-height: 280px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    background: #fff;
}

[data-theme="light"] .hp-frame {
    border-color: rgba(20, 32, 24, 0.15);
}