.product-shell:has(.cell-to-rows){--p-bg:#f7f8fa;--p-ink:#20252d;--p-muted:#505e70;--p-line:#c9d0da;--p-accent:#355bc6}.cell-to-rows{--ctr-ink:#20252d;--ctr-muted:#536173;--ctr-blue:#355bc6;--ctr-line:#c9d0da;max-width:1240px;color:var(--ctr-ink);margin:0 auto;padding:12px 0 30px;font-family:DM Sans,sans-serif}.cell-to-rows *,.cell-to-rows :before,.cell-to-rows :after{box-sizing:border-box}.ctr-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.ctr-kicker{color:var(--ctr-blue);letter-spacing:.1em;margin:0 0 7px;font:700 11px/1.4 IBM Plex Mono,monospace}.ctr-heading h2{letter-spacing:-.04em;margin:0 0 6px;font:700 clamp(28px,3.5vw,46px)/1.06 Space Grotesk,sans-serif}.ctr-heading p:not(.ctr-kicker){color:var(--ctr-muted);margin:0;font-size:15px}.cell-to-rows button,.cell-to-rows select{font:700 14px/1.25 DM Sans,sans-serif}.cell-to-rows button{border:1px solid var(--ctr-ink);min-height:44px;color:var(--ctr-ink);cursor:pointer;background:#fff;border-radius:3px;padding:11px 16px;transition:background .16s,color .16s,border-color .16s}.cell-to-rows button:hover:not(:disabled){border-color:var(--ctr-blue);color:var(--ctr-blue)}.cell-to-rows button:disabled{opacity:.45;cursor:default}.cell-to-rows :is(button,select,textarea,input):focus-visible{outline:3px solid var(--ctr-blue);outline-offset:3px}.ctr-example{white-space:nowrap}.ctr-strip{border-top:1px solid var(--ctr-line);flex-wrap:wrap;align-items:center;gap:12px 26px;padding:12px 0 16px;display:flex}.ctr-select{color:var(--ctr-muted);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.ctr-select select{min-height:40px;color:var(--ctr-ink);background:#fff;border:1px solid #97a3b4;border-radius:2px;padding:7px 32px 7px 10px}.ctr-toggle{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.ctr-toggle input{width:18px;height:18px;accent-color:var(--ctr-blue);margin:0}.ctr-workspace{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch;display:grid}.ctr-pane{border:1px solid var(--ctr-line);background:#fff;min-width:0;min-height:320px;padding:18px}.ctr-source{flex-direction:column;display:flex}.ctr-result{background:#eef1f6}.ctr-pane-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ctr-pane-head label,.ctr-pane-label{font-size:16px;font-weight:700}.ctr-pane-head>span:last-child{color:var(--ctr-muted);letter-spacing:.08em;font:700 11px IBM Plex Mono,monospace}.ctr-source textarea{resize:vertical;width:100%;min-height:205px;color:var(--ctr-ink);background:0 0;border:0;flex:1;padding:4px 0;font:15px/1.6 IBM Plex Mono,monospace}.ctr-source textarea::placeholder,.ctr-export textarea::placeholder{color:#718096;opacity:1}.ctr-source p,.ctr-more{color:var(--ctr-muted);font-size:12px;line-height:1.5}.ctr-source p{margin:10px 0 0}.ctr-transfer{color:var(--ctr-blue);place-items:center;font:700 26px Space Grotesk,sans-serif;display:grid}.ctr-feedback{border:1px dashed #aab5c4;flex-direction:column;justify-content:center;min-height:225px;padding:20px;display:flex}.ctr-feedback strong{font:700 22px Space Grotesk,sans-serif}.ctr-feedback p{color:var(--ctr-muted);margin:9px 0 0;line-height:1.5}.ctr-feedback-error{background:#fff6f4;border-style:solid;border-color:#a8463c}.ctr-feedback-error strong{color:#9a3026}.ctr-count{color:var(--ctr-blue);margin:3px 0 14px;font:700 17px Space Grotesk,sans-serif}.ctr-count span{color:var(--ctr-muted);font:400 13px DM Sans,sans-serif}.ctr-preview{margin:0;padding:0;list-style:none}.ctr-preview li{border-bottom:1px solid #d4dae3;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:8px 0;display:grid}.ctr-preview li span{color:#66758a;font:12px/1.5 IBM Plex Mono,monospace}.ctr-preview code{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--ctr-ink);font:14px/1.5 IBM Plex Mono,monospace}.ctr-more{margin:12px 0 0}.ctr-export{margin-top:26px}.ctr-export-title{align-items:baseline;gap:18px;margin-bottom:12px;display:flex}.ctr-export-title h3{margin:0;font:700 21px Space Grotesk,sans-serif}.ctr-export-title p{color:var(--ctr-muted);margin:0;font-size:13px}.ctr-export-controls{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;display:flex}.ctr-export-controls .ctr-select{margin-right:auto}.ctr-export-controls button:not(.ctr-clear){background:var(--ctr-blue);border-color:var(--ctr-blue);color:#fff}.ctr-export-controls button:not(.ctr-clear):hover:not(:disabled){color:#fff;background:#2749ab;border-color:#2749ab}.ctr-output-label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.ctr-export textarea{resize:vertical;border:1px solid var(--ctr-line);width:100%;min-height:118px;color:var(--ctr-ink);background:#fff;border-radius:2px;padding:12px;font:13px/1.55 IBM Plex Mono,monospace}.ctr-message{min-height:22px;color:var(--ctr-blue);margin:6px 0 0;font-size:13px}.ctr-caution{color:#754d12;margin:5px 0 0;font-size:13px;line-height:1.5}@media (width<=760px){.ctr-heading{flex-direction:column;align-items:start;gap:14px}.ctr-strip{gap:13px 18px}.ctr-select{justify-content:space-between;width:100%}.ctr-workspace{grid-template-columns:minmax(0,1fr)}.ctr-pane{min-height:0}.ctr-source textarea{min-height:145px}.ctr-transfer{height:34px;transform:rotate(90deg)}.ctr-feedback{min-height:130px}.ctr-export-title{display:block}.ctr-export-title p{margin-top:5px}.ctr-export-controls .ctr-select{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.cell-to-rows button{transition:none}}