.cci-builder-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.cci-builder-main{min-width:0}
.cci-builder-sidebar{background:#fff;border:1px solid #ccd0d4;border-radius:8px;padding:14px;position:sticky;top:20px}
.cci-builder-sidebar label{display:block;font-weight:600;margin-bottom:5px}
.cci-builder-sidebar input[type="number"],.cci-builder-sidebar input[type="text"]{width:100%}
.cci-builder-panel p{margin:0 0 12px}
.cci-builder-preview-values{margin:0;padding-left:18px}
.cci-builder-preview-values li{margin-bottom:6px}
.cci-builder{position:relative;width:100%;max-width:980px;background:#f3f3f3 center center/100% 100% no-repeat;border:1px solid #ccd0d4;overflow:hidden;border-radius:8px;background-color:#fafafa}
.cci-builder.landscape{aspect-ratio:1.414/1}
.cci-builder.portrait{aspect-ratio:1/1.414}
.cci-builder:before,.cci-builder:after{content:"";position:absolute;inset:0;pointer-events:none}
.cci-builder:before{background-image:linear-gradient(to right, rgba(34,113,177,.08) 1px, transparent 1px),linear-gradient(to bottom, rgba(34,113,177,.08) 1px, transparent 1px);background-size:5% 5%}
.cci-builder:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.cci-field{position:absolute;cursor:move;background:rgba(255,255,255,.82);border:1px dashed #2271b1;padding:4px 8px;border-radius:4px;color:#111;font-weight:600;line-height:1.1;user-select:none}
.cci-field.active{outline:2px solid #135e96;box-shadow:0 0 0 2px rgba(19,94,150,.14)}
.cci-field.is-box{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px}
.cci-form{max-width:520px;padding:18px;border:1px solid #ddd;border-radius:10px;background:#fff}
.cci-form p{margin:0 0 14px}
.cci-form label{display:block;font-weight:600;margin-bottom:6px}
.cci-form input,.cci-form select{width:100%;padding:10px;box-sizing:border-box}
.cci-form button,.cci-tutor-header .button,.cci-table .button{padding:10px 14px}
.cci-message{padding:12px 14px;margin:0 0 16px;background:#ecf8ef;border-left:4px solid #46b450}
.cci-tutor-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.cci-course-list{padding-left:18px}
.cci-table{width:100%;border-collapse:collapse;background:#fff}
.cci-table th,.cci-table td{border:1px solid #ddd;padding:10px;vertical-align:top}
.cci-verify{padding:18px;border-radius:10px;background:#fff;border:1px solid #ddd;margin-top:16px;max-width:520px}
.cci-verify.valid{border-left:4px solid #46b450}.cci-verify.invalid{border-left:4px solid #d63638}
@media (max-width: 1200px){.cci-builder-wrap{grid-template-columns:1fr}.cci-builder-sidebar{position:static}}

.cci-verify-wrap{display:grid;gap:18px;align-items:start}
.cci-verify-search{max-width:760px}
.cci-verify-heading{margin:0 0 14px}
.cci-verify-heading h2{margin:0 0 6px}
.cci-verify-heading p{margin:0;color:#555}
.cci-verify-form{max-width:760px}
.cci-verify-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cci-verify{max-width:900px}
.cci-verify-status p{margin:8px 0 0;color:#444}
.cci-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.cci-badge-valid{background:#ecf8ef;color:#1f6b30}
.cci-badge-invalid{background:#fdeaea;color:#a12622}
.cci-verify-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;margin-top:16px}
.cci-verify-photo{min-width:0}
.cci-verify-photo-img,.cci-verify-photo-placeholder{width:100%;border-radius:12px;border:1px solid #ddd;background:#f8f8f8;display:block}
.cci-verify-photo-placeholder{min-height:220px;display:flex;align-items:center;justify-content:center;color:#777;padding:20px;box-sizing:border-box;text-align:center}
.cci-verify-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.cci-verify-grid div{background:#fafafa;border:1px solid #ececec;border-radius:10px;padding:12px}
.cci-verify-grid span{display:block;font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}
.cci-verify-grid strong{display:block;font-size:15px;line-height:1.4;color:#111}
.cci-verify-download{margin:16px 0 0}
@media (max-width: 700px){.cci-verify-card{grid-template-columns:1fr}.cci-verify-grid{grid-template-columns:1fr}}

.cci-field[data-key^="overlay_image_"]{background:rgba(255,248,220,.92);border-style:solid}

.cci-download-link{cursor:pointer!important;text-decoration:none}

.cci-sessions-table input[type="date"],.cci-sessions-table input[type="text"],.cci-sessions-table select{width:100%;max-width:100%;box-sizing:border-box}
