.cv-app{--cv-gap:0.75rem}.cv-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}@media (min-width:640px){.cv-card{padding:1.25rem}}.cv-card-title{font-size:var(--text-lg);font-weight:700}.cv-input{min-height:2.6rem}textarea.cv-input{min-height:0;resize:vertical;line-height:1.55}.cv-field .label{font-size:var(--text-sm)}.cv-bar{position:sticky;top:4.6rem;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 6px 20px -14px rgba(16,24,40,.35)}@media (max-width:1023.98px){.cv-bar{position:static}}.cv-export{padding:.25rem .1rem}.cv-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--color-bg-soft,var(--color-primary-soft));border:1px solid var(--color-border)}.cv-seg-opt{position:relative;cursor:pointer}.cv-seg-opt>span{display:inline-flex;align-items:center;min-height:2rem;padding:.15rem .85rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--color-muted);white-space:nowrap}.cv-seg-opt input:checked+span{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px rgba(16,24,40,.18)}.cv-seg-opt input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:1px}.cv-icon-btn{display:inline-grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:var(--radius-sm);color:var(--color-muted)}.cv-icon-btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-ink)}.cv-icon-btn:disabled{opacity:.35}.cv-grip:focus-visible,.cv-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.cv-grip{display:inline-grid;place-items:center;width:1.75rem;height:2rem;cursor:grab;color:var(--color-faint);border-radius:var(--radius-sm);touch-action:none}.cv-grip:active{cursor:grabbing}.cv-swatch{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border);cursor:pointer;position:relative;overflow:hidden}.cv-swatch.is-on{box-shadow:0 0 0 2.5px var(--color-ink)}.cv-swatch:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.cv-swatch-sm{width:1.4rem;height:1.4rem}.cv-swatch-any{background:conic-gradient(#1f3b73,#0e5e63,#3d5a2a,#8c3b20,#4b2348,#1f3b73)}.cv-swatch-custom{display:inline-grid;place-items:center;background:conic-gradient(#e0533d,#f2c14e,#4caf50,#2196f3,#9c27b0,#e0533d)}.cv-swatch-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.cv-font-opt{width:100%;text-align:start;padding:.6rem .8rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--text-sm);font-weight:600}.cv-font-opt.is-on{border-color:var(--color-ink);background:var(--color-primary-soft)}.chip.is-on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-ink)}.cv-thumb{display:block;width:100%;text-align:start;border-radius:var(--radius-md);padding:.35rem;transition:background .15s}.cv-thumb:focus-visible,.cv-thumb:hover{background:var(--color-primary-soft)}.cv-thumb.is-on .cv-thumb-img{box-shadow:0 0 0 3px var(--color-primary)}.cv-thumb-img{display:block;aspect-ratio:210/297;overflow:hidden;border-radius:var(--radius-sm);background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.1),0 8px 24px -12px rgba(16,24,40,.35);transition:transform .2s}.cv-thumb:hover .cv-thumb-img{transform:translateY(-3px)}.cv-thumb-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.cv-badge{font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-text);padding:0 .45rem;font-weight:600}.cv-dialog{margin:auto;max-width:min(92vw,30rem);width:100%;border:0;border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-ink);padding:1.25rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}.cv-dialog-wide{max-width:min(96vw,76rem);max-height:92vh}.cv-dialog::backdrop{background:rgba(10,14,22,.55)}.cv-menu{position:relative}.cv-menu>summary{list-style:none}.cv-menu>summary::-webkit-details-marker{display:none}.cv-menu-list{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;min-width:14rem;display:flex;flex-direction:column;padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 16px 40px -16px rgba(16,24,40,.4)}.cv-menu-list>*{text-align:start;padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:var(--text-sm)}.cv-menu-list>:hover{background:var(--color-primary-soft)}.cv-preview-col{height:76dvh;min-height:420px;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}@media (min-width:1024px){.cv-preview-col{position:sticky;top:9.4rem;height:calc(100dvh - 10.4rem)}}.cv-tabs{display:none}@media (max-width:1023.98px){.cv-tabs{position:sticky;top:4.4rem;z-index:15;margin-top:.75rem;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border)}.cv-tabs>button{min-height:2.5rem;border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);color:var(--color-muted)}.cv-tabs>button.is-on{background:var(--color-ink);color:var(--color-on-ink)}}