.ci-home{margin-bottom:14px}.ci-card{width:100%;position:relative;border:1px solid var(--edge);border-radius:18px;overflow:hidden;background:#fff;isolation:isolate}.ci-image{display:block;width:100%;height:100%;object-fit:contain}.ci-loading{display:grid;place-items:center;height:100%;color:var(--mut);min-height:120px}.ci-card>.ci-tools{position:absolute;right:3px;bottom:3px;display:flex;flex-direction:column;align-items:center;background:transparent}
.ci-tools button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.ci-tools button:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
@media(hover:hover){.ci-tools button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}}
.ci-tools button:active{transform:scale(.92);background:color-mix(in srgb,currentColor 18%,transparent)}
.ci-tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.ci-zones{position:absolute;inset:0;pointer-events:none}.ci-zone{position:absolute;pointer-events:auto;border:1px dashed #718392;border-radius:7px;background:transparent;cursor:pointer}.ci-zone:hover,.ci-zone:focus-visible{background:#7e9bb522;outline:2px solid var(--line)}.ci-bg{position:absolute;right:8px;top:8px;border:1px solid #ddd;background:#fff;color:#252525;border-radius:20px;padding:5px 12px;font:inherit;font-size:12px;min-height:32px}.ci-hidden{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.ci-hidden button{border:1px dashed var(--mut);background:transparent;color:var(--mut);border-radius:8px;padding:8px;font:inherit;font-size:12px;min-height:36px}.ci-actions{display:flex;gap:6px;justify-content:space-between;margin:12px 0}.ci-actions .btn{padding:10px 9px;min-height:44px}.ci-status{font-size:12px;color:var(--mut);margin:8px 0;overflow-wrap:anywhere}.ci-status:empty{display:none}.ci-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ci-choices .btn{white-space:normal;text-align:left}.ci-check{display:flex;gap:12px;align-items:center;padding:10px 0;font-size:15px}.ci-check input{width:20px;height:20px;accent-color:var(--line)}.ci-retry{border:0;background:transparent;color:var(--line);text-decoration:underline;cursor:pointer}.hm-summary{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:12px;margin:0 0 12px}.hm-nearest{margin-bottom:20px}.ci-home button:focus-visible{outline:2px solid var(--line);outline-offset:2px}@media(max-width:350px){.ci-actions .btn{font-size:12px;padding:9px 7px}}

/* Explicit states: .btn.mini otherwise paints every choice as selected. */
body .ci-choices .btn{background:var(--card,#fff);color:var(--ink,#252525);border:1px solid var(--edge,#d5d5d5);min-height:44px;display:inline-flex;align-items:center;gap:8px}
body .ci-choices .btn.primary{background:var(--line,#252525);color:#fff;border-color:var(--line,#252525)}
.ci-method-check{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1px solid currentColor;border-radius:4px;color:transparent;box-shadow:inset 0 0 0 1px var(--mut,#888)}
[aria-pressed="true"] .ci-method-check{color:inherit;box-shadow:none}
body .ci-choices .btn:focus-visible{outline:2px solid var(--line,#252525);outline-offset:3px}


.ci-editor-head,.ci-design-row,#sheet .ci-appearance .title{display:flex;justify-content:space-between;align-items:center;gap:6px}
.ci-quiet,#sheet .ci-appearance #sheet_cancel{font:inherit;font-size:14px;font-weight:550;border:0;background:transparent;color:var(--ink);min-height:40px;padding:0 6px;cursor:pointer}
.ci-editor-head{padding-bottom:4px}.ci-home .ci-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.ci-home .ci-actions .btn{width:auto;flex:none}
#sheet .ci-appearance .body{max-height:none}
#sheet .ci-appearance .title{margin:0 0 4px}
#sheet .ci-appearance .btns{display:flex;justify-content:space-between;align-items:center}
#sheet .ci-appearance .btns button{flex:none;width:auto;min-height:40px;padding:8px 14px}
.ci-palette-preview{display:flex;justify-content:center;align-items:center}
.ci-palette-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:clamp(80px,22dvh,180px);border:1px solid var(--edge);border-radius:18px}
.ci-viewing .ci-palette-preview img{max-height:45dvh}.ci-viewing .ci-design-controls{display:none}
.ci-design-row{margin-top:8px;font-size:14px}.ci-design-row label,.ci-design-row span{font-size:13px;color:var(--mut)}
.ci-design-row select{font:inherit;color:var(--ink);background:var(--card,#fff);border:1px solid var(--edge);border-radius:7px;padding:4px}
.ci-motifs{display:grid;grid-template-columns:1.2fr .85fr .55fr 1.4fr .65fr;gap:3px;margin-top:4px}
.ci-motifs button{min-width:0;padding:3px 0;font:inherit;font-size:clamp(11px,3vw,13px);min-height:36px;border-radius:9px;background:var(--card,#fff);color:var(--ink);border:1px solid var(--edge)}
.ci-motifs button.primary{box-shadow:inset 0 0 0 1px currentColor;color:var(--ink);border-color:currentColor;font-weight:650}
.ci-palette-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin:4px 0}
.ci-swatch{display:grid;place-items:center;min-height:34px;border:0;padding:0;background:transparent;cursor:pointer}
.ci-swatch i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #80808055}
.ci-swatch[aria-pressed=true] i{outline:2px solid var(--ink);outline-offset:2px}
.ci-swatch[aria-pressed=true] i:after{content:'✓';font:700 15px system-ui}
#sheet .ci-unified .btns{justify-content:flex-end}
.ci-unified [hidden]{display:none!important}
.ci-tabs{display:flex;padding:3px;border-radius:11px;margin-top:8px;background:var(--edge,#e6edf2)}
.ci-tabs button{flex:1;padding:6px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:14px;min-height:34px}
.ci-tabs button[aria-pressed=true]{background:var(--card,#fff);font-weight:650;box-shadow:0 1px 3px #152a3c22}
.ci-field{display:flex;align-items:center;gap:6px;min-height:39px;border-bottom:1px solid var(--edge);font-size:14px}
.ci-field strong{margin-right:auto}.ci-field select,.ci-field input[type=number]{font:inherit;color:var(--ink);background:var(--card,#fff);border:1px solid var(--edge);padding:4px;border-radius:6px;max-width:60%}
.ci-field input[type=number]{width:76px}.ci-field input[type=checkbox]{appearance:none;width:34px;height:20px;border-radius:12px;background:#9ba8ae;position:relative;cursor:pointer}
.ci-field input[type=checkbox]:checked{background:var(--line,#286cab)}.ci-field input[type=checkbox]:after{content:'';position:absolute;background:#fff;width:14px;height:14px;border-radius:50%;top:3px;left:3px}.ci-field input[type=checkbox]:checked:after{left:17px}
.ci-file{position:relative;overflow:hidden;padding:6px;cursor:pointer}.ci-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ci-content small{display:block;font-size:12px;color:var(--mut);padding:5px 0}.ci-content [data-method-options]{max-height:130px;overflow:auto}
@media(max-height:620px){#sheet .ci-unified .ci-palette-preview img{max-height:16dvh}#sheet .ci-unified{max-height:96dvh}}