
/* Cricstars Certificate Studio V2 — isolated styles */
.cc-studio{display:block!important;width:100%;max-width:1450px;margin:auto;padding:24px 16px 60px;min-width:0}
.cc-studio *{box-sizing:border-box}
.cc-title{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:25px}
.cc-title h2{color:#fff;margin:9px 0;font-size:clamp(27px,3.5vw,43px);line-height:1.15;letter-spacing:-.035em}
.cc-title p{color:#aebccc;line-height:1.6}
.cc-tag{font-size:11px;letter-spacing:.07em;font-weight:800;color:#ffd5ab;border:1px solid #90664d;padding:9px 12px;border-radius:40px}
.cc-workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;gap:20px}
.cc-workspace>*{min-width:0}
.cc-editor{display:grid;gap:16px}
.cc-card,.cc-preview-panel{background:#161e2b;border:1px solid #35435a;border-radius:16px;padding:clamp(15px,2vw,24px);min-width:0}
.cc-card h3,.cc-preview-panel h3{font-size:19px;color:#f5f7fc;margin:0 0 18px}
.cc-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}
.cc-theme{border:1px solid #43516a;border-radius:10px;background:#0c1421;color:#e8edf6;padding:10px 8px;display:grid;justify-items:center;gap:8px;font-size:12px;font-weight:800;cursor:pointer;min-height:82px}
.cc-theme[aria-pressed="true"]{border-color:#e0a970;box-shadow:0 0 0 2px #ba75465c}
.cc-swatch{width:100%;height:27px;border-radius:5px}
.cc-sw-red{background:linear-gradient(100deg,#8d152a 45%,#1a1d27 45% 80%,#caa462 80%)}
.cc-sw-gold{background:linear-gradient(120deg,#f9f4e8,#cba35e)}
.cc-sw-blue{background:linear-gradient(120deg,#126895,#e1eef6,#e0b565)}
.cc-studio label{display:grid;gap:7px;color:#d8e0eb;font-size:12px;font-weight:700;min-width:0;margin-top:12px}
.cc-studio input,.cc-studio select,.cc-studio textarea{width:100%;max-width:100%;min-width:0;border:1px solid #45556b!important;border-radius:9px;background:#0c1421!important;color:#fff!important;font-size:16px;font-family:inherit;padding:11px 12px;min-height:46px}
.cc-studio textarea{resize:vertical;line-height:1.5}
.cc-studio input:focus-visible,.cc-studio select:focus-visible,.cc-studio textarea:focus-visible,.cc-studio button:focus-visible{outline:3px solid #f9ca92;outline-offset:2px}
.cc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px}
.cc-wide{grid-column:1/-1}
.cc-help,.cc-preview-note{color:#aab8c9;font-size:12px;line-height:1.6}
.cc-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cc-buttons button{font-size:13px;font-weight:800;min-height:46px;border-radius:9px;padding:12px;cursor:pointer}
.cc-primary{background:#c42236;color:#fff;border:1px solid #e24855}
.cc-secondary{background:#263650;color:#fff;border:1px solid #4d6480}
.cc-buttons button:first-child{grid-column:1/-1}
.cc-status{font-size:12px;color:#c8d3e3;line-height:1.6}
.cc-preview-panel{position:sticky;top:20px}
.cc-preview-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:17px}
.cc-preview-top h3{margin:0 0 5px}
.cc-preview-top p{margin:0;color:#a9b6c8;font-size:12px}
.cc-preview-top>span{color:#e5bd8c;white-space:nowrap;font-weight:800;font-size:10px}
.cc-canvas-wrap{width:100%;min-width:0;padding:8px;background:#0a101a;border-radius:12px;overflow:hidden}
#cc-canvas{display:block;width:100%;height:auto;aspect-ratio:1600/1131;background:#fff;border-radius:3px}
#cc-print{display:none}
@media(max-width:1130px){.cc-workspace{grid-template-columns:minmax(0,1fr)}.cc-preview-panel{position:static}}
@media(max-width:620px){.cc-studio{padding:14px 9px 38px}.cc-card,.cc-preview-panel{padding:13px;border-radius:12px}.cc-fields{grid-template-columns:minmax(0,1fr)}.cc-themes{gap:5px}.cc-theme{font-size:11px;padding:8px 4px}.cc-preview-top{flex-wrap:wrap}.cc-title h2{font-size:27px}}
@media(max-width:390px){.cc-buttons{grid-template-columns:minmax(0,1fr)}.cc-buttons button:first-child{grid-column:auto}.cc-tag{font-size:10px}}
@page{size:A4 landscape;margin:0}
@media print{
 html,body{margin:0!important;padding:0!important;background:white!important}
 body *{visibility:hidden!important}
 #cc-print,#cc-print *{visibility:visible!important}
 #cc-print{display:block!important;position:absolute!important;left:0!important;top:0!important;width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
 #cc-print img{display:block!important;width:297mm!important;height:210mm!important;max-width:none!important;object-fit:fill!important}
 *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}
