.csim[data-astro-cid-skd4yifq]{margin:1.5rem 0}.csim-preview[data-astro-cid-skd4yifq]{background:#fbf9f6;border-radius:12px;padding:12px}.csim-preview[data-astro-cid-skd4yifq] svg{display:block;width:100%;height:100%}.csim-preview-pickable[data-astro-cid-skd4yifq] svg{cursor:pointer}.csim-mini[data-astro-cid-skd4yifq] .csim-preview[data-astro-cid-skd4yifq]{max-width:200px}.csim-open[data-astro-cid-skd4yifq]{display:inline-block;margin-top:.5rem;font-size:.85rem}.csim-full[data-astro-cid-skd4yifq]{container-type:inline-size}.csim-layout[data-astro-cid-skd4yifq]{display:grid;grid-template-columns:min(var(--csim-pw, 280px),calc(100% - 400px)) 18px 1fr;gap:.5rem;align-items:start}@container (max-width: 700px){.csim-layout[data-astro-cid-skd4yifq]{grid-template-columns:1fr;gap:1rem}.csim-splitter[data-astro-cid-skd4yifq]{display:none}.csim-full[data-astro-cid-skd4yifq] .csim-preview[data-astro-cid-skd4yifq]{max-width:420px;margin-inline:auto}}.csim-splitter[data-astro-cid-skd4yifq]{align-self:stretch;min-height:120px;display:flex;align-items:center;justify-content:center;cursor:col-resize;border-radius:6px;touch-action:none}.csim-splitter[data-astro-cid-skd4yifq] span[data-astro-cid-skd4yifq]{display:block;width:4px;height:46px;border-radius:2px;background:#d8cfc0}.csim-splitter[data-astro-cid-skd4yifq]:hover span[data-astro-cid-skd4yifq],.csim-splitter[data-astro-cid-skd4yifq].dragging span[data-astro-cid-skd4yifq]{background:var(--color-primary)}.csim-splitter[data-astro-cid-skd4yifq]:focus-visible{outline:2px solid var(--color-primary)}.csim-slots[data-astro-cid-skd4yifq]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.csim-slot[data-astro-cid-skd4yifq]{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem;background:#f5f0e8;border-radius:8px;cursor:pointer}.csim-slot[data-astro-cid-skd4yifq].active{background:var(--color-primary-light);outline:2px solid var(--color-primary);outline-offset:-2px}.csim-slot[data-astro-cid-skd4yifq].drop-target{background:var(--color-primary-light)}.csim-slot-select[data-astro-cid-skd4yifq]{flex:0 1 auto;min-width:7.5em;font:inherit;font-size:.9rem;text-align:left;background:none;border:none;padding:.3rem 0;cursor:pointer}.csim-slot-chip[data-astro-cid-skd4yifq]{position:relative;width:27px;height:24px;min-height:0;border:none;border-radius:6px;padding:0;cursor:pointer;flex-shrink:0;touch-action:manipulation;transition:transform .12s,box-shadow .12s}.csim-slot-chip[data-astro-cid-skd4yifq].dragging{opacity:.4}.csim-slot-chip[data-astro-cid-skd4yifq].picked{transform:scale(1.25);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--color-primary)}.csim-slot-chip[data-astro-cid-skd4yifq] input[data-astro-cid-skd4yifq]{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.csim-slot-hex[data-astro-cid-skd4yifq]{font-family:monospace;font-size:.85rem;color:var(--color-text);background:#fff;border:none;border-radius:6px;padding:.3rem .4rem;width:6.2em;text-align:center}.csim-slot-hex[data-astro-cid-skd4yifq]:focus-visible{outline:2px solid var(--color-primary)}.csim-slot-area[data-astro-cid-skd4yifq]{margin-left:auto;font-size:.75rem;color:var(--color-muted);width:2.6em;text-align:right}.csim-tone-tabs[data-astro-cid-skd4yifq]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.6rem}.csim-tone-tab[data-astro-cid-skd4yifq]{min-width:2.6em;min-height:0;padding:.3rem .5rem;justify-content:center;font:inherit;font-size:.8rem;line-height:1.3;background:#f5f0e8;border:none;border-radius:999px;cursor:pointer}.csim-tone-tab[data-astro-cid-skd4yifq][aria-selected=true]{background:var(--color-primary);color:#fff}.csim-chips[data-astro-cid-skd4yifq]{display:grid;grid-template-columns:repeat(auto-fill,27px);justify-content:space-between;gap:6px}.csim-chips[data-astro-cid-skd4yifq][hidden]{display:none}.csim-chip[data-astro-cid-skd4yifq]{aspect-ratio:1;min-height:0;border:none;border-radius:6px;cursor:pointer;padding:0}.csim-chip[data-astro-cid-skd4yifq]:hover{transform:scale(1.12)}.csim-chip[data-astro-cid-skd4yifq]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.csim-extra[data-astro-cid-skd4yifq]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;font-size:.85rem}.csim-reset[data-astro-cid-skd4yifq],.csim-share[data-astro-cid-skd4yifq]{font:inherit;font-size:.85rem;padding:.35rem .8rem;background:#f5f0e8;border:none;border-radius:999px;cursor:pointer}.csim-share[data-astro-cid-skd4yifq].copied{background:var(--color-primary-light)}.csim-sns-row[data-astro-cid-skd4yifq]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem}.csim-sns-label[data-astro-cid-skd4yifq]{font-size:.85rem;color:var(--color-muted);margin-right:.25rem}.csim-sns[data-astro-cid-skd4yifq]{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:700;text-decoration:none;color:#fff;transition:opacity .15s}.csim-sns[data-astro-cid-skd4yifq]:hover{opacity:.85;text-decoration:none;color:#fff}.csim-sns-x[data-astro-cid-skd4yifq]{background:#000}.csim-sns-line[data-astro-cid-skd4yifq]{background:#06c755}.csim-sns-fb[data-astro-cid-skd4yifq]{background:#1877f2}.csim-sns-img[data-astro-cid-skd4yifq]{background:var(--color-primary);border:none;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.csim-sns-img[data-astro-cid-skd4yifq]:disabled{opacity:.6;cursor:wait}.csim-sns-hint[data-astro-cid-skd4yifq]{font-size:.78rem;color:var(--color-muted);margin:.4rem 0 0}.csim-current[data-astro-cid-skd4yifq]{display:none}@media(max-width:640px){.csim-layout[data-astro-cid-skd4yifq]{grid-template-columns:1fr;gap:0}.csim-splitter[data-astro-cid-skd4yifq]{display:none}.csim-full[data-astro-cid-skd4yifq] .csim-preview[data-astro-cid-skd4yifq]{position:sticky;top:0;transition:top .3s cubic-bezier(.4,0,.2,1);z-index:3;aspect-ratio:auto!important;width:100%;height:40vh;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:0 0 12px 12px}.csim-full[data-astro-cid-skd4yifq] .csim-preview[data-astro-cid-skd4yifq] svg{width:auto;height:auto;max-width:100%;max-height:100%}.csim-current[data-astro-cid-skd4yifq]{display:flex;align-items:center;gap:.5rem;height:40px;font-size:.9rem}.csim-current-label[data-astro-cid-skd4yifq]{font-weight:700}.csim-current-hex[data-astro-cid-skd4yifq]{font-family:monospace;font-size:.85rem;color:var(--color-muted)}.csim-current-area[data-astro-cid-skd4yifq]{margin-left:auto;font-size:.78rem;color:var(--color-muted)}.csim-slots[data-astro-cid-skd4yifq]{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.6rem;padding-bottom:.6rem;margin-bottom:.6rem}.csim-slot[data-astro-cid-skd4yifq]{padding:0;background:none;border-radius:8px}.csim-slot[data-astro-cid-skd4yifq].active{background:none;outline:none}.csim-slot-select[data-astro-cid-skd4yifq],.csim-slot-hex[data-astro-cid-skd4yifq],.csim-slot-area[data-astro-cid-skd4yifq]{display:none}.csim-slot-chip[data-astro-cid-skd4yifq]{width:35px;height:32px;border-radius:8px}.csim-slot[data-astro-cid-skd4yifq].active .csim-slot-chip[data-astro-cid-skd4yifq]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary)}.csim-chips[data-astro-cid-skd4yifq]{grid-template-columns:repeat(auto-fill,35px)}.csim-extra[data-astro-cid-skd4yifq]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem}.csim-reset[data-astro-cid-skd4yifq],.csim-share[data-astro-cid-skd4yifq]{width:100%;justify-content:center;padding:.4rem .5rem}.csim-sns-row[data-astro-cid-skd4yifq]{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.8rem}.csim-sns-label[data-astro-cid-skd4yifq]{grid-column:1 / -1;margin:0}.csim-sns[data-astro-cid-skd4yifq]{min-width:0;padding:.4rem .2rem;font-size:.78rem}}