.sk-designer{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.5rem;margin:1.5rem 0;padding:1rem;font-size:.9rem;container-type:inline-size}.sk-designer *,.sk-designer :before,.sk-designer :after{margin-top:0}.sk-designer__legend{color:var(--sl-color-gray-2);margin-bottom:.9rem;font-size:.8rem;font-style:italic}.sk-designer__toggles{flex-wrap:wrap;gap:.6rem 1.2rem;margin-bottom:1rem;display:flex}.sk-designer__chips{flex-wrap:wrap;gap:.4rem;display:flex}.sk-designer__chip{appearance:none;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-text);cursor:pointer;border-radius:1rem;padding:.35rem .8rem;font-size:.8rem}.sk-designer__chip:hover{border-color:var(--sl-color-gray-4)}.sk-designer__chip--active{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.sk-designer__columns{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;margin-bottom:.4rem;display:grid}@container (width>=34rem){.sk-designer__columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sk-designer__columns>*{margin-top:0}.sk-designer__panel{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.4rem;padding:.8rem}.sk-designer__panel-title{text-transform:uppercase;letter-spacing:.04em;color:var(--sl-color-gray-2);margin:0 0 .7rem;font-size:.8rem;font-weight:700}.sk-designer__panel-title--spaced{margin-top:1rem}.sk-designer__row{grid-template-columns:7rem minmax(0,1fr);align-items:start;gap:.5rem;margin-bottom:.6rem;display:grid}.sk-designer__row-label{color:var(--sl-color-text);text-align:right;padding-top:.35rem;font-weight:600}.sk-designer__row-input{flex-direction:column;gap:.2rem;display:flex}.sk-designer__field{box-sizing:border-box;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.25rem;align-items:center;height:2rem;display:flex;overflow:hidden}.sk-designer__field--error{border-color:var(--sl-color-accent-high)}.sk-designer__input{min-width:0;color:var(--sl-color-text);font-family:var(--__sl-font-mono,ui-monospace, monospace);background:0 0;border:none;flex:1;height:100%;padding:0 .5rem;font-size:.85rem}.sk-designer__input:focus{outline:none}.sk-designer__suffix{color:var(--sl-color-gray-2);border-left:1px solid var(--sl-color-gray-5);align-self:stretch;align-items:center;padding:0 .5rem;font-size:.8rem;display:flex}.sk-designer__field-error{color:var(--sl-color-accent-high);font-size:.72rem}.sk-designer__field-hint{color:var(--sl-color-gray-3);font-size:.72rem}.sk-designer__select{box-sizing:border-box;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);width:100%;height:2rem;color:var(--sl-color-text);font-family:var(--__sl-font-mono,ui-monospace, monospace);border-radius:.25rem;padding:0 .5rem;font-size:.85rem}.sk-designer__unity{color:var(--sl-color-text);cursor:pointer;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.8rem;display:flex}.sk-designer__unity input{margin:0}.sk-designer__readout{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.35rem;flex-direction:column;gap:.1rem;margin-bottom:.5rem;padding:.4rem .6rem;display:flex}.sk-designer__readout-label{text-transform:uppercase;letter-spacing:.04em;color:var(--sl-color-gray-2);font-size:.7rem}.sk-designer__readout-value{font-family:var(--__sl-font-mono,ui-monospace, monospace);color:var(--sl-color-text);font-size:.95rem}.sk-designer__muted{color:var(--sl-color-gray-2);font-size:.8rem}.sk-designer__tag{color:#fff;background:var(--sl-color-accent);vertical-align:middle;border-radius:.7rem;padding:.05rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.sk-designer__comp{font-family:var(--__sl-font-mono,ui-monospace, monospace);grid-template-columns:4.5rem minmax(0,1fr) 1rem minmax(0,1.2fr);align-items:baseline;gap:.35rem;padding:.18rem 0;font-size:.82rem;display:grid}.sk-designer__comp-label{color:var(--sl-color-text);font-weight:600}.sk-designer__comp-ideal{color:var(--sl-color-gray-2);text-align:right}.sk-designer__comp-arrow{color:var(--sl-color-gray-3);text-align:center}.sk-designer__comp-chosen{color:var(--sl-color-text);font-weight:600}.sk-designer__note{color:var(--sl-color-text);background:var(--sl-color-accent-low);border-left:3px solid var(--sl-color-accent);border-radius:.25rem;padding:.6rem .8rem;font-size:.82rem}.sk-designer__note--warn{color:var(--sl-color-accent-high)}.sk-designer__chart{margin:.8rem 0 0}.sk-schem{border-bottom:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);margin:0 0 .9rem;padding:0 0 .7rem}.sk-schem img{border:1px solid var(--sl-color-gray-5);background:#fff;border-radius:.35rem;width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.sk-schem__cap{text-align:center;color:var(--sl-color-gray-2);margin:.4rem 0 0;font-size:.75rem;font-style:italic}