.cvi-page{padding-bottom:60px}.cvi-breadcrumb{padding:22px 0 18px;display:flex;gap:9px;color:var(--muted);font-size:.86rem}.cvi-breadcrumb a{color:var(--primary);font-weight:700}.cvi-heading{display:flex;gap:16px;align-items:center;padding:8px 0 24px}.cvi-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#eef8f3;font-size:2rem}.cvi-heading h1{margin:0;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}.cvi-heading p{margin:7px 0 0;color:var(--muted)}.cvi-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.8fr);border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden}.cvi-main{padding:20px;border-right:1px solid var(--border)}.cvi-card{padding:18px;border:1px solid var(--border);border-radius:14px;margin-bottom:16px}.cvi-card h2{margin:0 0 13px;font-size:1.05rem}.cvi-title{display:flex;justify-content:space-between;gap:10px}.cvi-title h2{margin-bottom:3px}.cvi-title p{margin:0;color:var(--muted);font-size:.76rem}.cvi-title button{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 10px;font-weight:800}.cvi-drop{min-height:230px;margin-top:14px;border:2px dashed #b5c3d0;border-radius:14px;background:#fbfcfd;display:grid;place-items:center;align-content:center;text-align:center;padding:25px}.cvi-drop.drag{border-color:#176c57;background:#f2faf6}.cvi-file-icon{font-size:2.4rem}.cvi-drop h3{margin:8px 0 3px}.cvi-drop p{margin:0 0 15px;color:var(--muted)}.cvi-drop button,.cvi-primary{border:0;border-radius:10px;padding:11px 16px;background:#e72727;color:#fff;font-weight:850}.cvi-images{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.cvi-image{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f6f7f7;cursor:grab}.cvi-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.cvi-image span{display:block;padding:6px;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvi-image button{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff}.cvi-image.dragging{opacity:.45}.cvi-templates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cvi-templates button{text-align:left;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fff}.cvi-templates button.active{border-color:#176c57;background:#eff9f4;box-shadow:0 0 0 1px #176c57 inset}.cvi-templates b,.cvi-templates span{display:block}.cvi-templates b{font-size:.78rem}.cvi-templates span{margin-top:4px;color:var(--muted);font-size:.62rem;line-height:1.3}.cvi-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.cvi-settings label{display:grid;gap:5px;font-size:.7rem;font-weight:800}.cvi-settings select{padding:9px;border:1px solid var(--border);border-radius:8px;background:#fff}.cvi-sub{margin-top:22px!important}.cvi-duration{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cvi-duration label{display:flex;gap:8px;padding:10px;border:1px solid var(--border);border-radius:9px}.cvi-duration b,.cvi-duration small{display:block}.cvi-duration b{font-size:.76rem}.cvi-duration small{color:var(--muted);margin-top:2px}.cvi-duration-control{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.76rem;font-weight:800}.cvi-duration-control input{width:90px;padding:8px;border:1px solid var(--border);border-radius:8px}.cvi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.cvi-summary article{padding:10px;border:1px solid var(--border);border-radius:9px;background:#fafcfb}.cvi-summary span,.cvi-summary strong{display:block}.cvi-summary span{font-size:.64rem;color:var(--muted)}.cvi-summary strong{margin-top:3px;font-size:.82rem}.cvi-stage{display:grid;place-items:center;min-height:260px;background:#111820;border-radius:11px;overflow:hidden;margin-top:12px}.cvi-stage canvas{display:block;max-width:100%;max-height:480px}.cvi-video-result{background:#111820;border-radius:11px;padding:10px;margin-top:10px}.cvi-video-result video{width:100%;max-height:500px}.cvi-download{margin-top:12px}.cvi-download a{display:inline-block;padding:10px 13px;border-radius:8px;background:#eef8f3;color:#176c57;text-decoration:none;font-weight:850}.cvi-side{padding:23px 21px;display:flex;flex-direction:column}.cvi-side h2{margin:0}.cvi-notice{margin-top:16px;padding:12px;border:1px solid #cde0f7;border-radius:9px;background:#f4f9ff;color:#315f96;font-size:.78rem}.cvi-benefits{display:grid;gap:18px;margin:25px 0}.cvi-benefits article{display:flex;gap:10px}.cvi-benefits i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:2px solid #24a261;border-radius:50%;font-style:normal}.cvi-benefits b,.cvi-benefits small{display:block}.cvi-benefits small{color:var(--muted);margin-top:2px}.cvi-progress{margin:auto 0 12px;padding:11px;border:1px solid var(--border);border-radius:9px}.cvi-progress>div:first-child{display:flex;justify-content:space-between;font-size:.72rem}.cvi-track{height:8px;background:#e8eeeb;border-radius:8px;overflow:hidden;margin:8px 0}.cvi-track i{display:block;height:100%;width:0;background:#23825f}.cvi-progress small{font-size:.65rem;color:var(--muted)}.cvi-message{padding:10px;border-radius:8px;margin-bottom:10px;font-size:.76rem}.cvi-message.error{background:#fff2f2;color:#963939}.cvi-message.success{background:#edf8f3;color:#1f654f}.cvi-primary,.cvi-secondary{width:100%;min-height:45px}.cvi-primary{margin-top:auto}.cvi-primary:disabled{background:#f5c7c7;color:#b66c6c}.cvi-secondary{margin-top:9px;border:1px solid var(--border);border-radius:10px;background:#fff;font-weight:850}.cvi-tip{margin-top:20px;padding:15px 18px;border:1px solid #f1dede;border-radius:13px;background:#fff8f8}.cvi-info{max-width:900px;padding-top:40px}.cvi-info p{color:var(--muted)}@media(max-width:960px){.cvi-workspace{grid-template-columns:1fr}.cvi-main{border-right:0;border-bottom:1px solid var(--border)}.cvi-templates{grid-template-columns:repeat(2,1fr)}.cvi-settings{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cvi-main,.cvi-side{padding:14px}.cvi-images{grid-template-columns:repeat(2,1fr)}.cvi-templates,.cvi-settings,.cvi-duration{grid-template-columns:1fr}.cvi-summary{grid-template-columns:1fr 1fr}}