.scg{gap:var(--space-8);min-width:0;display:grid}.scg :is(input,select,textarea,summary,button,a){scroll-margin-bottom:120px}.scg .scg-bar :is(button,a){scroll-margin-bottom:0}.scg-step{gap:var(--space-4);min-width:0;display:grid}.scg-step__head{align-items:flex-start;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.scg-step__head .tool-step{min-height:24px}.scg-step__head>.scg-step__aside{max-width:22rem;margin-left:auto}.scg-step__title{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.scg-issue-badge svg{width:14px;height:14px}.scg-start{gap:var(--space-3)}.scg-templates{min-width:0}.scg-examples-check{justify-self:start;align-items:center}.scg-examples-check input{margin-top:0}.scg-example{padding-block:var(--space-3)}.scg-example__body{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.scg-example__body>p{flex:24rem}.scg-example__actions{gap:var(--space-2) var(--space-4)}.scg-setup{align-items:flex-start;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.scg-setup__title{flex:18rem;max-width:36rem}.scg-note-field{max-width:40rem}.scg-gridbox{gap:var(--space-3);min-width:0;display:grid}.scg-grid table{width:auto;min-width:100%}.scg-grid th{vertical-align:top;padding:var(--space-2) var(--space-2) var(--space-3);font-weight:550;position:static}.scg-grid td{padding:var(--space-1) var(--space-2)}.scg-grid tbody tr:first-child td{padding-top:var(--space-2)}.scg-grid tbody tr:last-child td{padding-bottom:var(--space-2)}.scg-grid tbody td{border-bottom:0}.scg-colhead{gap:var(--space-1);min-width:9.5rem;display:grid;position:relative}.scg-colhead__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.scg-colhead__label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:550}.scg-colhead__error{font-size:var(--text-xs);white-space:normal}.scg-colhead .tool-check{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:550}.scg-colhead .tool-check input{width:16px;height:16px;margin-top:0}.scg-grid .input{min-height:36px;padding:var(--space-1) var(--space-2)}.scg-cell{min-width:7.5rem}.scg-cell--first{min-width:6rem;font-weight:550}.scg-grid .scg-cell--warn{border-color:var(--color-warning)}.scg-grid th.scg-grid__actions-head{position:relative}.scg-grid__actions{width:1%}.scg-iconbar{gap:2px;display:flex}.scg-iconbtn{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.scg-iconbtn:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text-heading)}.scg-iconbtn--danger:hover:not(:disabled){color:var(--color-critical)}.scg-iconbtn:disabled{opacity:.35;cursor:not-allowed}.scg-iconbtn svg{width:.875rem;height:.875rem}@media (pointer:coarse){.scg-iconbtn{width:2.25rem;height:2.25rem}.scg-iconbtn svg{width:1rem;height:1rem}}.scg-icon-flip{transform:rotate(180deg)}.scg-note{min-height:4rem}.scg-choice{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.scg-choice>legend{margin-bottom:var(--space-2);padding:0}.scg-choice .tool-segmented{justify-self:start}.scg-options{gap:var(--space-3);align-items:start;display:grid}@media (width>=760px){.scg-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.scg-convert{justify-items:start;gap:var(--space-2);display:grid}.scg-convert .btn{white-space:normal;text-align:left;line-height:var(--leading-snug)}.scg-swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.scg-swatch{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;display:flex;position:relative}.scg-swatch:hover{border-color:var(--color-border-hover)}.scg-swatch input{opacity:0;pointer-events:none;position:absolute}.scg-swatch:has(input:checked){border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);color:var(--color-text-heading);font-weight:550}.scg-swatch:has(input:focus-visible){box-shadow:var(--shadow-focus)}.scg-swatch__chip{border:1px solid var(--color-border);border-radius:var(--radius-xs);width:1.75rem;height:1.5rem;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.scg-swatch__chip--none{border-width:0 0 2px;border-color:var(--color-text-heading);background:var(--color-surface);color:var(--color-text-heading);border-radius:0}.scg-checks{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.scg-preview{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-heading);font-size:var(--text-md);line-height:1.5;overflow-x:auto}.scg-bar{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:5;align-items:center;gap:var(--space-2) var(--space-4);margin-block:calc(var(--space-4) - var(--space-8));padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);transition:box-shadow var(--duration-base) ease, border-color var(--duration-base) ease;flex-wrap:wrap;display:flex;position:sticky}.scg-bar[data-settled]{box-shadow:none;background:0 0;border-color:#0000;padding-inline:0}.scg-bar__status{align-items:center;gap:var(--space-3);min-width:0;color:var(--color-text-secondary);font-size:var(--text-sm);flex:16rem;display:flex}.scg-bar__status>.btn{flex-shrink:0}.scg-status__text{min-width:0}.scg-bar[data-settled] .scg-bar__jump{display:none}.scg-bar__jump svg{width:16px;height:16px}.scg-bar__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.scg-status__text:empty,.scg-export-status:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.scg-status__text:focus{outline:none}.scg-status__text:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.scg-export-status{color:var(--color-text-secondary);font-size:var(--text-sm);flex-basis:100%}.scg-export-status.field__error{color:var(--color-critical)}.scg-after{gap:var(--space-1);min-width:0;display:grid}.scg-howto{gap:var(--space-1);padding-left:var(--space-5);color:var(--color-text);font-size:var(--text-sm);margin:0;display:grid}.scg-code__text{min-height:12rem;font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre;overflow-wrap:normal;line-height:1.5}.scg-saved{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media (width<=640px){.scg-step__head>.scg-step__aside{max-width:none;margin-left:0}.scg-colhead{min-width:0}.scg-colhead__top{flex-wrap:wrap;row-gap:0}.scg-grid{scroll-padding-left:8.5rem}.scg-grid th:first-child,.scg-grid td:first-child{z-index:1;box-shadow:inset -1px 0 0 var(--color-border);position:sticky;top:auto;left:0}.scg-grid td:first-child{background:var(--color-surface)}.scg-bar{padding:var(--space-2) var(--space-3);row-gap:0}.scg-bar__status{gap:var(--space-2);font-size:var(--text-xs);flex-basis:100%}.scg-bar:not([data-settled]) .scg-bar__status{margin-bottom:var(--space-2)}.scg-bar__status:has(>p:not(:empty),>button){margin-bottom:var(--space-2)}.scg-export-status:not(:empty){margin-top:var(--space-2);font-size:var(--text-xs)}.scg-bar__actions{flex-wrap:nowrap;flex:100%}.scg-bar__actions>.btn{padding-inline:var(--space-3)}.scg-bar__actions>.btn--primary{flex:auto}}@media (width<=479px){.scg-bar__verb{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}