.cd217{margin-top:18px}.cd217-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.cd217-head h2{margin:.25rem 0}.cd217-settings,.cd217-tabs,.cd217-actions,.cd217-bench{display:flex;flex-wrap:wrap;gap:8px}.cd217-settings button,.cd217-tabs button,.cd217-bench button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 12px;font-weight:760}.cd217-tabs{margin:14px 0}.cd217-tabs button.active,.cd217-settings button.active,.cd217-bench button:hover{outline:2px solid var(--ink)}.cd217-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cd217-metric{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:10px}.cd217-metric small{display:block;color:var(--muted);font-size:.73rem}.cd217-metric strong{display:block;margin:2px 0;font-size:1.05rem}.cd217-family{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.cd217-family>div{border:1px solid var(--line);border-radius:12px;padding:10px}.cd217-family small{display:block;color:var(--muted)}.cd217-family strong{display:block;font-size:1.05rem;margin:3px 0}.cd217-note,.cd217-live{color:var(--muted);line-height:1.5}.cd217-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cd217-form label{display:grid;gap:5px;font-size:.82rem;color:var(--muted)}.cd217-form input,.cd217-form select,.cd217 textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--ink)}.cd217 textarea{min-height:220px;margin-top:12px;font:12px/1.45 ui-monospace,monospace}.cd217-list{display:grid;gap:8px}.cd217-list button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px;text-align:left;display:grid;gap:3px}.cd217-list small{color:var(--muted)}.cd217-review{overflow:auto;margin-top:12px}.cd217-review table{width:100%;border-collapse:collapse;font-size:.83rem}.cd217-review th,.cd217-review td{padding:7px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.cd217-review tr.error{background:color-mix(in srgb,#ef4444 9%,transparent)}.cd217-run{display:grid;gap:12px}.cd217-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted)}.cd217-stim{min-height:360px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}.cd217-boardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,480px)}.cd217-cell{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:grid;place-items:center}.cd217-cell.empty{opacity:.18}.cd217-item{display:block;width:58%;height:58%;background:var(--cd217-color)}.cd217-item[data-shape="circle"]{border-radius:50%}.cd217-item[data-shape="triangle"]{clip-path:polygon(50% 4%,96% 92%,4% 92%)}.cd217-item[data-shape="square"]{border-radius:8%}.cd217-item[data-shape="diamond"]{transform:rotate(45deg);border-radius:8%}.cd217-item[data-shape="bar"]{height:30%;border-radius:999px}.cd217-item[data-shape="chevron"]{clip-path:polygon(0 15%,50% 60%,100% 15%,100% 48%,50% 94%,0 48%)}.cd217-fix{font-size:3.5rem;color:var(--muted)}.cd217.is-large button,.cd217.is-large select,.cd217.is-large input{min-height:48px;font-size:1rem}.cd217.is-contrast{outline:3px solid currentColor}.cd217.is-reduced *{animation:none!important;transition:none!important}@media(max-width:820px){.cd217-head{display:grid}.cd217-grid{grid-template-columns:repeat(2,1fr)}.cd217-family{grid-template-columns:repeat(2,1fr)}.cd217-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cd217-grid,.cd217-family,.cd217-form{grid-template-columns:1fr}.cd217-stim{min-height:310px;padding:9px}.cd217-boardgrid{gap:6px}.cd217-cell{border-radius:8px}.cd217-actions .btn{flex:1 1 120px}}