.grad-tool .tool-page-shell:has(.grad-dash) .tool-page-head{margin-bottom:.75rem}.grad-tool .tool-page-shell:has(.grad-dash) .tool-page-head__lead{font-size:.875rem;line-height:1.55;color:rgb(var(--color-body));text-wrap:pretty}.grad-tool{position:relative;z-index:1;isolation:isolate}.grad-dash{display:grid;gap:.75rem;grid-template-columns:1fr}.grad-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:#000;cursor:pointer}@media(min-width:900px){.grad-dash{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;gap:.75rem 1rem;align-items:stretch}.grad-dash__hero{grid-column:1 / span 3;grid-row:1 / span 2;min-height:0;height:100%}.grad-dash__side{grid-column:4 / span 3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:.75rem;height:auto;min-height:0;align-self:start}}.grad-dash__hero:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.grad-dash__hero:fullscreen{border-radius:0;min-height:100%}.grad-dash__stage{position:absolute;inset:0;background-color:#000}.grad-dash__hint{position:absolute;top:1rem;left:50%;z-index:2;transform:translate(-50%);max-width:calc(100% - 2rem);padding:.35rem .75rem;border-radius:.5rem;background:#0009;backdrop-filter:blur(6px);font-size:.6875rem;font-weight:500;color:#ffffffd9;text-align:center;pointer-events:none}.grad-hero-actions{position:absolute;top:.65rem;right:.65rem;z-index:3;display:flex;align-items:center;gap:.35rem}.grad-hero-btn{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;transition:border-color .15s ease,color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.grad-hero-btn:hover{border-color:rgb(var(--color-accent) / .55);color:rgb(var(--color-accent))}}.grad-hero-btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.grad-hero-btn:active{transform:scale(.97)}.grad-dash__hero-footer{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-radius:.75rem;background:#00000059;backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .08);font-size:.75rem;color:#ffffffbf;pointer-events:none}.grad-dash__hero-footer-item{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.grad-dash__hero-footer-item :global(svg){flex-shrink:0;color:rgb(var(--color-accent))}.grad-dash__hero-footer-meta{font-size:.625rem;color:#ffffff73;font-variant-numeric:tabular-nums}.grad-dash__row{display:grid;gap:.75rem;grid-template-columns:1fr;align-items:stretch;min-height:0}@media(min-width:640px){.grad-dash__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.grad-tool .grad-panel.nexus-card{padding:0}.grad-panel{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.grad-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)}.grad-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))}.grad-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))}.grad-panel__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:.5rem .9rem .75rem;overflow:visible}.grad-field{display:block;margin-bottom:.65rem}.grad-field:last-child{margin-bottom:0}.grad-field__label{display:block;font-size:.6875rem;font-weight:600;color:rgb(var(--color-ink));margin-bottom:.35rem}.grad-field__label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.grad-field__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-accent))}.grad-field input[type=color]{width:100%}.grad-opt-list{display:flex;flex-direction:column;gap:.25rem}.grad-opt-list--compact{gap:.2rem}.grad-opt{display:flex;align-items:center;width:100%;min-height:2rem;padding:.35rem .5rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card));text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.grad-opt:hover{border-color:rgb(var(--color-accent) / .45)}.grad-opt--active{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .08)}.grad-opt:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.grad-opt__label{font-size:.6875rem;font-weight:600;line-height:1.25;color:rgb(var(--color-ink))}.grad-opt--active .grad-opt__label{color:rgb(var(--color-accent))}.grad-opt-list--compact .grad-opt{min-height:1.85rem;padding:.28rem .45rem}.grad-opt-list--compact .grad-opt__label{font-size:.625rem}.grad-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.2rem;border-radius:.55rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft))}.grad-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;transition:color .14s ease,background-color .14s ease,border-color .14s ease}.grad-seg__btn:hover{color:rgb(var(--color-ink));background:rgb(var(--color-ink) / .04)}.grad-seg__btn--active{color:rgb(var(--color-accent));background:rgb(var(--color-surface-card));border-color:rgb(var(--color-accent) / .45);box-shadow:0 1px 2px #0000000a}.grad-seg__btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.grad-panel__body--colors{gap:.45rem}.grad-field--tight{margin-bottom:0}.grad-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.grad-color-hex{display:block;margin-top:.25rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.5625rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-muted))}.grad-color-preview{flex-shrink:0;width:100%;height:1.125rem;border-radius:.375rem;border:1px solid rgb(var(--color-hairline-soft))}.grad-color-swap{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;align-self:center;min-height:1.65rem;padding:.2rem .55rem;border-radius:999px;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft));font-size:.625rem;font-weight:700;color:rgb(var(--color-muted));cursor:pointer;transition:border-color .14s ease,color .14s ease}.grad-color-swap:hover{border-color:rgb(var(--color-accent) / .45);color:rgb(var(--color-accent))}.grad-color-swap:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.grad-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.grad-preset-btn{display:flex;align-items:center;gap:.35rem;min-height:1.85rem;padding:.28rem .4rem;border-radius:.45rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card));text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.grad-preset-btn:hover{border-color:rgb(var(--color-accent) / .45)}.grad-preset-btn--active{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .08)}.grad-preset-btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.grad-preset-btn__swatch{flex-shrink:0;width:1.35rem;height:.85rem;border-radius:.25rem;border:1px solid rgb(var(--color-hairline-soft));background:linear-gradient(90deg,var(--grad-preset-start) 0%,var(--grad-preset-end) 100%)}.grad-preset-btn__label{font-size:.625rem;font-weight:600;line-height:1.2;color:rgb(var(--color-ink))}.grad-preset-btn--active .grad-preset-btn__label{color:rgb(var(--color-accent))}.grad-color-note{margin:0;font-size:.5625rem;line-height:1.35;color:rgb(var(--color-muted))}.grad-speed__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}.grad-panel__rows{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0}.grad-panel__rows--fill .grad-panel__row{flex:0 0 auto;display:flex;align-items:center;min-height:2.25rem;padding:.25rem 0}.grad-panel__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px solid rgb(var(--color-hairline-soft))}.grad-panel__row:last-child{border-bottom:none}.grad-panel__row-name{margin:0;font-size:.75rem;font-weight:700;color:rgb(var(--color-ink))}.grad-panel__row-detail{margin:.1rem 0 0;font-size:.625rem;color:rgb(var(--color-muted))}.grad-panel__badge{flex-shrink:0;padding:.2rem .5rem;border-radius:999px;font-size:.625rem;font-weight:700;background:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent));border:1px solid rgb(var(--color-accent) / .2)}.grad-assess{display:flex;flex-direction:column;gap:.55rem}.grad-assess__item{padding:.55rem .65rem;border-radius:.5rem}.grad-assess__item--pass{background:rgb(var(--color-accent) / .1)}.grad-assess__item--fail{background:rgb(var(--color-hairline-soft))}.grad-assess__head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.grad-assess__head :global(svg){color:rgb(var(--color-accent))}.grad-assess__item--fail .grad-assess__head :global(svg){color:rgb(var(--color-muted))}.grad-assess__title{margin:0;font-size:.8125rem;font-weight:800;color:rgb(var(--color-accent))}.grad-assess__item--fail .grad-assess__title{color:rgb(var(--color-ink))}.grad-assess__body{margin:0;padding-left:1.35rem;font-size:.6875rem;line-height:1.45;color:rgb(var(--color-muted))}.grad-bit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,auto));gap:.5rem}.grad-bit-card{display:flex;flex-direction:column;gap:.25rem;min-height:0;padding:.55rem .6rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft))}.grad-bit-card__badge{align-self:flex-start;padding:.15rem .45rem;border-radius:999px;font-size:.5625rem;font-weight:700;letter-spacing:.02em;background:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent));border:1px solid rgb(var(--color-accent) / .2)}.grad-bit-card__name{margin:0;font-size:.6875rem;font-weight:700;line-height:1.25;color:rgb(var(--color-ink))}.grad-bit-card__detail{margin:0;font-size:.625rem;line-height:1.4;color:rgb(var(--color-muted))}.grad-error{margin-top:.75rem;font-size:.8125rem;font-weight:600;color:rgb(var(--color-error))}.grad-seo{position:relative;z-index:0}