.rgb-tool .tool-page-shell:has(.rgb-dash) .tool-page-head{margin-bottom:.75rem}.rgb-tool .tool-page-shell:has(.rgb-dash) .tool-page-head__lead{font-size:.875rem;line-height:1.55;color:rgb(var(--color-body));text-wrap:pretty}.rgb-tool{position:relative;z-index:1;isolation:isolate}.rgb-dash{display:grid;gap:.75rem;grid-template-columns:1fr}.rgb-dash__hero{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:clamp(200px,28vh,320px);padding:0;border-color:rgb(var(--color-accent) / .22);background:gray;cursor:pointer}.rgb-dash__side{display:flex;flex-direction:column;gap:.75rem;min-width:0}.rgb-dash__row{display:grid;gap:.75rem;grid-template-columns:1fr;align-items:stretch;min-height:0}@media(min-width:640px){.rgb-dash__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.rgb-dash{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;gap:.75rem 1rem;align-items:stretch}.rgb-dash__hero{grid-column:1 / span 3;grid-row:1 / span 2;min-height:0;height:100%}.rgb-dash__side{grid-column:4 / span 3;grid-row:1 / span 2;align-self:start;height:auto;min-height:0}}.rgb-dash__stage{position:absolute;inset:0;overflow:hidden;cursor:pointer;background-color:gray}.rgb-dash__stage:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.rgb-dash__stage:fullscreen{border-radius:0}.rgb-dash__enter{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.rgb-dash__enter[hidden]{display:none}.rgb-dash__enter-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;max-width:16rem;padding:.85rem 1.1rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / .14);background:#0000009e;backdrop-filter:blur(8px);text-align:center}.rgb-dash__enter-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.55rem;border:1px solid rgb(255 255 255 / .16);background:#ffffff14;color:#ffffffeb}.rgb-dash__enter-title{margin:0;font-size:.8125rem;font-weight:700;line-height:1.3;color:#fffffff2}.rgb-dash__enter-sub{margin:0;font-size:.6875rem;line-height:1.4;color:#ffffffb3}.rgb-dash__status{position:absolute;z-index:4;left:.75rem;right:.75rem;bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / .08);background:#00000059;backdrop-filter:blur(8px);font-size:.75rem;color:#ffffffbf;pointer-events:none}.rgb-dash__status-mode{display:inline-flex;align-items:center;gap:.35rem;min-width:0;font-weight:600;color:#ffffffe6}.rgb-dash__status-mode :global(svg){flex-shrink:0;color:rgb(var(--color-accent))}.rgb-dash__status-hint{flex-shrink:0;font-size:.625rem;font-weight:500;color:#ffffff73}.rgb-dash__live{width:.4rem;height:.4rem;border-radius:999px;background:rgb(var(--color-accent));box-shadow:0 0 0 3px rgb(var(--color-accent) / .22);flex-shrink:0}.rgb-dash__live--paused{background:#ffffff59;box-shadow:none}.rgb-fs-btn{position:absolute;top:.65rem;right:.65rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgb(255 255 255 / .16);background:#00000073;color:#ffffffe6;cursor:pointer}.rgb-fs-btn:hover{border-color:rgb(var(--color-accent) / .55);color:rgb(var(--color-accent))}.rgb-tool .rgb-panel.nexus-card{padding:0}.rgb-panel{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.rgb-panel__head{display:flex;align-items:center;gap:.45rem;flex-shrink:0;margin:0;padding:.75rem .9rem .5rem;border-bottom:1px solid rgb(var(--color-accent) / .12)}.rgb-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;flex-shrink:0;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.rgb-panel__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:rgb(var(--color-ink))}.rgb-panel__body{display:flex;flex-direction:column;flex:1 1 auto;gap:.5rem;min-height:0;padding:.55rem .9rem .75rem}.rgb-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin:0;padding:0;border:none;flex:1 1 auto;min-height:0;align-content:start}.rgb-pattern-chip{position:relative;display:block;cursor:pointer}.rgb-pattern-chip input{position:absolute;opacity:0;pointer-events:none}.rgb-pattern-chip__body{display:flex;align-items:center;gap:.35rem;min-height:1.7rem;padding:.25rem .4rem;border:1px solid rgb(var(--color-hairline-soft));border-radius:.45rem;background:rgb(var(--color-surface-card));transition:border-color .14s ease,background-color .14s ease}.rgb-pattern-chip:hover .rgb-pattern-chip__body{border-color:rgb(var(--color-accent) / .45)}.rgb-pattern-chip input:checked+.rgb-pattern-chip__body{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .08)}.rgb-pattern-chip input:focus-visible+.rgb-pattern-chip__body{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.rgb-pattern-chip__swatch{width:.85rem;height:.85rem;flex-shrink:0;border-radius:.2rem;border:1px solid rgb(var(--color-hairline-soft))}.rgb-pattern-chip__label{font-size:.625rem;font-weight:600;line-height:1.2;color:rgb(var(--color-ink))}.rgb-pattern-chip input:checked+.rgb-pattern-chip__body .rgb-pattern-chip__label{color:rgb(var(--color-accent))}.rgb-field{display:flex;flex-direction:column;gap:.3rem}.rgb-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.625rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-muted))}.rgb-field__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:700;letter-spacing:0;text-transform:none;color:rgb(var(--color-accent));font-variant-numeric:tabular-nums}.rgb-field__range{display:block;width:100%;height:.35rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:rgb(var(--color-hairline-soft));accent-color:rgb(var(--color-accent));cursor:pointer}.rgb-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.2rem;border-radius:.55rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft))}.rgb-seg__btn{min-height:1.85rem;padding:.28rem .35rem;border-radius:.4rem;border:1px solid transparent;background:transparent;font-size:.625rem;font-weight:700;color:rgb(var(--color-muted));cursor:pointer}.rgb-seg__btn:hover{color:rgb(var(--color-ink));background:rgb(var(--color-ink) / .04)}.rgb-seg__btn--active{color:rgb(var(--color-accent));background:rgb(var(--color-surface-card));border-color:rgb(var(--color-accent) / .45)}.rgb-seg__btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.rgb-well{display:flex;flex-direction:column;gap:.2rem}.rgb-well__label{font-size:.5625rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:rgb(var(--color-muted))}.rgb-well input[type=color]{width:100%;height:1.75rem;padding:0;border:1px solid rgb(var(--color-hairline-soft));border-radius:.4rem;background:rgb(var(--color-surface-card));cursor:pointer}.rgb-toggle-row{display:flex;align-items:center;gap:.45rem;cursor:pointer}.rgb-toggle-row input{width:.95rem;height:.95rem;flex-shrink:0;accent-color:rgb(var(--color-accent));cursor:pointer}.rgb-toggle-row__title{font-size:.6875rem;font-weight:650;color:rgb(var(--color-ink))}.rgb-toggle-row__hint{display:block;font-size:.5625rem;color:rgb(var(--color-muted))}.rgb-actions{display:grid;gap:.35rem;margin-top:auto}.rgb-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:2.15rem;padding:.45rem .75rem;border:1px solid transparent;border-radius:.5rem;background:rgb(var(--color-accent));color:rgb(var(--color-on-primary));font-size:.75rem;font-weight:700;cursor:pointer;transition:filter .14s ease,background-color .14s ease,color .14s ease,border-color .14s ease}.rgb-play-btn:hover{filter:brightness(1.06)}.rgb-play-btn[aria-pressed=true]{background:rgb(var(--color-surface-card));color:rgb(var(--color-accent));border-color:rgb(var(--color-accent) / .45)}.rgb-play-btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.rgb-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:1.85rem;padding:.4rem .75rem;border:1px solid rgb(var(--color-hairline-soft));border-radius:.5rem;background:transparent;color:rgb(var(--color-body));font-size:.6875rem;font-weight:650;cursor:pointer}.rgb-reset-btn:hover{background:rgb(var(--color-accent) / .08);border-color:rgb(var(--color-accent) / .35);color:rgb(var(--color-ink))}.rgb-shortcut-list{list-style:none;display:grid;gap:.25rem;margin:.15rem 0 0;padding:.45rem 0 0;border-top:1px solid rgb(var(--color-hairline-soft))}.rgb-shortcut-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.625rem;color:rgb(var(--color-muted))}.rgb-shortcut-list__keys{display:inline-flex;gap:.2rem;flex-shrink:0}.rgb-assess{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}.rgb-assess__item{padding:.55rem .65rem;border-radius:.5rem}.rgb-assess__item--pass{background:rgb(var(--color-accent) / .1)}.rgb-assess__item--fail{background:rgb(var(--color-hairline-soft))}.rgb-assess__head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem;color:rgb(var(--color-accent))}.rgb-assess__item--fail .rgb-assess__head{color:rgb(var(--color-muted))}.rgb-assess__title{margin:0;font-size:.8125rem;font-weight:800;color:rgb(var(--color-accent))}.rgb-assess__item--fail .rgb-assess__title{color:rgb(var(--color-ink))}.rgb-assess__body{margin:0;padding-left:1.35rem;font-size:.6875rem;line-height:1.45;color:rgb(var(--color-muted))}.rgb-error{margin-top:.75rem;font-size:.8125rem;font-weight:600;color:rgb(var(--color-error))}.rgb-seo{position:relative;z-index:0}