/* cv2.css - embed/components builder - split from index.html */

        /* CV2 Builder */
        .cv2-live-preview {
            background: #2b2d31; border-radius: 10px; overflow: hidden;
            padding: 6px 0; min-height: 60px;
        }
        .cv2-preview-block {
            padding: 6px 14px;
        }
        .cv2-preview-mention {
            display: inline-block; background: rgba(88,101,242,0.3);
            color: #7289da; border-radius: 4px; padding: 2px 7px;
            font-size: 15px; font-weight: 600;
        }
        .cv2-preview-title {
            font-size: 16px; font-weight: 700; color: #fff;
            font-family: 'Rajdhani', sans-serif; letter-spacing: 0.3px;
        }
        .cv2-preview-text {
            font-size: 14px; color: #dbdee1; line-height: 1.5; white-space: pre-wrap;
        }
        .cv2-preview-footer {
            font-size: 12px; color: #80848e;
        }
        .cv2-preview-sep {
            border: none; border-top: 1px solid rgba(255,255,255,0.08);
            margin: 6px 14px;
        }
        .cv2-preview-sep.thin {
            border-top-width: 1px; opacity: 0.4;
        }
        .cv2-preview-img {
            width: 100%; border-radius: 0; display: block;
            max-height: 220px; object-fit: cover;
        }

        /* CV2 Block Builder drag-drop UI */
        .cv2-block {
            background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
            border-radius: 10px; margin-bottom: 8px; cursor: grab; transition: 0.2s;
            user-select: none;
        }
        .cv2-block:hover { border-color: rgba(122,0,0,0.3); }
        .cv2-block.dragging { opacity: 0.4; }
        .cv2-block.drag-over { border-color: var(--red); background: rgba(122,0,0,0.07); }
        .cv2-block-header {
            display: flex; align-items: center; justify-content: space-between;
            padding: 8px 12px; gap: 8px;
        }
        .cv2-block-type-badge {
            font-size: 11px; font-weight: 700; text-transform: uppercase;
            letter-spacing: 0.5px; color: var(--red); background: rgba(122,0,0,0.18);
            border-radius: 5px; padding: 2px 8px;
        }
        .cv2-block-body {
            padding: 0 12px 10px;
        }
        .cv2-block-body input[type="text"],
        .cv2-block-body textarea {
            width: 100%; background: rgba(0,0,0,0.5);
            border: 1px solid rgba(122,0,0,0.28); border-radius: 8px;
            color: white; padding: 7px 10px; font-size: 13px;
            font-family: 'Inter', sans-serif; transition: 0.2s; resize: vertical;
            box-sizing: border-box;
        }
        .cv2-block-body input[type="text"]:focus,
        .cv2-block-body textarea:focus { border-color: var(--red); outline: none; }
        .cv2-block-body label { font-size: 12px; color: #888; display: flex; align-items: center; gap: 6px; cursor: pointer; }
        .cv2-block-body input[type="checkbox"] { accent-color: var(--red); }
        .cv2-blocks-list-empty {
            text-align: center; color: #444; font-size: 13px; padding: 24px;
        }
        .cv2-add-btn {
            display: inline-flex; align-items: center; gap: 5px;
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
            color: #aaa; border-radius: 8px; padding: 6px 13px;
            font-size: 12px; font-weight: 600; cursor: pointer; transition: 0.2s;
            font-family: 'Syne', sans-serif;
        }
        .cv2-add-btn:hover { border-color: var(--red); color: var(--red); background: rgba(122,0,0,0.12); }
        .cv2-del-btn {
            background: transparent; border: none; color: #555;
            cursor: pointer; font-size: 14px; padding: 4px 6px;
            border-radius: 5px; transition: 0.2s; flex-shrink: 0;
        }
        .cv2-del-btn:hover { color: #ff5555; background: rgba(255,50,50,0.1); }
        .cv2-drag-handle {
            color: #444; font-size: 16px; cursor: grab; padding: 0 4px;
            flex-shrink: 0;
        }
        .cv2-drag-handle:active { cursor: grabbing; }
        .cv2-builder {
            min-height: 50px; display: flex; flex-direction: column; gap: 0;
        }
        .cv2-add-bar {
            display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;
        }
        .cv2-separator-opts {
            padding: 2px 0;
        }
        .cv2-delete-btn {
            background: transparent; border: none; color: #555;
            cursor: pointer; font-size: 13px; padding: 4px 6px;
            border-radius: 5px; transition: 0.2s; flex-shrink: 0;
        }
        .cv2-delete-btn:hover { color: #ff5555; background: rgba(255,50,50,0.1); }