.postkit-tool {
                max-width: 760px;
                margin: 24px auto;
                padding: 20px;
                border: 1px solid #ddd;
                border-radius: 12px;
                background: #fff;
            }

            .postkit-field {
                margin-bottom: 16px;
            }

            .postkit-field label {
                display: block;
                font-weight: bold;
                margin-bottom: 6px;
            }

            .postkit-field input,
            .postkit-field textarea,
            .postkit-output {
                width: 100%;
                box-sizing: border-box;
                padding: 10px;
                border: 1px solid #ccc;
                border-radius: 8px;
                font-size: 16px;
            }

            .postkit-generate,
            .postkit-copy {
                display: inline-block;
                padding: 10px 18px;
                border: none;
                border-radius: 8px;
                background: #222;
                color: #fff;
                cursor: pointer;
                font-size: 15px;
            }

            .postkit-generate:hover,
            .postkit-copy:hover {
                opacity: 0.85;
            }

            .postkit-loading {
                margin-top: 16px;
                font-weight: bold;
            }

            .postkit-error {
                margin-top: 16px;
                color: #c00;
                font-weight: bold;
            }

            .postkit-result {
                margin-top: 24px;
            }

            @media (max-width: 600px) {
                .postkit-tool {
                    padding: 16px;
                }

                .postkit-field input,
                .postkit-field textarea,
                .postkit-output {
                    font-size: 15px;
                }
            }
        
.postkit-tool, .postkit-tool * { box-sizing: border-box; }
.postkit-tool { width: 100%; }
.postkit-tool textarea { resize: vertical; }
.postkit-tool [hidden] { display: none !important; }
.postkit-tool button:disabled { opacity: .6; cursor: wait; }
.postkit-output-card { margin-top: 16px; padding: 16px; border: 1px solid #ddd; border-radius: 8px; min-width: 0; }
.postkit-output-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 8px; }
.postkit-output-heading label { font-weight: bold; }
.postkit-count { color: #555; font-size: 14px; white-space: nowrap; }
.postkit-output-card .postkit-copy { margin-top: 8px; max-width: 100%; white-space: normal; }
.postkit-unparsed { margin-top: 24px; }
.postkit-lm-section { margin-top: 24px; min-width: 0; overflow-wrap: anywhere; }
.postkit-lm-section .postkit-output-heading h4 { margin: 0; font-size: inherit; }
.postkit-item-error { color: #a32222; margin: 8px 0; }
.postkit-titles-heading { margin: 0 0 16px; font-size: inherit; }
.postkit-title-candidate + .postkit-title-candidate { margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd; }
@media (max-width: 600px) { .postkit-output-card { padding: 12px; } }