*,:before,:after{box-sizing:border-box}:root{color-scheme:light;--color-primary:#4285f4;--color-secondary:#0f9d58;--color-bg:#fafafa;--color-surface:#fff;--color-text:#000000de;--color-text-secondary:#0009;--color-border:#0000001f;--color-input-bg:#fff;--color-input-border:#0000003b;--color-input-border-hover:#000000de;--color-focus-ring:#4285f459;--color-error-bg:#d32f2f14;--color-error-border:#d32f2f80;--color-error-text:#c5221f;--color-canvas-bg:#f6f8fa;--color-chip-bg:#00000014;--color-switch-track:#00000061;--color-switch-thumb:#fff;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23000000b3'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");--font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg:#121212;--color-surface:#1e1e1e;--color-text:#ffffffde;--color-text-secondary:#ffffffb3;--color-border:#ffffff1f;--color-input-bg:#1e1e1e;--color-input-border:#ffffff3b;--color-input-border-hover:#fff;--color-error-bg:#d32f2f1f;--color-error-text:#f28b82;--color-canvas-bg:#0d1117;--color-chip-bg:#ffffff1f;--color-switch-track:#ffffff4d;--color-switch-thumb:#e0e0e0;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffffffb3'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}}body{min-width:320px;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4}code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.875em}.app-main{min-height:100vh;padding-block:.75rem}.app-container{width:100%;padding-inline:.75rem}@media (width>=600px){.app-container{padding-inline:1rem}}.app-stack{flex-direction:column;gap:.75rem;display:flex}.app-header__desc{max-width:45rem;margin:0}.text-h5{margin:0 0 .25rem;font-size:1.25rem;font-weight:500;line-height:1.3}.text-h6{margin:0;font-size:1.0625rem;font-weight:500;line-height:1.35}.text-subtitle2{margin:0;font-size:.8125rem;font-weight:500;line-height:1.4}.text-body2{margin:0;font-size:.8125rem;line-height:1.35}.text-caption{margin:0;font-size:.6875rem;line-height:1.4}.text-secondary{color:var(--color-text-secondary)}.paper{background-color:var(--color-surface);border-radius:4px;width:100%;padding:.75rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.paper--empty{justify-content:center;align-items:center;min-height:120px;display:flex}.param-section{border:1px solid var(--color-border);border-radius:4px;margin-bottom:.5rem;padding:.625rem}.param-section:last-child{margin-bottom:0}.param-section__header{margin-bottom:.5rem}.param-section__header .text-caption{margin-top:.125rem}.param-grid{grid-template-columns:1fr;gap:.5rem .75rem;display:grid}@media (width>=600px){.param-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.param-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.param-grid{grid-template-columns:repeat(4,1fr)}}.param-grid__full{grid-column:1/-1}.form-field{flex-direction:column;gap:.2rem;min-width:0;display:flex}.form-field__label{color:var(--color-text-secondary);font-size:.6875rem;font-weight:500;line-height:1.3}.form-field__hint{color:var(--color-text-secondary);opacity:.85;font-size:.6875rem;line-height:1.35}.form-field select,.form-field input{appearance:none;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);font:inherit;border-radius:4px;width:100%;min-height:30px;padding:4px 10px;font-size:.8125rem;line-height:1.25}.form-field select{background-image:var(--select-chevron);background-position:right 4px center;background-repeat:no-repeat;background-size:20px;padding-right:28px}.form-field select:hover,.form-field input:hover{border-color:var(--color-input-border-hover)}.form-field select:focus,.form-field input:focus{border-color:var(--color-primary);outline:2px solid var(--color-focus-ring);outline-offset:0}.form-field input[type=number]{appearance:textfield}.form-field input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.form-field input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.ninit-header{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.ninit-header__actions{flex-shrink:0;gap:.25rem;display:flex}.ninit-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.375rem;margin-top:.25rem;display:grid}.ninit-row{align-items:center;gap:.25rem;min-width:0;display:flex}.ninit-row__colors{flex-shrink:0;gap:2px;display:flex}.ninit-row__swatch{border:1px solid var(--color-border);border-radius:2px;width:10px;height:14px}.ninit-row__select{appearance:none;background-color:var(--color-input-bg);background-image:var(--select-chevron);border:1px solid var(--color-input-border);color:var(--color-text);background-position:right 4px center;background-repeat:no-repeat;background-size:18px;border-radius:4px;flex:3rem;width:100%;min-width:0;min-height:28px;padding:4px 22px 4px 6px;font-size:.8125rem;line-height:1.25}.ninit-row__select:hover{border-color:var(--color-input-border-hover)}.ninit-row__select:focus{border-color:var(--color-primary);outline:2px solid var(--color-focus-ring);outline-offset:0}.ninit-row__toa{appearance:textfield;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);border-radius:4px;flex:4rem;width:100%;min-width:3.5rem;min-height:28px;padding:4px 6px;font-size:.8125rem;line-height:1.25}.ninit-row__toa::-webkit-inner-spin-button{appearance:none;margin:0}.ninit-row__toa::-webkit-outer-spin-button{appearance:none;margin:0}.ninit-row__toa:hover{border-color:var(--color-input-border-hover)}.ninit-row__toa:focus{border-color:var(--color-primary);outline:2px solid var(--color-focus-ring);outline-offset:0}.ninit-row__btn{background-color:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;font-size:1rem;font-weight:500;line-height:1;transition:border-color .15s,background-color .15s;display:inline-flex}.ninit-row__btn:hover:not(:disabled){border-color:var(--color-input-border-hover)}.ninit-row__btn:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-focus-ring);outline-offset:0}.ninit-row__btn:disabled{cursor:not-allowed;opacity:.4}.ninit-row__btn--add{color:var(--color-primary);font-size:1.25rem}.ninit-row__btn--remove{color:var(--color-error-text)}.error-banner{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:4px;margin-bottom:.5rem;padding:.375rem .5rem;font-size:.8125rem;line-height:1.35}.chip{background-color:var(--color-chip-bg);color:var(--color-text);white-space:nowrap;border-radius:12px;padding:1px 8px;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-block}.switch{vertical-align:middle;display:inline-flex;position:relative}.switch__input{cursor:pointer;opacity:0;z-index:1;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.switch__track{background-color:var(--color-switch-track);border-radius:8px;width:28px;height:16px;transition:background-color .2s;display:block;position:relative}.switch__track:after{background-color:var(--color-switch-thumb);content:"";border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch__input:checked+.switch__track{background-color:var(--color-primary)}.switch__input:checked+.switch__track:after{transform:translate(12px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--color-focus-ring);outline-offset:2px}.switch-label{cursor:pointer;align-items:center;gap:.375rem;margin-left:.125rem;display:inline-flex}.grid-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.375rem;margin-bottom:.5rem;display:flex}.grid-panel__meta{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.grid-panel__legend{flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.legend-item{align-items:center;gap:.25rem;display:flex}.legend-item__swatch{border-radius:2px;flex-shrink:0;width:12px;height:12px}.legend-item__swatch--outline{background-color:#0000;border:2px solid}.legend-item__dual{gap:2px;display:flex}.grid-canvas-wrap{background-color:var(--color-canvas-bg);border:1px solid var(--color-border);border-radius:4px;width:100%;max-width:100%;overflow:auto}.grid-canvas-strip{flex-flow:row;min-width:min-content;display:flex}.grid-panel__footnote{margin-top:.5rem;display:block}