/**
 * KannPrint Dimension Visualizer CSS
 * Extracted from inline PHP output
 */

.kp-card {
                background: #ffffff;
                border: 1px solid #e2e4e7;
                border-radius: 12px;
                padding: 18px 20px;
                margin-bottom: 24px;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
            }

            .kp-card h3 {
                margin: 0 0 14px;
                font-size: 15px;
                font-weight: 600;
                color: #1d2327;
            }

            .kp-card .form-table {
                margin-top: 0;
            }

            .kp-card .form-table th {
                width: 180px;
                font-weight: 500;
                color: #3c434a;

            }
            .kp-tabs {
                display: inline-flex;
                gap: 6px;
                margin-bottom: 28px;
                padding: 6px;
                background: #f6f7f7;
                border-radius: 12px;
            }

            .kp-tab {
                padding: 8px 18px;
                border-radius: 999px;
                background: transparent;
                cursor: pointer;
                font-weight: 600;
                color: #50575e;
                transition: all .15s ease;
            }

            .kp-tab:hover {
                background: #e9eaec;
            }

            .kp-tab.active {
                background: #2271b1;
                color: #ffffff;
            }

            .kp-style-panel {
                display: none;
            }
            .kp-style-panel.active {
                display: block;
            }