/* Figuro converter tools: shared layout. Scoped with the cv- prefix. */
.cv-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:26px 28px;}
.cv-panel [hidden]{display:none !important;}
.cv-drop{border:2px dashed var(--border);border-radius:10px;padding:34px 20px;text-align:center;cursor:pointer;background:var(--footer-bg);outline:none;}
.cv-drop:hover,.cv-drop:focus-visible{border-color:var(--link);background:#fff;}
.cv-drop.dragover{border-color:var(--link);background:#fff;}
.cv-drop p{margin:0;font-size:.9rem;color:var(--gray-text);line-height:1.6;}
.cv-drop strong{color:var(--navy);}
.cv-hidden-input{display:none;}
.cv-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:18px 0 6px;}
.cv-field label{display:block;font-size:.78rem;font-weight:600;color:var(--gray-text);margin-bottom:5px;}
.cv-field input[type=text],.cv-field input[type=number],.cv-field select,.cv-field input[type=color]{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:7px;font-size:.86rem;font-family:inherit;color:#243040;background:#fff;}
.cv-field input[type=color]{padding:2px;height:36px;cursor:pointer;}
.cv-field input[type=range]{width:100%;}
.cv-check{display:flex;align-items:center;gap:8px;font-size:.84rem;color:#3A4653;margin:8px 0;cursor:pointer;}
.cv-check input{width:16px;height:16px;}
.cv-seg{display:inline-flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;}
.cv-seg button{font:600 .82rem Inter,system-ui,sans-serif;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:#F7F9FA;color:var(--gray-text);cursor:pointer;}
.cv-seg button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;}
.cv-seg button:focus-visible,.cv-btn:focus-visible{outline:2px solid var(--link);outline-offset:2px;}
.cv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.cv-btn{padding:11px 18px;border-radius:8px;border:1px solid var(--navy);background:var(--navy);color:#fff;font:700 .88rem Inter,system-ui,sans-serif;cursor:pointer;}
.cv-btn:hover{background:var(--navy-2);}
.cv-btn.secondary{background:#fff;color:var(--navy);border-color:var(--border);}
.cv-btn.secondary:hover{background:var(--footer-bg);}
.cv-btn:disabled{opacity:.4;cursor:default;}
.cv-msg{margin:14px 0 0;padding:10px 12px;border-radius:8px;font-size:.84rem;line-height:1.55;background:#EEF3FB;border:1px solid #CFDDF3;color:#24456E;}
.cv-msg.error{background:#FDECEA;border-color:#F3C6C0;color:#7A2E24;}
.cv-msg.ok{background:#E8F5E9;border-color:#C5E3C8;color:#2E6B34;}
.cv-hint{font-size:.78rem;color:var(--gray-text);text-align:center;margin:14px 0 0;}
.cv-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;}
.cv-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:9px;padding:8px 12px;background:var(--footer-bg);}
.cv-item img{width:52px;height:52px;object-fit:cover;border-radius:6px;background:#fff;}
.cv-item .nm{font-size:.84rem;font-weight:600;color:var(--navy);word-break:break-all;}
.cv-item .st{font-size:.76rem;color:var(--gray-text);margin-top:2px;}
.cv-item .st.err{color:#B3261E;}
.cv-item a.dl{font:700 .78rem Inter,system-ui,sans-serif;padding:7px 12px;border-radius:7px;border:1px solid var(--border);background:#fff;color:var(--navy);text-decoration:none;white-space:nowrap;}
.cv-item a.dl:hover{background:var(--footer-bg);text-decoration:none;}
.cv-tablewrap{overflow:auto;max-height:340px;border:1px solid var(--border);border-radius:8px;margin-top:14px;background:#fff;}
.cv-tablewrap table{border-collapse:collapse;font-size:.78rem;min-width:100%;}
.cv-tablewrap th,.cv-tablewrap td{border:1px solid var(--border);padding:5px 9px;text-align:left;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;color:#243040;}
.cv-tablewrap th{background:#F2F5F7;color:var(--navy);position:sticky;top:0;}
.cv-meta{font-size:.8rem;color:var(--gray-text);margin:12px 0 0;}
.cv-text{width:100%;min-height:200px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:.82rem/1.55 'JetBrains Mono',monospace;color:#243040;background:#F7F9FA;resize:vertical;}
.cv-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media (max-width:820px){.cv-two{grid-template-columns:1fr;}.cv-panel{padding:20px 18px;}.cv-item{grid-template-columns:44px 1fr;}.cv-item img{width:44px;height:44px;}.cv-item a.dl{grid-column:2;justify-self:start;}}
.cv-two label.cap{display:block;font-size:.78rem;font-weight:600;color:var(--gray-text);margin-bottom:5px;}
.cv-preview{width:100%;height:420px;border:1px solid var(--border);border-radius:8px;background:#fff;margin-top:14px;}
.cv-tabchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.cv-tabchips label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#3A4653;border:1px solid var(--border);border-radius:999px;padding:5px 11px;background:#F7F9FA;cursor:pointer;}
.cv-tabchips input{margin:0;}
html[data-theme="dark"] .cv-panel,html[data-theme="dark"] .cv-tablewrap{background:var(--page-bg);}
html[data-theme="dark"] .cv-drop{background:#1B1428;}
html[data-theme="dark"] .cv-drop:hover,html[data-theme="dark"] .cv-drop.dragover{background:#221A36;}
html[data-theme="dark"] .cv-field input[type=text],html[data-theme="dark"] .cv-field input[type=number],html[data-theme="dark"] .cv-field select{background:#221A36;border-color:#3A2E52;color:#EDE7F6;}
html[data-theme="dark"] .cv-check,html[data-theme="dark"] .cv-tabchips label{color:#CFC5E0;}
html[data-theme="dark"] .cv-seg button{background:#2C2344;border-color:#3A2E52;color:#B3A8C7;}
html[data-theme="dark"] .cv-seg button[aria-pressed="true"]{background:var(--link);border-color:var(--link);color:#fff;}
html[data-theme="dark"] .cv-btn.secondary{background:#2C2344;color:#EDE7F6;border-color:#3A2E52;}
html[data-theme="dark"] .cv-item{background:#1B1428;}
html[data-theme="dark"] .cv-item .nm{color:#EDE7F6;}
html[data-theme="dark"] .cv-item a.dl{background:#2C2344;color:#EDE7F6;border-color:#3A2E52;}
html[data-theme="dark"] .cv-tablewrap th{background:#2C2344;color:#D8C6FA;}
html[data-theme="dark"] .cv-tablewrap td{color:#EDE7F6;}
html[data-theme="dark"] .cv-text{background:#221A36;border-color:#3A2E52;color:#EDE7F6;}
html[data-theme="dark"] .cv-tabchips label{background:#2C2344;border-color:#3A2E52;}
html[data-theme="dark"] .cv-msg{background:#1E2A44;border-color:#2F4470;color:#BFD3F5;}
html[data-theme="dark"] .cv-msg.error{background:#3A1D22;border-color:#6B2F37;color:#F5C9CE;}
html[data-theme="dark"] .cv-msg.ok{background:#1F3324;border-color:#2F5A37;color:#BFE6C4;}
html[data-theme="dark"] .cv-drop strong{color:#EDE7F6;}
html[data-theme="dark"] .cv-drop p{color:#B3A8C7;}
html[data-theme="dark"] .cv-hint,html[data-theme="dark"] .cv-meta{color:#A89CC0;}