:root{--cvb-acc:#6C63FF;--cvb-acc2:#FF6584;--cvb-surf:#16162a;--cvb-card:#1e1e38;--cvb-txt:#e8e8f4;--cvb-mut:#6a6a88;--cvb-brd:#2a2a44;--cvb-grad:linear-gradient(135deg,#6C63FF,#FF6584)}
#cvb-app *,#cvb-shared-view *{box-sizing:border-box;margin:0;padding:0}
.cvb-header{background:var(--cvb-surf);border-bottom:1px solid var(--cvb-brd);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:200;font-family:'Cairo',sans-serif}
.cvb-header-right{display:flex;align-items:center;gap:8px}
.cvb-logo{font-size:1.2rem;font-weight:900;background:var(--cvb-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cvb-save-pulse{font-size:.65rem;color:#43D9AD;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .3s}
.cvb-save-pulse.on{opacity:1}
.cvb-save-dot{width:6px;height:6px;background:#43D9AD;border-radius:50%;animation:cvbPulse 1.4s infinite}
@keyframes cvbPulse{0%,100%{opacity:1}50%{opacity:.2}}
.cvb-btn{border:none;padding:7px 14px;border-radius:20px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.72rem;font-weight:700;transition:all .2s;text-decoration:none;display:inline-block}
.cvb-btn-primary{background:var(--cvb-grad);color:#fff;box-shadow:0 3px 14px rgba(108,99,255,.3)}
.cvb-btn-primary:hover{transform:translateY(-2px)}
.cvb-btn-outline{background:var(--cvb-card);color:var(--cvb-txt);border:1px solid var(--cvb-brd)}
.cvb-btn-outline:hover{border-color:var(--cvb-acc);color:var(--cvb-acc)}
.cvb-btn-ai{background:rgba(108,99,255,.15);color:var(--cvb-acc);border:1px solid rgba(108,99,255,.3)}
.cvb-btn-sm{padding:4px 10px;font-size:.65rem;border-radius:12px}
.cvb-btn-danger{background:rgba(255,100,130,.08);color:var(--cvb-acc2);border:1px solid rgba(255,100,130,.2)}
.cvb-cv-bar{background:var(--cvb-surf);border-bottom:1px solid var(--cvb-brd);padding:6px 16px;display:flex;gap:6px;overflow-x:auto;font-family:'Cairo',sans-serif}
.cvb-cv-tab{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:16px;border:1px solid var(--cvb-brd);background:var(--cvb-card);color:var(--cvb-mut);font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s}
.cvb-cv-tab.active{border-color:var(--cvb-acc);color:var(--cvb-acc);background:rgba(108,99,255,.1)}
.cvb-cv-tab-del{background:none;border:none;color:var(--cvb-mut);cursor:pointer;font-size:.7rem}
.cvb-cv-tab-del:hover{color:var(--cvb-acc2)}
.cvb-cv-add{background:none;border:1px dashed var(--cvb-brd);color:var(--cvb-mut);padding:4px 12px;border-radius:16px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.7rem;white-space:nowrap;transition:all .18s}
.cvb-cv-add:hover{border-color:var(--cvb-acc);color:var(--cvb-acc)}
.cvb-body{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 90px);overflow:hidden;font-family:'Cairo',sans-serif}
.cvb-sidebar{background:var(--cvb-surf);border-left:1px solid var(--cvb-brd);overflow-y:auto;display:flex;flex-direction:column}
.cvb-sidebar::-webkit-scrollbar{width:2px}
.cvb-sidebar::-webkit-scrollbar-thumb{background:var(--cvb-acc)}
.cvb-tab-bar{display:flex;border-bottom:1px solid var(--cvb-brd);flex-shrink:0}
.cvb-tab{flex:1;padding:10px 4px;text-align:center;font-size:.62rem;font-weight:700;cursor:pointer;color:var(--cvb-mut);border-bottom:2px solid transparent;transition:all .18s;background:none;border-top:none;border-left:none;border-right:none;font-family:'Cairo',sans-serif}
.cvb-tab.active{color:var(--cvb-acc);border-bottom-color:var(--cvb-acc)}
.cvb-tab-pane{display:none;padding:12px}
.cvb-tab-pane.active{display:block}
.cvb-sl{font-size:.56rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cvb-mut);margin:12px 0 7px;display:flex;align-items:center;gap:6px}
.cvb-sl:first-child{margin-top:0}
.cvb-sl::after{content:'';flex:1;height:1px;background:var(--cvb-brd)}
.cvb-f{margin-bottom:7px}
.cvb-f label{display:block;font-size:.64rem;color:var(--cvb-mut);margin-bottom:2px;font-weight:600}
.cvb-f input,.cvb-f textarea{width:100%;background:#080812;border:1px solid var(--cvb-brd);color:var(--cvb-txt);padding:6px 9px;border-radius:6px;font-family:'Cairo',sans-serif;font-size:.76rem;transition:border .18s;resize:vertical}
.cvb-f input:focus,.cvb-f textarea:focus{outline:none;border-color:var(--cvb-acc);background:#0c0c1e}
.cvb-f textarea{min-height:50px}
.cvb-di{background:#080812;border:1px solid var(--cvb-brd);border-radius:7px;padding:8px;margin-bottom:6px;position:relative}
.cvb-di-row{display:flex;gap:6px;align-items:center}
.cvb-di-row input{background:#080812;border:1px solid var(--cvb-brd);color:var(--cvb-txt);padding:5px 8px;border-radius:5px;font-family:'Cairo',sans-serif;font-size:.74rem}
.cvb-rm{position:absolute;top:5px;left:5px;background:rgba(255,100,130,.08);border:none;color:var(--cvb-acc2);cursor:pointer;font-size:.7rem;border-radius:3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.cvb-rm:hover{background:rgba(255,100,130,.25)}
.cvb-drag-handle{position:absolute;top:5px;right:5px;color:var(--cvb-mut);cursor:grab;font-size:.8rem}
.cvb-add-btn{width:100%;background:none;border:1px dashed var(--cvb-brd);color:var(--cvb-acc);padding:6px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.7rem;transition:all .18s;margin-top:2px}
.cvb-add-btn:hover{background:rgba(108,99,255,.07);border-color:var(--cvb-acc)}
.cvb-score{background:#080812;border:1px solid var(--cvb-brd);border-radius:8px;padding:10px;margin-bottom:8px}
.cvb-score-top{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;margin-bottom:6px}
.cvb-score-bar{background:var(--cvb-brd);height:6px;border-radius:3px;overflow:hidden;margin-bottom:7px}
.cvb-score-fill{height:100%;border-radius:3px;transition:width .5s ease}
.cvb-score-items{display:flex;flex-wrap:wrap;gap:4px}
.cvb-score-items .ok{font-size:.62rem;color:#43D9AD}
.cvb-score-items .no{font-size:.62rem;color:var(--cvb-acc2)}
.cvb-photo-zone{border:2px dashed var(--cvb-brd);border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .18s;margin-bottom:7px}
.cvb-photo-zone:hover,.cvb-photo-zone.drag{border-color:var(--cvb-acc);background:rgba(108,99,255,.04)}
.cvb-photo-zone.has{border-style:solid;border-color:var(--cvb-acc)}
.cvb-photo-icon{font-size:1.8rem;display:block}
.cvb-photo-hint{font-size:.7rem;font-weight:600;color:var(--cvb-txt);display:block}
.cvb-photo-sub{font-size:.6rem;color:var(--cvb-mut);display:block}
.cvb-photo-rm{display:block;width:100%;margin-top:6px;background:rgba(255,100,130,.08);border:1px solid rgba(255,100,130,.2);color:var(--cvb-acc2);padding:4px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.66rem}
.cvb-shape-row{display:flex;gap:5px;margin-bottom:9px}
.cvb-shp{background:var(--cvb-card);border:1px solid var(--cvb-brd);color:var(--cvb-mut);padding:4px 9px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.64rem;transition:all .18s}
.cvb-shp.active{border-color:var(--cvb-acc);color:var(--cvb-acc);background:rgba(108,99,255,.1)}
.cvb-color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.cvb-ci label{display:block;font-size:.65rem;color:var(--cvb-mut);margin-bottom:3px;font-weight:600}
.cvb-ci input[type=color]{width:100%;height:30px;border:1px solid var(--cvb-brd);border-radius:6px;cursor:pointer;background:none;padding:2px}
.cvb-bg-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}
.cvb-bg-opt{border:2px solid var(--cvb-brd);border-radius:7px;height:38px;cursor:pointer;transition:all .18s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}
.cvb-bg-opt span{font-size:.5rem;font-weight:700;color:#555}
.cvb-bg-opt.active{border-color:var(--cvb-acc);box-shadow:0 0 0 1px var(--cvb-acc)}
.cvb-sizes{background:#080812;border:1px solid var(--cvb-brd);border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:7px;margin-bottom:8px}
.cvb-szr{display:flex;align-items:center;gap:7px;font-size:.62rem;color:var(--cvb-mut)}
.cvb-szr input[type=range]{flex:1;-webkit-appearance:none;height:3px;border-radius:2px;background:var(--cvb-brd);outline:none;cursor:pointer}
.cvb-szr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--cvb-acc);cursor:pointer}
.cvb-szr span:last-child{color:var(--cvb-acc);font-weight:700;min-width:16px;text-align:center}
.cvb-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.cvb-font-opt{padding:5px 4px;border:1px solid var(--cvb-brd);border-radius:5px;cursor:pointer;text-align:center;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cvb-mut);transition:all .18s}
.cvb-font-opt.active{border-color:var(--cvb-acc);background:rgba(108,99,255,.1);color:var(--cvb-acc)}
.cvb-tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cvb-tpl-card{border:2px solid var(--cvb-brd);border-radius:7px;overflow:hidden;cursor:pointer;transition:all .2s;background:var(--cvb-card)}
.cvb-tpl-card:hover{border-color:rgba(108,99,255,.5);transform:scale(1.03)}
.cvb-tpl-card.active{border-color:var(--cvb-acc);box-shadow:0 0 0 1px var(--cvb-acc),0 4px 16px rgba(108,99,255,.4)}
.cvb-tpl-thumb{height:70px;width:100%}
.cvb-tpl-name{font-size:.52rem;text-align:center;padding:4px 2px;color:var(--cvb-mut);font-weight:600}
.cvb-stog{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:14px;border:1px solid var(--cvb-brd);font-size:.64rem;cursor:pointer;transition:all .18s;color:var(--cvb-mut);background:var(--cvb-card);margin:2px}
.cvb-stog input{display:none}
.cvb-stog.on{border-color:#43D9AD;color:#43D9AD;background:rgba(67,217,173,.1)}
.cvb-so-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#080812;border:1px solid var(--cvb-brd);border-radius:7px;cursor:grab;font-size:.72rem;color:var(--cvb-txt);margin-bottom:4px}
.cvb-ai-btn{width:100%;background:rgba(108,99,255,.08);border:1px solid rgba(108,99,255,.2);color:var(--cvb-acc);padding:6px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.7rem;font-weight:700;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:5px;margin:4px 0}
.cvb-ai-btn:hover{background:rgba(108,99,255,.2)}
.cvb-ai-box{display:none;background:#080812;border:1px solid var(--cvb-brd);border-radius:7px;padding:9px;margin-top:5px;font-size:.72rem;line-height:1.6;color:var(--cvb-txt)}
.cvb-ai-apply{display:block;width:100%;margin-top:7px;background:var(--cvb-acc);color:#fff;border:none;padding:5px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.68rem;font-weight:700}
.cvb-ai-dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cvb-acc);animation:cvbBounce .8s infinite;margin:0 2px}
.cvb-ai-dots span:nth-child(2){animation-delay:.15s}
.cvb-ai-dots span:nth-child(3){animation-delay:.3s}
@keyframes cvbBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.cvb-ai-result{background:#080812;border:1px solid var(--cvb-brd);border-radius:8px;padding:10px;min-height:70px;margin-top:10px;font-size:.72rem;line-height:1.7;color:var(--cvb-txt)}
.cvb-preview-area{overflow:auto;background:#1a1a2e;padding:24px;display:flex;justify-content:center;align-items:flex-start;position:relative}
.cvb-zoom-ctrl{position:absolute;bottom:14px;left:14px;display:flex;gap:5px}
.cvb-zoom-ctrl button{background:var(--cvb-card);border:1px solid var(--cvb-brd);color:var(--cvb-txt);width:28px;height:28px;border-radius:7px;cursor:pointer;font-size:.9rem;transition:all .18s;display:flex;align-items:center;justify-content:center}
.cvb-zoom-ctrl button:hover{border-color:var(--cvb-acc);color:var(--cvb-acc)}
.cvb-paper{background:#fff;color:#222;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;font-size:10pt;line-height:1.4;transition:transform .2s;--cv-ac:#6C63FF;--cv-tc:#1a1a2e;--cv-px:32px;--cv-py:30px;--sz-nm:22pt;--sz-rl:11pt;--sz-sh:8pt;--sz-bd:9pt}
.cvb-paper .cvnm{font-size:var(--sz-nm);font-family:var(--cv-tf,'Cairo');color:var(--cv-tc);font-weight:700}
.cvb-paper .cvrl{font-size:var(--sz-rl);color:var(--cv-ac)}
.cvb-paper .cvct{display:flex;gap:10px;flex-wrap:wrap;font-size:var(--sz-bd);opacity:.8;margin-top:6px}
.cvb-paper .cvsh,.cvb-paper .cvsh2,.cvb-paper .cvsh3{font-size:var(--sz-sh);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cv-ac);margin-bottom:7px;margin-top:12px}
.cvb-paper .cvsh{border-bottom:2px solid var(--cv-ac);padding-bottom:2px}
.cvb-paper .cvsh:first-child{margin-top:0}
.cvb-paper .cvsh2{color:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:2px}
.cvb-paper .cvsh3{border-bottom:2px solid var(--cv-ac);padding-bottom:2px}
.cvb-paper .cvi{margin-bottom:10px}
.cvb-paper .cvit{font-size:var(--sz-bd);font-weight:700;color:var(--cv-tc)}
.cvb-paper .cvis{font-size:var(--sz-bd);color:var(--cv-ac);margin-top:1px}
.cvb-paper .cvid{font-size:var(--sz-bd);color:#666;margin-top:3px;line-height:1.5}
.cvb-paper .cvbar{background:#eee;height:4px;border-radius:3px;margin-top:3px}
.cvb-paper .cvfill{background:var(--cv-ac);height:100%;border-radius:3px}
.cvb-paper .cvtag{display:inline-block;border:1px solid var(--cv-ac);color:var(--cv-ac);padding:2px 9px;border-radius:3px;font-size:calc(var(--sz-bd) - 1pt);margin:2px}
.cvb-paper .cvlang{display:inline-flex;align-items:center;gap:6px;background:#f5f5f5;border-radius:5px;padding:3px 9px;font-size:var(--sz-bd);margin:2px}
.cvb-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:5000;align-items:center;justify-content:center;backdrop-filter:blur(5px);font-family:'Cairo',sans-serif}
.cvb-modal.open{display:flex}
.cvb-modal-box{background:var(--cvb-surf);border:1px solid var(--cvb-brd);border-radius:12px;width:440px;max-width:calc(100vw - 24px);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.7);animation:cvbMIn .2s ease}
.cvb-modal-wide{width:680px}
@keyframes cvbMIn{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}
.cvb-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cvb-brd);font-weight:700;font-size:.84rem;color:var(--cvb-txt)}
.cvb-modal-head button{background:none;border:none;color:var(--cvb-mut);cursor:pointer;font-size:.84rem;width:24px;height:24px;border-radius:5px;transition:all .18s;display:flex;align-items:center;justify-content:center}
.cvb-modal-head button:hover{background:var(--cvb-card);color:var(--cvb-acc2)}
.cvb-modal-body{padding:16px}
.cvb-share-url-row{display:flex;gap:5px;margin-bottom:7px}
.cvb-share-url-row input{flex:1;background:#080812;border:1px solid var(--cvb-brd);color:var(--cvb-txt);padding:7px 9px;border-radius:6px;font-family:'Cairo',sans-serif;font-size:.68rem;direction:ltr}
.cvb-share-url-row button{background:var(--cvb-acc);color:#fff;border:none;padding:7px 12px;border-radius:6px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.68rem;font-weight:700}
.cvb-share-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.cvb-share-apps button{background:var(--cvb-card);border:1px solid var(--cvb-brd);color:var(--cvb-txt);border-radius:7px;padding:8px 4px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.62rem;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:3px}
.cvb-share-apps button:hover{border-color:var(--cvb-acc);transform:translateY(-2px)}
.cvb-share-export{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.cvb-share-export button{background:var(--cvb-card);border:1px solid var(--cvb-brd);color:var(--cvb-txt);padding:7px 4px;border-radius:7px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.64rem;font-weight:600;transition:all .18s;text-align:center}
.cvb-share-export button:hover{border-color:var(--cvb-acc);color:var(--cvb-acc)}
.cvb-pdf-preview-wrap{width:100%;overflow:auto;max-height:60vh;background:#1a1a2e;border-radius:8px;padding:16px;display:flex;justify-content:center}
.cvb-pdf-loading{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:10px}
.cvb-pdf-loading.show{display:flex}
.cvb-spinner{width:40px;height:40px;border:3px solid rgba(108,99,255,.2);border-top-color:var(--cvb-acc);border-radius:50%;animation:cvbSpin .7s linear infinite}
@keyframes cvbSpin{to{transform:rotate(360deg)}}
.cvb-undo-toast{position:fixed;bottom:16px;right:16px;background:var(--cvb-card);border:1px solid var(--cvb-brd);border-radius:9px;padding:9px 14px;display:flex;align-items:center;gap:10px;z-index:8000;transform:translateY(70px);opacity:0;transition:all .3s;font-family:'Cairo',sans-serif;font-size:.72rem;color:var(--cvb-txt)}
.cvb-undo-toast.show{transform:translateY(0);opacity:1}
.cvb-undo-toast button{background:var(--cvb-acc);color:#fff;border:none;padding:4px 11px;border-radius:5px;cursor:pointer;font-family:'Cairo',sans-serif;font-size:.68rem;font-weight:700}
.cvb-my-list{font-family:'Cairo',sans-serif;max-width:900px;margin:0 auto;padding:24px 16px}
.cvb-my-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cvb-empty{text-align:center;padding:60px 20px;color:#888}
.cvb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.cvb-cv-card{border:1px solid #e0e0f0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .2s}
.cvb-cv-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(108,99,255,.15);border-color:#6C63FF}
.cvb-cv-card-thumb{height:120px;background:linear-gradient(135deg,#6C63FF,#FF6584);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.cvb-cv-tpl-num{font-size:.65rem;opacity:.7;margin-bottom:4px}
.cvb-cv-title{font-size:.9rem;font-weight:700}
.cvb-cv-card-footer{padding:10px 12px}
.cvb-cv-meta{display:flex;justify-content:space-between;font-size:.62rem;color:#888;margin-bottom:8px}
.cvb-cv-actions{display:flex;gap:5px;flex-wrap:wrap}
.cvb-shared-toolbar{background:#1a1a2e;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-family:'Cairo',sans-serif}
.cvb-shared-paper-wrap{display:flex;justify-content:center;padding:30px;background:#2a2a3e;min-height:100vh}
@media print{.cvb-header,.cvb-cv-bar,.cvb-sidebar,.cvb-zoom-ctrl,.cvb-pdf-loading,.cvb-undo-toast,.cvb-modal{display:none!important}.cvb-body{display:block;height:auto}.cvb-preview-area{padding:0;background:none;display:block}.cvb-paper{box-shadow:none;transform:none!important;width:100%}}
@media(max-width:768px){.cvb-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cvb-sidebar{height:45vh}}