:root,[data-theme]{--duration-instant:50ms;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--duration-lazy:.6s;--ease-enter:var(--cubic-enter);--ease-exit:var(--cubic-exit);--ease-exit-snappy:var(--cubic-exit-snappy);--ease-move:var(--cubic-move);--ease-spring:cubic-bezier(.16,1,.3,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--stagger:24ms;--press-scale:.985;--lift:-1px;--rise:6px;--motion-scale:1;--transition-surface:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);--transition-press:transform var(--duration-instant) var(--ease-standard)}@keyframes ds-rise-in{0%{opacity:0;transform:translateY(calc(var(--rise) * var(--motion-scale)))}to{opacity:1;transform:none}}@keyframes ds-rise-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--rise) * var(--motion-scale)))}}@keyframes ds-sink-in{0%{opacity:0;transform:translateY(calc(var(--rise) * -1 * var(--motion-scale)))}to{opacity:1;transform:none}}@keyframes ds-slide-in-left{0%{opacity:0;transform:translateX(calc(-12px * var(--motion-scale)))}to{opacity:1;transform:none}}@keyframes ds-slide-in-right{0%{opacity:0;transform:translateX(calc(12px * var(--motion-scale)))}to{opacity:1;transform:none}}@keyframes ds-pop-in{0%{opacity:0;transform:scale(calc(1 - .08 * var(--motion-scale)))}to{opacity:1;transform:none}}@keyframes ds-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ds-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ds-draw{0%{stroke-dashoffset:var(--draw-length,1000)}to{stroke-dashoffset:0}}@keyframes ds-check-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ds-ring-pulse{0%{box-shadow:0 0 0 0 var(--ring-pulse-color,var(--color-ring))}to{box-shadow:0 0 0 8px #0000}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-blink{50%{opacity:0}}[data-motion=rise]{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both}[data-motion=sink]{animation:ds-sink-in var(--duration-slow) var(--ease-enter) both}[data-motion=fade]{animation:ds-fade-in var(--duration-base) var(--ease-standard) both}[data-motion=pop]{animation:ds-pop-in var(--duration-base) var(--ease-spring) both}[data-motion=slide-left]{animation:ds-slide-in-left var(--duration-slow) var(--ease-enter) both}[data-motion=slide-right]{animation:ds-slide-in-right var(--duration-slow) var(--ease-enter) both}[data-motion][data-delay="1"]{animation-delay:calc(var(--stagger) * 1)}[data-motion][data-delay="2"]{animation-delay:calc(var(--stagger) * 2)}[data-motion][data-delay="3"]{animation-delay:calc(var(--stagger) * 3)}[data-motion][data-delay="4"]{animation-delay:calc(var(--stagger) * 4)}[data-motion][data-delay="5"]{animation-delay:calc(var(--stagger) * 5)}[data-motion][data-delay="6"]{animation-delay:calc(var(--stagger) * 6)}[data-stagger]>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}[data-stagger=fade]>*{animation-name:ds-fade-in}[data-stagger=pop]>*{animation-name:ds-pop-in;animation-timing-function:var(--ease-spring)}[data-stagger=slide]>*{animation-name:ds-slide-in-left}[data-stagger]>:first-child{--i:0}[data-stagger]>:nth-child(2){--i:1}[data-stagger]>:nth-child(3){--i:2}[data-stagger]>:nth-child(4){--i:3}[data-stagger]>:nth-child(5){--i:4}[data-stagger]>:nth-child(6){--i:5}[data-stagger]>:nth-child(7){--i:6}[data-stagger]>:nth-child(8){--i:7}[data-stagger]>:nth-child(9){--i:8}[data-stagger]>:nth-child(10){--i:9}[data-stagger]>:nth-child(11){--i:10}[data-stagger]>:nth-child(12){--i:11}[data-stagger]>:nth-child(n+13){--i:12}.ds-page-enter{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both}.ds-btn{transition:opacity var(--transition-basic),color var(--transition-basic),transform var(--duration-fast) var(--ease-standard)}.ds-btn:active:not([data-disabled]):not(:disabled):not([data-loading]){transform:scale(var(--press-scale));transition:var(--transition-press)}.ds-chip,.ds-tag,.ds-segmented__option,.ds-tabs__tab,.ds-filter-tabs__tab,.ds-pagination__page,.ds-data-table__page,.ds-toggle-group>*,.ds-choicebox,.ds-option-card,.ds-dock__item,.ds-command__item,.ds-menu__item,.ds-sidebar__link,.ds-console-nav__item,.ds-list-group__item,.ds-tree__row,.ds-breadcrumbs__item,.ds-sheet__action,.ds-fab-dial__item,.ds-split-btn>*,.ds-btn-group>*,.ds-copy-btn,.ds-link,.ds-rating__item,.ds-stepper__item,.ds-row-menu__trigger,.ds-kbd,.ds-badge,.ds-avatar,.ds-status-dot,.ds-http-badge,.ds-topic-dot{transition:var(--transition-surface)}:is(.ds-chip,.ds-tag,.ds-segmented__option,.ds-tabs__tab,.ds-filter-tabs__tab,.ds-pagination__page,.ds-data-table__page,.ds-toggle-group>button,.ds-dock__item,.ds-sheet__action,.ds-fab-dial__item,.ds-copy-btn,.ds-rating__item,.ds-row-menu__trigger):active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--press-scale));transition:var(--transition-press)}.ds-choicebox:active,.ds-option-card:active,.ds-list-group__item[href]:active,.ds-entity[data-interactive]:active{transition:var(--transition-press);transform:scale(.995)}:is(a.ds-card,.ds-card[data-interactive],.ds-link-card,.ds-feature-card,.ds-doc-link,.ds-tile,.ds-model-card,.ds-file-card,.ds-stat[data-interactive],.ds-entity[data-interactive],.ds-kanban__card,.ds-spotlight,.ds-user-card[data-interactive],.ds-console-card[data-interactive],.ds-section-card[data-interactive],.ds-icon-item,.ds-choice-card){transition:var(--transition-surface),transform var(--duration-base) var(--ease-enter),box-shadow var(--duration-base) var(--ease-enter)}:is(a.ds-card,.ds-card[data-interactive],.ds-link-card,.ds-feature-card,.ds-doc-link,.ds-tile,.ds-model-card,.ds-file-card,.ds-stat[data-interactive],.ds-entity[data-interactive],.ds-spotlight,.ds-user-card[data-interactive],.ds-console-card[data-interactive],.ds-section-card[data-interactive]):hover{transform:translateY(calc(var(--lift) * var(--motion-scale)));box-shadow:var(--shadow-100)}.ds-kanban__card:hover{transform:translateY(calc(var(--lift) * var(--motion-scale)))}.ds-kanban__card[data-grabbed]{box-shadow:var(--shadow-300);transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-spring);transform:scale(1.02)rotate(.4deg)}:is(.ds-btn,.ds-input,.ds-textarea,.ds-select,.ds-chip,.ds-tag,.ds-checkbox,.ds-radio,.ds-switch__input,.ds-segmented__option,.ds-tabs__tab,.ds-link,.ds-sidebar__link,.ds-menu__item):focus-visible{transition:var(--transition-surface),outline-offset var(--duration-instant) var(--ease-standard)}.ds-checkbox:checked,.ds-checkbox:indeterminate{animation:ds-check-pop var(--duration-base) var(--ease-spring)}.ds-checkbox,.ds-radio{transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ds-checkbox:active,.ds-radio:active{transform:scale(.92)}.ds-radio:checked{animation:ds-check-pop var(--duration-base) var(--ease-spring)}.ds-switch__thumb{transition:transform var(--duration-base) var(--ease-move),width var(--duration-fast) var(--ease-standard)}.ds-switch__input:active+.ds-switch__track .ds-switch__thumb{width:calc(var(--switch-thumb-size) + 3px)}.ds-input,.ds-textarea,.ds-select{transition:color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.ds-input[data-invalid],.ds-textarea[data-invalid],.ds-field[data-invalid] .ds-input{animation:ds-shake var(--duration-slow) var(--ease-standard)}.ds-field__error,.ds-field__hint,.ds-field__message{animation:ds-sink-in var(--duration-base) var(--ease-enter) both}.ds-slider__thumb{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-standard)}.ds-slider input[type=range]::-webkit-slider-thumb{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-standard)}.ds-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.ds-rating__item:hover{transform:scale(1.12)}.ds-rating__fill{transition:width var(--duration-base) var(--ease-move)}.ds-tag-input .ds-tag{animation:ds-pop-in var(--duration-base) var(--ease-spring) both}.ds-pin input:focus{animation:ds-ring-pulse var(--duration-lazy) var(--ease-standard)}.ds-strength__bar,.ds-strength>span{transition:width var(--duration-slow) var(--ease-move),background-color var(--duration-fast) var(--ease-standard)}.ds-dropzone{transition:var(--transition-surface)}.ds-dropzone[data-active]{transform:scale(1.01)}.ds-dropzone:has(input:focus-visible){transform:scale(1.01)}.ds-file-cards>*,.ds-attachments>*,.ds-attachment-chips>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}.ds-file-cards>:nth-child(2),.ds-attachments>:nth-child(2),.ds-attachment-chips>:nth-child(2){--i:1}.ds-file-cards>:nth-child(3),.ds-attachments>:nth-child(3),.ds-attachment-chips>:nth-child(3){--i:2}.ds-file-cards>:nth-child(n+4),.ds-attachments>:nth-child(n+4),.ds-attachment-chips>:nth-child(n+4){--i:3}.ds-calendar__day,.ds-picker__day,.ds-calendar button,.ds-timefield__option{transition:var(--transition-surface)}.ds-calendar__day:active,.ds-picker__day:active{transform:scale(.9)}.ds-color-picker__swatch,.ds-swatches>*{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-standard)}.ds-color-picker__swatch:hover,.ds-swatches>:hover{transform:scale(1.1)}.ds-number__step,.ds-number button{transition:var(--transition-surface)}.ds-number button:active{transform:scale(.9)}.ds-hovercard,.ds-confirm,.ds-context,.ds-overflow-menu .ds-menu,.ds-row-menu .ds-menu,.ds-split-btn .ds-menu,.ds-float{transform-origin:var(--float-origin,top center);animation:ds-scale-in var(--duration-slow) var(--ease-enter)}:is(.ds-hovercard,.ds-confirm,.ds-context,.ds-float)[data-state=closed],:is(.ds-picker__popup,.ds-picker__panel,.ds-listbox,.ds-color-picker__popup)[data-state=closed],[data-state=closed]>:is(.ds-picker__panel,.ds-calendar,.ds-listbox){animation:ds-pop-out var(--duration-base) var(--ease-exit) forwards}.ds-sheet .ds-sheet__list>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}.ds-sheet .ds-sheet__list>:nth-child(2){--i:1}.ds-sheet .ds-sheet__list>:nth-child(3){--i:2}.ds-sheet .ds-sheet__list>:nth-child(n+4){--i:3}.ds-slideover__panel{transition:transform var(--duration-slow) var(--ease-drawer)}.ds-drawer{transition:transform var(--duration-slow) var(--ease-drawer),visibility var(--duration-slow)}.ds-lightbox__figure{animation:ds-pop-in var(--duration-slow) var(--ease-enter) both}.ds-lightbox__nav{transition:var(--transition-surface)}.ds-lightbox__nav:active{transform:scale(.9)}.ds-tour__card{animation:ds-pop-in var(--duration-slow) var(--ease-spring) both}.ds-tour__spot{transition:top var(--duration-slow) var(--ease-move),left var(--duration-slow) var(--ease-move),width var(--duration-slow) var(--ease-move),height var(--duration-slow) var(--ease-move)}.ds-tour__dot{transition:var(--transition-surface)}.ds-toast-stack>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both}.ds-inbox__item,.ds-notification{transition:var(--transition-surface)}.ds-inbox__item[data-unread]:before{animation:ds-ring-pulse 1.2s var(--ease-standard) 2}.ds-command__item{transition:background-color var(--duration-instant) var(--ease-standard),color var(--duration-instant) var(--ease-standard)}.ds-command__group{animation:ds-fade-in var(--duration-base) var(--ease-standard) both}.ds-fab-dial__item{transition:transform var(--duration-base) var(--ease-spring),opacity var(--duration-base) var(--ease-standard)}.ds-fab-dial:not([data-state=open]) .ds-fab-dial__item{opacity:0;transform:translateY(calc(8px * var(--motion-scale))) scale(.9);pointer-events:none}.ds-fab-dial[data-state=open] .ds-fab-dial__item:first-child{transition-delay:0s}.ds-fab-dial[data-state=open] .ds-fab-dial__item:nth-child(2){transition-delay:var(--stagger)}.ds-fab-dial[data-state=open] .ds-fab-dial__item:nth-child(3){transition-delay:calc(var(--stagger) * 2)}.ds-fab-dial[data-state=open] .ds-fab-dial__item:nth-child(4){transition-delay:calc(var(--stagger) * 3)}.ds-fab-dial__trigger{transition:var(--transition-surface),transform var(--duration-base) var(--ease-spring)}.ds-fab-dial[data-state=open] .ds-fab-dial__trigger{transform:rotate(45deg)}.ds-tabs__tab:after,.ds-filter-tabs__tab:after,.ds-subnav__bar{transition:transform var(--duration-base) var(--ease-move),opacity var(--duration-fast) var(--ease-standard),width var(--duration-base) var(--ease-move)}.ds-tabs__indicator,.ds-tabs__thumb,.ds-segmented__thumb{transition:transform var(--duration-base) var(--ease-move),width var(--duration-base) var(--ease-move),height var(--duration-base) var(--ease-move)}.ds-tabs__panel[data-state=active],.ds-tabs__panel:not([hidden]){animation:ds-fade-in var(--duration-base) var(--ease-standard) both}.ds-tree__toggle,.ds-tree__toggle svg,.ds-collapsible__icon,.ds-accordion summary svg,.ds-accordion__icon,.ds-console-nav__group-title svg,.ds-sidebar__chevron,.ds-expander__icon{transition:transform var(--duration-base) var(--ease-move)}.ds-tree__row[aria-expanded=true] .ds-tree__toggle svg,.ds-accordion details[open] summary svg,.ds-expander[open] .ds-expander__icon{transform:rotate(90deg)}.ds-collapsible[data-state=open] .ds-collapsible__icon{transform:rotate(180deg)}.ds-tree__row[aria-expanded=true]~ul>*,.ds-tree [role=group]>*{animation:ds-sink-in var(--duration-base) var(--ease-enter) both}.ds-collapsible__region{transition:grid-template-rows var(--ds-collapsible-duration,var(--duration-slow)) var(--ease-drawer);grid-template-rows:0fr;display:grid}.ds-collapsible[data-state=open] .ds-collapsible__region{grid-template-rows:1fr}.ds-collapsible__inner{min-height:0;overflow:hidden}.ds-accordion details[open]>:not(summary){animation:ds-sink-in var(--duration-base) var(--ease-enter) both}.ds-stepper__item{transition:var(--transition-surface)}.ds-stepper__marker{transition:var(--transition-surface),transform var(--duration-base) var(--ease-spring)}.ds-stepper__item[data-state=current] .ds-stepper__marker{transform:scale(1.08)}.ds-stepper__item[data-state=complete] .ds-stepper__check{animation:ds-check-pop var(--duration-base) var(--ease-spring)}.ds-stepper__item:before,.ds-stepper__item:after{transition:background-color var(--duration-slow) var(--ease-move)}.ds-pagination__page[aria-current=page]{animation:ds-pop-in var(--duration-base) var(--ease-spring)}.ds-breadcrumbs__item{transition:color var(--duration-fast) var(--ease-standard)}.ds-breadcrumbs>*{animation:ds-slide-in-left var(--duration-base) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}.ds-breadcrumbs>:nth-child(3){--i:1}.ds-breadcrumbs>:nth-child(5){--i:2}.ds-breadcrumbs>:nth-child(n+7){--i:3}.ds-anchor-nav__link,.ds-page-nav__link,.ds-menubar__item,.ds-navbar__link{transition:var(--transition-surface)}.ds-anchor-nav__thumb,.ds-anchor-nav__bar{transition:transform var(--duration-base) var(--ease-move),height var(--duration-base) var(--ease-move)}.ds-dock__item{transition:var(--transition-surface),transform var(--duration-base) var(--ease-spring)}.ds-dock__item:hover{transform:translateY(calc(-2px * var(--motion-scale)))}.ds-backtop{transition:var(--transition-surface),transform var(--duration-base) var(--ease-spring),visibility var(--duration-base)}.ds-backtop:not([data-visible]){opacity:0;transform:translateY(calc(8px * var(--motion-scale)));visibility:hidden}.ds-backtop:hover{transform:translateY(calc(-2px * var(--motion-scale)))}.ds-org__node{transition:var(--transition-surface),transform var(--duration-base) var(--ease-enter)}.ds-org__node:hover{transform:translateY(calc(var(--lift) * var(--motion-scale)))}.ds-link{transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}.ds-pager__link{transition:var(--transition-surface)}.ds-pager__link svg{transition:transform var(--duration-base) var(--ease-spring),color var(--duration-fast) var(--ease-standard)}.ds-pager__link:hover svg{color:var(--color-text);transform:translateX(calc(-3px * var(--motion-scale)))}.ds-pager__link[data-dir=next]:hover svg{transform:translateX(calc(3px * var(--motion-scale)))}.ds-pager__link:active{transform:scale(var(--press-scale));transition:var(--transition-press)}.ds-table tbody tr,.ds-simple-table tbody tr,.ds-data-table tbody tr,.ds-datagrid tbody tr,.ds-compare-table tbody tr{transition:background-color var(--duration-fast) var(--ease-standard)}.ds-data-table__sort svg,.ds-datagrid th svg{transition:transform var(--duration-base) var(--ease-move),opacity var(--duration-fast) var(--ease-standard)}.ds-data-table__sort[aria-sort=descending] svg,.ds-datagrid th[aria-sort=descending] svg{transform:rotate(180deg)}.ds-data-table__selection{transition:var(--transition-surface),transform var(--duration-base) var(--ease-enter)}.ds-data-table__selection:not([data-active]){opacity:0;transform:translateY(calc(4px * var(--motion-scale)))}.ds-progress__bar{transition:width var(--duration-slow) var(--ease-move),transform var(--duration-slow) var(--ease-move),background-color var(--duration-fast) var(--ease-standard)}.ds-progress__buffer{transition:width var(--duration-slow) var(--ease-move)}.ds-progress-ring__value{transition:stroke-dashoffset var(--duration-lazy) var(--ease-move),stroke var(--duration-fast) var(--ease-standard)}.ds-progress-ring__label{transition:color var(--duration-fast) var(--ease-standard)}.ds-gauge__fill{transition:stroke-dashoffset var(--duration-lazy) var(--ease-move),transform var(--duration-lazy) var(--ease-move),stroke var(--duration-fast) var(--ease-standard)}.ds-gauge__readout,.ds-gauge__status{transition:color var(--duration-fast) var(--ease-standard)}.ds-stat__value{animation:ds-sink-in var(--duration-slow) var(--ease-enter) both}.ds-stat__delta{animation:ds-fade-in var(--duration-slow) var(--ease-standard) both;animation-delay:var(--duration-fast)}.ds-stat__bar>*{transform-origin:0;animation:ds-grow-x var(--duration-lazy) var(--ease-move) both}.ds-stat-grid>*,.ds-stat-group>*,.ds-console-metrics>*,.ds-card-grid>*,.ds-feature-grid>*,.ds-tile-grid>*,.ds-slot-grid>*,.ds-masonry>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}:is(.ds-stat-grid,.ds-stat-group,.ds-console-metrics,.ds-card-grid,.ds-feature-grid,.ds-tile-grid,.ds-slot-grid,.ds-masonry)>:nth-child(2){--i:1}:is(.ds-stat-grid,.ds-stat-group,.ds-console-metrics,.ds-card-grid,.ds-feature-grid,.ds-tile-grid,.ds-slot-grid,.ds-masonry)>:nth-child(3){--i:2}:is(.ds-stat-grid,.ds-stat-group,.ds-console-metrics,.ds-card-grid,.ds-feature-grid,.ds-tile-grid,.ds-slot-grid,.ds-masonry)>:nth-child(4){--i:3}:is(.ds-stat-grid,.ds-stat-group,.ds-console-metrics,.ds-card-grid,.ds-feature-grid,.ds-tile-grid,.ds-slot-grid,.ds-masonry)>:nth-child(5){--i:4}:is(.ds-stat-grid,.ds-stat-group,.ds-console-metrics,.ds-card-grid,.ds-feature-grid,.ds-tile-grid,.ds-slot-grid,.ds-masonry)>:nth-child(n+6){--i:5}.ds-feed__item,.ds-timeline__item,.ds-thread-list__item,.ds-relative-list>*,.ds-result-list>*,.ds-status-list>*,.ds-rule-list>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}:is(.ds-feed__list,.ds-timeline,.ds-thread-list,.ds-relative-list,.ds-result-list,.ds-status-list,.ds-rule-list)>:nth-child(2){--i:1}:is(.ds-feed__list,.ds-timeline,.ds-thread-list,.ds-relative-list,.ds-result-list,.ds-status-list,.ds-rule-list)>:nth-child(3){--i:2}:is(.ds-feed__list,.ds-timeline,.ds-thread-list,.ds-relative-list,.ds-result-list,.ds-status-list,.ds-rule-list)>:nth-child(4){--i:3}:is(.ds-feed__list,.ds-timeline,.ds-thread-list,.ds-relative-list,.ds-result-list,.ds-status-list,.ds-rule-list)>:nth-child(5){--i:4}:is(.ds-feed__list,.ds-timeline,.ds-thread-list,.ds-relative-list,.ds-result-list,.ds-status-list,.ds-rule-list)>:nth-child(n+6){--i:5}.ds-timeline__marker{transition:var(--transition-surface),transform var(--duration-base) var(--ease-spring)}.ds-timeline__item[data-state=current] .ds-timeline__marker{animation:ds-ring-pulse 1.6s var(--ease-standard) infinite}.ds-timeline__item:hover .ds-timeline__marker{transform:scale(1.15)}.ds-feed__item:hover .ds-feed__icon{transform:scale(1.08)}.ds-feed__icon{transition:transform var(--duration-base) var(--ease-spring),background-color var(--duration-fast) var(--ease-standard)}.ds-feed__more{transition:var(--transition-surface)}.ds-list-group__item,.ds-dl>div,.ds-dl__row{transition:background-color var(--duration-fast) var(--ease-standard)}.ds-carousel__track{transition:transform var(--duration-slow) var(--ease-drawer)}.ds-carousel__dot,.ds-carousel__nav{transition:var(--transition-surface),transform var(--duration-base) var(--ease-spring)}.ds-carousel__dot[aria-current=true]{transform:scaleX(1.6)}.ds-carousel__nav:active{transform:scale(.9)}.ds-avatar-group>*{transition:transform var(--duration-base) var(--ease-spring),z-index 0s}.ds-avatar-group:hover>*{transform:translate(0)}.ds-avatar-group>:hover{transform:translateY(calc(-2px * var(--motion-scale))) scale(1.06);z-index:1}.ds-avatar__status{transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-spring)}.ds-avatar__status[data-status=online]{animation:ds-ring-pulse 2s var(--ease-standard) 1}.ds-code-block__copy,.ds-code__copy,.ds-copy-btn,.ds-snippet__copy{transition:var(--transition-surface)}.ds-code-block__line{transition:background-color var(--duration-fast) var(--ease-standard)}.ds-code-block__line[data-highlight]{animation:ds-fade-in var(--duration-slow) var(--ease-standard) both}.ds-empty{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both}.ds-empty__icon{animation:ds-pop-in var(--duration-lazy) var(--ease-spring) both}.ds-result__icon{animation:ds-check-pop var(--duration-lazy) var(--ease-spring) both}.ds-result__icon svg path{stroke-dasharray:var(--draw-length,60);animation:ds-draw var(--duration-lazy) var(--ease-move) both;animation-delay:var(--duration-fast)}.ds-alert,.ds-callout,.ds-notice,.ds-alert-banner,.ds-banner{animation:ds-sink-in var(--duration-slow) var(--ease-enter) both}.ds-alert-banner__close,.ds-callout__close,.ds-banner__close{transition:var(--transition-surface)}.ds-alert-banner__close:active,.ds-callout__close:active{transform:scale(.9)}.ds-badge[data-pulse]{animation:ds-ring-pulse 1.6s var(--ease-standard) infinite}.ds-kbd:active,.ds-kbd[data-pressed]{box-shadow:none;transform:translateY(1px)}.ds-skeleton{transition:opacity var(--duration-base) var(--ease-standard)}.ds-skeleton-group>*,.ds-skeleton-row>*{animation-delay:calc(var(--stagger) * var(--i,0))}.ds-spinner{animation:.8s linear infinite ds-spinner-rotate}.ds-loading-overlay{animation:ds-fade-in var(--duration-base) var(--ease-standard) both}.ds-loading-overlay[data-state=closed]{animation:ds-fade-out var(--duration-base) var(--ease-exit) forwards}.ds-divider-label span{transition:color var(--duration-fast) var(--ease-standard)}.ds-json__toggle{min-width:24px;min-height:24px;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);margin-left:-22px}.ds-json__toggle svg{transition:transform var(--duration-base) var(--ease-move)}.ds-json li:not([data-collapsed])>ul{animation:ds-sink-in var(--duration-base) var(--ease-enter) both}.ds-show-more__content{transition:max-height var(--duration-slow) var(--ease-drawer)}.ds-show-more__toggle{transition:var(--transition-surface)}.ds-show-more__bar{transition:opacity var(--duration-base) var(--ease-standard)}.ds-middle-truncate{transition:color var(--duration-fast) var(--ease-standard)}.ds-relative-time.is-ticking{animation:ds-fade-in var(--duration-fast) var(--ease-standard)}.ds-marquee__track{animation-timing-function:linear}.ds-marquee:hover .ds-marquee__track,.ds-marquee:focus-within .ds-marquee__track{animation-play-state:paused}.ds-user-card__pop{animation:ds-scale-in var(--duration-slow) var(--ease-enter) both}.ds-comparison-table td,.ds-compare-table td{transition:background-color var(--duration-fast) var(--ease-standard)}.ds-chart [data-series] path,.ds-chart path[data-line],.ds-sparkline__line{stroke-dasharray:var(--draw-length,2000);stroke-dashoffset:var(--draw-length,2000);animation:ds-draw var(--duration-lazy) var(--ease-move) forwards}.ds-chart [data-bar],.ds-chart rect[data-bar],.ds-sparkline__bar{transform-origin:bottom;transform-box:fill-box;animation:ds-grow-y var(--duration-lazy) var(--ease-move) both}.ds-chart [data-bar]:nth-child(2){animation-delay:calc(var(--stagger) * 1)}.ds-chart [data-bar]:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.ds-chart [data-bar]:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.ds-chart [data-bar]:nth-child(5){animation-delay:calc(var(--stagger) * 4)}.ds-chart [data-bar]:nth-child(n+6){animation-delay:calc(var(--stagger) * 5)}.ds-chart [data-area],.ds-sparkline__area{animation:ds-fade-in var(--duration-lazy) var(--ease-standard) both;animation-delay:var(--duration-base)}.ds-chart [data-donut] circle,.ds-chart [data-donut] path{transition:stroke-dashoffset var(--duration-lazy) var(--ease-move),opacity var(--duration-fast) var(--ease-standard)}.ds-chart [data-cell],.ds-chart rect[data-cell]{transition:fill var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.ds-chart [data-cell]:hover{opacity:.8}.ds-chart-tip{animation:ds-scale-in var(--duration-base) var(--ease-enter) both;transition:transform var(--duration-instant) linear}.ds-chart-legend>*{transition:opacity var(--duration-fast) var(--ease-standard)}.ds-chart-legend [aria-pressed=false]{opacity:.45}.ds-sparkline__dot,.ds-sparkline__marker{animation:ds-pop-in var(--duration-base) var(--ease-spring) both;animation-delay:var(--duration-slow)}.ds-glass{transition:backdrop-filter var(--duration-slow) var(--ease-standard),background-color var(--duration-slow) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.ds-resize-panel__handle,.ds-resizable__handle{transition:background-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.ds-scroll-area{scroll-behavior:smooth}.ds-scroll-area__thumb{transition:opacity var(--duration-base) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.ds-window{animation:ds-pop-in var(--duration-lazy) var(--ease-spring) both}.ds-window[data-state=minimized]{opacity:0;transition:transform var(--duration-slow) var(--ease-exit),opacity var(--duration-slow) var(--ease-exit);transform:scale(.95)}.ds-titlebar__dot{transition:var(--transition-surface),transform var(--duration-fast) var(--ease-spring)}.ds-titlebar:hover .ds-titlebar__dot{transform:scale(1.1)}.ds-terminal__cursor{animation:1s step-end infinite ds-blink}.ds-terminal__line{animation:ds-fade-in var(--duration-fast) var(--ease-standard) both}.ds-banner[data-state=closed]{animation:ds-banner-out var(--duration-slow) var(--ease-exit) forwards}.ds-shortcut-help .ds-kbd-combo{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both}.ds-login-card{animation:ds-rise-in var(--duration-lazy) var(--ease-enter) both}.ds-login-card>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}.ds-login-card>:nth-child(2){--i:1}.ds-login-card>:nth-child(3){--i:2}.ds-login-card>:nth-child(4){--i:3}.ds-login-card>:nth-child(n+5){--i:4}.ds-spotlight:before{transition:opacity var(--duration-slow) var(--ease-standard)}.ds-console-card,.ds-section-card{transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.ds-console-nav__items{animation:ds-sink-in var(--duration-base) var(--ease-enter) both}.ds-console-nav__meter>*{transform-origin:0;animation:ds-grow-x var(--duration-lazy) var(--ease-move) both}.ds-console-nav[data-collapsed] .ds-console-nav__label{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.ds-console-nav{transition:width var(--duration-slow) var(--ease-drawer)}.ds-console-shell__nav,.ds-app-shell .ds-sidebar{transition:width var(--duration-slow) var(--ease-drawer),transform var(--duration-slow) var(--ease-drawer)}.ds-app-shell[data-layout=compact]:before{content:"";z-index:39;background:var(--overlay-backdrop);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard),visibility var(--duration-base);position:fixed;inset:0}.ds-app-shell[data-layout=compact][data-nav-open]:before{opacity:1;visibility:visible}.ds-console-metric__value{animation:ds-sink-in var(--duration-slow) var(--ease-enter) both}.ds-console-live,.ds-console-status[data-live]{animation:ds-console-pulse 1.4s var(--ease-standard) infinite}.ds-console-toolbar>*{animation:ds-fade-in var(--duration-base) var(--ease-standard) both}.ds-fieldset[data-dirty] .ds-fieldset__foot,.ds-fieldset__status[data-state=dirty],.ds-fieldset__status[data-state=saved],.ds-fieldset__status[data-state=error],.ds-fieldset__actions{animation:ds-sink-in var(--duration-base) var(--ease-enter) both}.ds-load-more{transition:var(--transition-surface)}.ds-load-more[data-loading],.ds-load-more__btn[aria-busy=true]{opacity:.7}.ds-entity{transition:var(--transition-surface)}.ds-entity-list>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}.ds-entity-list>:nth-child(2){--i:1}.ds-entity-list>:nth-child(3){--i:2}.ds-entity-list>:nth-child(n+4){--i:3}.ds-detail-header{animation:ds-sink-in var(--duration-slow) var(--ease-enter) both}.ds-workspace__pane,.ds-workspace__side,.ds-workspace__panel{transition:flex-basis var(--duration-slow) var(--ease-drawer),width var(--duration-slow) var(--ease-drawer)}.ds-prompt{transition:var(--transition-surface)}.ds-prompt:focus-within{box-shadow:var(--shadow-100),0 0 0 1px var(--color-border-strong)}.ds-prompt__send,.ds-prompt button{transition:var(--transition-surface)}.ds-prompt__send:active{transform:scale(.9)}.ds-prompt-chat>*,.ds-prompt-log>*{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both}.ds-markdown-message{animation:ds-fade-in var(--duration-slow) var(--ease-standard) both}.ds-markdown pre,.ds-markdown table{transition:border-color var(--duration-fast) var(--ease-standard)}.ds-error-card{animation:ds-shake var(--duration-slow) var(--ease-standard) both,ds-rise-in var(--duration-slow) var(--ease-enter) both}.ds-thread-split>*{animation:ds-fade-in var(--duration-base) var(--ease-standard) both}.ds-thread{transition:var(--transition-surface)}.ds-thread-list .ds-thread{animation:ds-rise-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger) * var(--i,0))}.ds-thread-list .ds-thread:nth-child(2){--i:1}.ds-thread-list .ds-thread:nth-child(3){--i:2}.ds-thread-list .ds-thread:nth-child(n+4){--i:3}.ds-app-shell__main,.ds-console-shell__main{animation:ds-fade-in var(--duration-base) var(--ease-standard) both}.ds-page-header{animation:ds-sink-in var(--duration-slow) var(--ease-enter) both}.ds-page-header__actions>*{animation:ds-fade-in var(--duration-base) var(--ease-standard) both;animation-delay:var(--duration-fast)}.ds-auth-shell__card,.ds-auth-shell__form{animation:ds-rise-in var(--duration-lazy) var(--ease-enter) both}.ds-shell-mock__screen{transition:transform var(--duration-lazy) var(--ease-standard)}.ds-detail-header__id .ds-btn,.ds-prompt__file .ds-btn,.ds-prompt__file button,.ds-attachment__remove,.ds-tag__remove,.ds-chip__remove{min-width:24px;min-height:24px}@media (prefers-reduced-motion:reduce){:root,[data-theme]{--motion-scale:0;--stagger:0s;--press-scale:1;--lift:0px;--rise:0px}[data-motion],[data-stagger]>*,.ds-page-enter{animation-duration:var(--duration-fast)!important;animation-name:ds-fade-in!important}.ds-marquee__track,.ds-timeline__item[data-state=current] .ds-timeline__marker,.ds-badge[data-pulse],.ds-inbox__item[data-unread]:before,.ds-avatar__status[data-status=online]{animation:none}}html[data-motion=reduce]{--motion-scale:0;--stagger:0s;--press-scale:1;--lift:0px;--rise:0px}html[data-motion=reduce] *,html[data-motion=reduce] :before,html[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
body{background:var(--page-bg);color:var(--color-text)}.wordmark{font-family:var(--font-wordmark), var(--font-sans);letter-spacing:-.03em;font-weight:400}.site-header{z-index:20;background:color-mix(in srgb, var(--page-bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;max-width:880px;height:56px;margin:0 auto;padding:0 16px;display:flex;position:sticky;top:0}.site-header__brand{font-size:15px;line-height:20px}.site-header__brand span{color:var(--color-text-tertiary)}.site-header__actions{align-items:center;gap:4px;display:flex}.site-header__icon.ds-theme-toggle{border-radius:var(--radius-full);place-items:center;width:32px;height:32px;display:grid}.site-header__icon.ds-theme-toggle:hover{background:var(--color-surface-secondary)}.site-header__lang{border-radius:var(--radius-full);color:var(--color-text-secondary);padding:6px 10px;font-size:13px;line-height:18px}.site-header__lang:hover{background:var(--color-surface-secondary);color:var(--color-text)}.lang-hint{justify-content:flex-end;max-width:880px;margin:0 auto;padding:4px 16px 0;display:flex}.lang-hint__pill{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:13px;display:inline-flex}.lang-hint a{color:var(--color-text);font-weight:500}.lang-hint button{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;place-items:center;display:grid}.lang-hint svg{width:14px;height:14px}.page{max-width:880px;margin:0 auto;padding:8px 16px 40px}.page__prose{max-width:720px;margin-top:56px}.page__prose .faq h3{margin-top:20px;font-size:16px}.hub-hero{padding:48px 0 32px}.hub-hero__title{letter-spacing:-.02em;word-break:keep-all;max-width:720px;font-size:40px;font-weight:650;line-height:1.2}.hub-hero__lead{max-width:600px;color:var(--color-text-secondary);word-break:keep-all;margin-top:12px;font-size:17px;line-height:1.6}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hub-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);height:100%;transition:background-color .15s var(--ease-standard), border-color .15s var(--ease-standard);flex-direction:column;gap:6px;padding:20px;display:flex}.hub-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-secondary)}.hub-card__title{word-break:keep-all;font-size:18px;font-weight:600;line-height:1.35}.hub-card__desc{color:var(--color-text-secondary);word-break:keep-all;font-size:14px;line-height:1.5}.related{margin-top:48px}.related__title{margin-bottom:12px;font-size:17px;font-weight:600}.tool-head{padding:32px 0 20px}.tool-head__back{color:var(--color-text-tertiary);font-size:14px}.tool-head__back:hover{color:var(--color-text)}.tool-head__title{letter-spacing:-.02em;word-break:keep-all;margin-top:6px;font-size:32px;font-weight:650;line-height:1.25}.tool-head__lead{max-width:640px;color:var(--color-text-secondary);word-break:keep-all;margin-top:8px;font-size:16px;line-height:1.6}.tool-panel{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);flex-direction:column;gap:16px;padding:20px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-row--between{justify-content:space-between}.tool-stats{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-border-subtle);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid;overflow:hidden}.tool-stat{background:var(--color-surface);padding:12px 14px}.tool-stat__label{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.tool-stat__value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:600;line-height:28px}.tool-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(48px,12vw,96px);font-weight:700;line-height:1}.tool-note{color:var(--color-text-tertiary);word-break:keep-all;font-size:13px;line-height:1.5}.tool-error{color:var(--color-text-danger-soft);font-size:14px;line-height:1.5}.tool-drop{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);min-height:180px;color:var(--color-text-secondary);text-align:center;cursor:pointer;transition:background-color .15s var(--ease-standard), border-color .15s var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.tool-drop[data-active]{border-color:var(--color-text);background:var(--color-surface-secondary)}.tool-canvas{border-radius:var(--radius-lg);background:var(--color-surface-secondary);width:100%;display:block}.tool-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tool-list>li{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.tool-list>li:first-child{border-top:0}.tool-meter{border-radius:var(--radius-full);background:var(--color-surface-secondary);height:10px;position:relative;overflow:hidden}.tool-meter>span{border-radius:inherit;background:var(--color-text);transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.ad-slot{margin:32px 0 0}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.site-footer{border-top:1px solid var(--color-border-subtle);max-width:880px;margin:64px auto 0;padding:32px 16px 64px}.site-footer__title{color:var(--color-text-tertiary);margin-bottom:12px;font-size:13px}.site-footer__sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.site-footer__sites a{color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:13px;line-height:1.5;display:flex}.site-footer__sites a .wordmark{color:var(--color-text);font-size:13px}.site-footer__sites a:hover .wordmark{text-decoration:underline}.site-footer__links{color:var(--color-text-tertiary);gap:20px;margin-top:28px;font-size:13px;display:flex}.site-footer__links a:hover{color:var(--color-text)}@media (max-width:720px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hub-hero{padding:32px 0 24px}.hub-hero__title{font-size:30px}.hub-grid,.site-footer__sites{grid-template-columns:minmax(0,1fr)}.tool-head{padding:20px 0 16px}.tool-head__title{font-size:26px}.tool-panel{padding:16px}}
.check-start{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 0 20px;display:flex}.check-status{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.check-status:before{content:"";border-radius:var(--radius-full);background:var(--color-text-tertiary);flex-shrink:0;width:8px;height:8px}.check-status[data-tone=ok]:before{background:var(--color-text-success-soft)}.check-toolbar{align-items:flex-end;gap:12px}.check-toolbar>.check-field{flex:200px}.check-toolbar__end{margin-left:auto}.check-field{flex-direction:column;gap:6px;min-width:0;display:flex}.check-field__label{color:var(--color-text-tertiary);font-size:12px;line-height:16px}.check-field__control{--input-size:var(--control-size-lg);width:100%;min-width:0;max-width:100%}.check-sub{border-top:1px solid var(--color-border-subtle);flex-direction:column;gap:12px;padding-top:16px;display:flex}.check-sub__title{font-size:16px;font-weight:600;line-height:24px}.check-seg{max-width:100%}.check-seg .ds-segmented__option[data-state=on]{background:var(--segmented-control-thumb-background);box-shadow:var(--segmented-control-thumb-shadow)}.check-stepper{align-items:center;gap:8px;display:flex}.check-stepper__value{font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-size:16px;font-weight:600}.check-range{width:100%;height:24px;accent-color:var(--color-text);cursor:pointer}.tool-stat__value[data-hot]{color:var(--color-text-danger-soft)}.check-wave{height:140px}.check-meter{flex-direction:column;gap:6px;display:flex}.check-meter__track{border-radius:var(--radius-full);background:var(--color-surface-secondary);height:12px;box-shadow:inset 0 0 0 1px var(--color-border-subtle);position:relative;overflow:hidden}.check-meter__fill{background:var(--color-text);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.check-meter__hold{background:var(--color-text-secondary);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.check-meter__hold[data-hot=true]{background:var(--color-text-danger-soft)}.check-meter__scale{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;line-height:14px;display:flex}.check-rec{align-items:center;gap:12px;display:flex}.check-rec__bar{flex:1}.check-rec__bar>span{transform-origin:0;width:100%;animation:5s linear forwards check-fill}.check-rec__left{min-width:72px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:right;font-size:14px}@keyframes check-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.check-video{aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--black);width:100%;max-height:min(70vh,640px);position:relative;overflow:hidden}.check-video video{object-fit:contain;width:100%;max-width:none;height:100%}.check-video[data-mirror] video{transform:scaleX(-1)}.check-shot{flex-direction:column;gap:8px;margin:0;display:flex}.check-shot img{object-fit:contain;border-radius:var(--radius-lg);background:var(--color-surface-secondary);width:100%;height:auto;max-height:360px}.check-kb-area{border-radius:var(--radius-xl);cursor:default;-webkit-user-select:none;user-select:none;transition:box-shadow .15s var(--ease-standard);padding:4px;container-type:inline-size}.check-kb-area[data-focused]{box-shadow:0 0 0 1px var(--color-border-strong)}.check-kb{--W:23;width:100%;aspect-ratio:var(--W) / 6.5;position:relative}.check-key{left:calc(var(--x) / var(--W) * 100%);top:calc(var(--y) / 6.5 * 100%);width:calc(var(--w) / var(--W) * 100%);height:calc(var(--h) / 6.5 * 100%);padding:clamp(1px,.3cqw,3px);position:absolute}.check-key__cap{border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:100%;color:var(--color-text-secondary);font-size:clamp(7px, calc(100cqw / var(--W) * .28), 12px);white-space:nowrap;border-radius:clamp(3px,.6cqw,6px);justify-content:center;align-items:center;font-weight:500;line-height:1.1;transition:background-color 80ms linear,border-color 80ms linear,color 80ms linear;display:flex;overflow:hidden}.check-key[data-tested] .check-key__cap{border-color:var(--color-border-success-outline);background:var(--color-background-success-surface);color:var(--color-text-success-soft)}.check-key[data-down] .check-key__cap{border-color:var(--color-background-primary-solid);background:var(--color-background-primary-solid);color:var(--color-text-inverse)}.check-key__short{display:none}@container (max-width:639px){.check-kb{--W:18.5}.check-key[data-block=pad]{display:none}}@container (max-width:519px){.check-key__long{display:none}.check-key__short{display:inline}}.check-kb-last{border-radius:var(--radius-lg);background:var(--color-surface-secondary);min-height:48px;padding:12px 14px}.check-kb-last__list{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.check-kb-last__list>div{align-items:baseline;gap:8px;min-width:0;display:flex}.check-kb-last__list dt{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:12px}.check-kb-last__list dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600}.check-kb-last__empty{color:var(--color-text-tertiary);font-size:14px;line-height:24px}.check-legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;font-size:13px;line-height:18px;list-style:none;display:flex}.check-legend li{align-items:center;gap:6px;display:flex}.check-legend li:before{content:"";border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;width:14px;height:14px}.check-legend li[data-state=down]:before{border-color:var(--color-background-primary-solid);background:var(--color-background-primary-solid)}.check-legend li[data-state=tested]:before{border-color:var(--color-border-success-outline);background:var(--color-background-success-surface)}.check-other{flex-direction:column;gap:8px;display:flex}.check-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.check-steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:15px;line-height:1.6;list-style:decimal;display:flex}.check-steps li::marker{color:var(--color-text-tertiary)}.check-swatches{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.check-swatches li{border-radius:var(--radius-md);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--color-border)}.check-px{z-index:1000;touch-action:manipulation;cursor:pointer;display:none;position:fixed;inset:0}.check-px[data-on],.check-px:fullscreen{display:block}.check-px:focus{outline:none}.check-px:not([data-awake]){cursor:none}.check-px__bar{left:50%;bottom:max(24px, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--white) 18%, transparent);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--black) 78%, transparent);width:max-content;max-width:calc(100% - 32px);color:var(--white);cursor:default;transition:opacity .3s var(--ease-standard);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:10px 12px 10px 16px;font-size:14px;line-height:20px;display:flex;position:absolute;transform:translate(-50%)}.check-px:not([data-awake]) .check-px__bar{opacity:0;pointer-events:none}.check-px__label{font-variant-numeric:tabular-nums;font-weight:600}.check-px__help{color:color-mix(in srgb, var(--white) 70%, transparent)}.check-px__actions{gap:4px;display:flex}.check-px__actions button{border-radius:var(--radius-full);background:color-mix(in srgb, var(--white) 14%, transparent);color:var(--white);padding:6px 12px;font-size:13px;font-weight:500}.check-px__actions button:hover{background:color-mix(in srgb, var(--white) 24%, transparent)}.check-px__actions button:focus-visible{outline:2px solid var(--white);outline-offset:2px}.check-strings{gap:8px;display:flex}.check-string{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;max-width:96px;color:var(--color-text);transition:var(--transition-colors);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:8px 4px;display:flex}.check-string:hover{background:var(--color-surface-secondary)}.check-string[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-text)}.check-string[data-tuned]{border-color:var(--color-border-success-outline)}.check-string[data-active]{border-color:var(--color-background-primary-solid);background:var(--color-background-primary-solid);color:var(--color-text-inverse)}.check-string__note{font-size:16px;font-weight:600;line-height:22px}.check-string__flag{min-height:14px;color:var(--color-text-tertiary);font-size:11px;line-height:14px}.check-string[data-tuned] .check-string__flag{color:var(--color-text-success-soft)}.check-string[data-active] .check-string__flag{color:inherit}.check-tuner__display{flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.check-tuner__note{color:var(--color-text);letter-spacing:-.03em;transition:color .15s var(--ease-standard);justify-content:center;align-items:baseline;gap:2px;font-size:clamp(64px,18vw,112px);font-weight:700;line-height:1;display:flex}.check-tuner__octave{color:var(--color-text-secondary);font-size:.4em;font-weight:600}.check-tuner__display[data-state=off] .check-tuner__note{color:var(--color-text-tertiary)}.check-tuner__display[data-state=in] .check-tuner__note{color:var(--color-text-success-soft)}.check-tuner__meta{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;gap:16px;font-size:15px;line-height:22px;display:flex}.check-gauge{width:100%;max-width:420px;height:auto;overflow:visible}.check-gauge__arc{fill:none;stroke:var(--color-text-tertiary);stroke-width:1.5px;opacity:.6}.check-gauge__zone{fill:none;stroke:var(--color-text-success-soft);stroke-width:8px;stroke-linecap:round;opacity:.35;transition:opacity .2s var(--ease-standard)}.check-gauge__tick{stroke:var(--color-text-tertiary);stroke-width:1.25px}.check-gauge__tick[data-major]{stroke:var(--color-text-secondary);stroke-width:2px}.check-gauge__label{fill:var(--color-text-tertiary);font-family:var(--font-sans);font-size:10px}.check-gauge__needle line{stroke:var(--color-text);stroke-width:3px;stroke-linecap:round}.check-gauge__needle circle{fill:var(--color-text)}.check-tuner__display[data-state=off] .check-gauge__needle{opacity:.35}.check-tuner__display[data-state=in] .check-gauge__zone{opacity:1}.check-tuner__display[data-state=in] .check-gauge__needle line{stroke:var(--color-text-success-soft)}.check-tuner__display[data-state=in] .check-gauge__needle circle{fill:var(--color-text-success-soft)}.check-tuner__status{min-height:24px;color:var(--color-text-secondary);font-size:16px;font-weight:600;line-height:24px}.check-tuner__display[data-state=in] .check-tuner__status{color:var(--color-text-success-soft)}.check-metro__tempo{justify-content:center;align-items:center;gap:16px;display:flex}.check-metro__bpm{flex-direction:column;align-items:center;min-width:3.2ch;display:flex}.check-metro__bpm .tool-big{min-width:3ch}.check-metro__unit{color:var(--color-text-tertiary);letter-spacing:.08em;font-size:13px;line-height:18px}.check-beats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.check-beat{border-radius:var(--radius-full);background:var(--color-surface-secondary);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--color-border);justify-content:center;align-items:flex-end;padding-bottom:7px;display:flex}.check-beat[data-accent]{box-shadow:inset 0 0 0 2px var(--color-text-secondary)}.check-beat[data-on]{background:var(--color-text)}.check-beat[data-on][data-accent]{background:var(--color-text-info);box-shadow:none}.check-beat__subs{gap:3px;display:flex}.check-beat__subs span{border-radius:var(--radius-full);background:var(--color-text-tertiary);opacity:.6;width:4px;height:4px}.check-beat__subs span:only-child{display:none}.check-beat[data-on] .check-beat__subs span[data-on]{background:var(--color-text-inverse);opacity:1}.check-metro__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.check-metro__hint{text-align:center;min-height:20px}.check-settings{border-top:1px solid var(--color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:20px 24px;padding-top:16px;display:grid}@media (max-width:640px){.check-wave{height:112px}.check-settings{grid-template-columns:minmax(0,1fr)}.check-beat{width:32px;height:32px;padding-bottom:5px}.check-px__help{display:none}}@media (prefers-reduced-motion:reduce){.check-key__cap,.check-kb-area,.check-px__bar,.check-tuner__note,.check-gauge__zone,.check-string{transition:none}}
:root{--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;--ui-space-6:32px;--ui-space-7:48px;--ui-space-8:64px;--ui-container:1120px;--ui-control:44px;--ui-radius:12px;--ui-grid-gap:24px}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:not(.dark){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.page{max-width:var(--ui-container);padding:24px 24px 64px}.site-header{max-width:var(--ui-container);height:64px;padding:0 24px}.site-header__brand{white-space:nowrap;font-size:16px}.site-header__actions{gap:8px}.site-header__lang{padding:9px 12px}.site-header__icon.ds-theme-toggle{width:40px;height:40px}.lang-hint{max-width:var(--ui-container);padding-right:24px}.tool-picker{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.tool-picker-inner{max-width:var(--ui-container);align-items:center;gap:16px;margin:auto;padding:12px 24px;display:flex}.tool-picker label{color:var(--color-text-tertiary);flex:none;font-size:13px}.tool-picker .ui-select-wrap{width:min(420px,100%)}.tool-picker-note{color:var(--color-text-tertiary);margin-left:auto;font-size:12px}.tool-head{padding:8px 0 24px}.tool-head__title{letter-spacing:-.025em;margin-top:8px;font-size:clamp(26px,2.8vw,34px);font-weight:600;line-height:1.25}.tool-head__lead{max-width:760px;color:var(--color-text-secondary);margin-top:10px;font-size:15px;line-height:1.7}.tool-head__back{font-size:12px}.tool-body{min-width:0}.tool-panel,.ui-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:20px;padding:24px}.tool-panel .tool-panel{border-radius:12px;padding:16px}.studio{gap:20px}.ui-field,.studio-field{flex-direction:column;gap:8px;min-width:0;display:flex}.ui-label,.studio-field>label,.studio-field>span,.studio>label{color:var(--color-text-secondary);font-size:13px;font-weight:500;line-height:20px}.ui-help{color:var(--color-text-tertiary);font-size:12px;font-weight:400;line-height:1.6}.ui-input,.studio input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=radio]),.studio textarea,.studio select{width:100%;min-height:var(--ui-control);border:1px solid var(--color-border-strong);background:var(--page-bg);color:var(--color-text);font-family:var(--font-sans);box-sizing:border-box;border-radius:10px;padding:10px 12px;font-size:14px;line-height:22px;transition:border-color .15s,box-shadow .15s}.ui-input:hover,.studio textarea:hover{border-color:var(--color-text-tertiary)}.ui-input:focus,.studio input:focus,.studio textarea:focus,.studio select:focus{outline:2px solid var(--color-text);outline-offset:2px}.ui-textarea,.studio textarea{resize:vertical;min-height:132px;line-height:1.65}.ui-input::placeholder,.studio input::placeholder,.studio textarea::placeholder{color:var(--color-text-tertiary)}.ui-select-wrap{min-width:0;position:relative}.ui-select-wrap:after{content:"";border-right:1.5px solid var(--color-text-secondary);border-bottom:1.5px solid var(--color-text-secondary);pointer-events:none;width:6px;height:6px;position:absolute;top:calc(50% - 4px);right:15px;transform:rotate(45deg)}.ui-select{appearance:none;padding-right:36px!important}.studio .tool-row{align-items:center;gap:10px}.studio .tool-row>.studio-field{flex-basis:180px}.studio .studio-grid,.ui-grid{gap:var(--ui-grid-gap)}.ui-grid{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.ui-col-4{grid-column:span 4}.ui-col-6{grid-column:span 6}.ui-col-12{grid-column:span 12}.ui-panel-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.ui-panel-heading h2{font-size:17px;font-weight:600;line-height:24px}.ui-panel-heading p{color:var(--color-text-secondary);margin-top:4px;font-size:13px;line-height:1.6}.ui-workspace{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.ui-workspace-controls,.ui-workspace-result{flex-direction:column;gap:20px;min-width:0;display:flex}.ui-empty{border:1px dashed var(--color-border-strong);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:32px;display:flex}.ui-empty h3{font-size:16px;font-weight:500}.ui-empty p{max-width:340px;color:var(--color-text-tertiary);font-size:13px;line-height:1.65}.ui-file-drop,.tool-drop{border-radius:12px;gap:10px;min-height:150px;padding:20px}.ui-file-drop strong{font-size:14px;font-weight:500}.ui-file-drop>span{color:var(--color-text-tertiary);font-size:12px}.ui-file-drop[data-disabled=true]{opacity:.4;cursor:not-allowed}.studio input[type=file],.ui-file-drop input[type=file]{font:13px var(--font-sans);color:var(--color-text-secondary);max-width:100%}.studio input[type=file]::file-selector-button{font:13px var(--font-sans);border:1px solid var(--color-border-strong);color:var(--color-text);background:var(--page-bg);cursor:pointer;border-radius:8px;margin-right:10px;padding:8px 12px}.ui-file-drop input[type=file]::file-selector-button{font:13px var(--font-sans);border:1px solid var(--color-border-strong);color:var(--color-text);background:var(--page-bg);cursor:pointer;border-radius:8px;margin-right:10px;padding:8px 12px}.tool-stats{border-radius:12px}.tool-stat{padding:16px 18px}.tool-stat__label{font-size:12px;line-height:18px}.tool-stat__value{font-size:24px;font-weight:500;line-height:32px}.ui-stat small{color:var(--color-text-tertiary);font-size:12px}.studio-preview{align-items:stretch;gap:14px}.studio-preview canvas{border-radius:12px}.studio-preview>.ui-button{align-self:flex-start}.studio-result{border-radius:12px;gap:16px;padding:32px 24px}.studio-result h2{font-size:28px;line-height:1.3}.studio .extra-grid{gap:12px;width:100%;max-width:520px;margin-inline:auto}.extra-tile{border-radius:10px}.studio .studio-choice{min-height:116px;padding:24px;font-size:20px}.page__prose{border-top:1px solid var(--color-border-subtle);max-width:800px;margin-top:48px;padding-top:32px}.page__prose h2{font-size:20px}.page__prose .faq h3{font-size:15px;font-weight:600;line-height:1.6}.related{margin-top:40px}.related__title{font-size:15px}.hub-card{border-radius:12px;padding:18px}.hub-card__title{font-size:16px}.hub-card__desc{font-size:13px}.site-footer{max-width:var(--ui-container);margin-top:24px;padding:24px 24px 40px}.site-footer__links{flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0;font-size:12px}.site-footer__network{margin-top:24px}.site-footer__network summary{cursor:pointer;color:var(--color-text-secondary);padding:8px 0;font-size:13px}.site-footer__network[open] summary{margin-bottom:16px}.site-footer__sites{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 24px}.site-footer__sites a{font-size:12px}.site-footer__sites .wordmark{font-family:var(--font-sans);font-size:13px;font-weight:500}.ui-swatch{border:1px solid var(--color-border);border-radius:10px;align-items:end;height:72px;padding:12px;font-size:12px;display:flex}.ui-grid-demo>div{border:1px solid var(--color-border-strong);height:48px;color:var(--color-text-tertiary);font-family:var(--font-mono);border-radius:8px;place-items:center;font-size:12px;display:grid}@media (max-width:800px){.ui-workspace{grid-template-columns:1fr}.site-footer__sites{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-picker-note{display:none}}@media (max-width:640px){:root{--ui-grid-gap:16px}.page{padding:20px 16px 40px}.site-header{height:60px;padding:0 16px}.site-header__brand{font-size:14px}.tool-picker-inner{gap:12px;padding:10px 16px}.tool-picker .ui-select-wrap{width:100%}.tool-panel,.ui-panel{gap:16px;padding:16px}.tool-panel .tool-panel{padding:12px}.tool-head{padding:4px 0 20px}.tool-head__title{font-size:26px}.tool-head__lead{font-size:14px}.ui-col-4,.ui-col-6{grid-column:span 12}.studio-result{padding:24px 16px}.studio-result h2{font-size:24px}.site-footer{padding:20px 16px 32px}.page__prose{margin-top:32px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.ui-button,.ui-input{transition:none}}.bracket-board{grid-auto-columns:minmax(160px,1fr);grid-auto-flow:column;gap:16px;max-width:100%;padding:2px 2px 6px;display:grid;overflow-x:auto}.bracket-board .studio-round{flex-direction:column;gap:12px;display:flex}.bracket-matches{flex-direction:column;flex:1;justify-content:space-around;gap:14px;display:flex}.bracket-matches>.tool-panel{gap:6px;padding:10px;position:relative}.bracket-board .studio-round:not(:last-child) .bracket-matches>.tool-panel:after{content:"";border-top:1px solid var(--color-border-strong);width:16px;position:absolute;top:50%;right:-17px}.bracket-board .ui-button{min-height:36px;padding:7px 10px;font-size:13px}:is(.studio label:has(>input[type=checkbox]),.studio label:has(>input[type=radio])){color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;line-height:20px;display:inline-flex}.studio input[type=checkbox],.studio input[type=radio]{width:16px;height:16px;min-height:16px;accent-color:var(--color-text);flex:none}.ui-segmented{border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.ui-workspace-controls .studio-grid{grid-template-columns:1fr;gap:16px}.ui-workspace-controls .studio-photos{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:801px){.ui-workspace-result{position:sticky;top:84px}}.ui-range-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.ui-choice{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;line-height:20px;display:inline-flex}.ui-choice input{flex:none;margin:0}.ui-choice[data-disabled=true]{opacity:.45;cursor:not-allowed}.ui-range-label output{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-size:13px}.ui-range input[type=range]{width:100%;min-height:32px;margin:0}.ui-input[readonly]{color:var(--color-text-secondary);background:var(--color-surface-secondary)}
html.graphite-tools.dark,html.dark .tool-directory-app{--page-bg:#090d12;--color-text:#e8edf3;--color-text-emphasis:#f6f9fc;--color-text-secondary:#acb8c8;--color-text-tertiary:#7d8ca0;--color-surface:#10161e;--color-surface-secondary:#151e29;--color-surface-tertiary:#0c1219;--color-surface-elevated:#172230;--color-surface-elevated-secondary:#1c2a39;--color-border:#273344;--color-border-subtle:#1d2836;--color-border-strong:#3b4b61;--color-background-primary-soft:#172330;--color-background-primary-soft-hover:#223248;--color-background-secondary-soft:#172330;--color-background-secondary-soft-hover:#223248;--color-text-secondary-soft:#d7e1ee;--color-text-primary-solid:#0b1c12;--color-background-primary-solid:#b9edca;--color-background-primary-solid-hover:#d1f6dc;--gray-100:#131b25;--gray-150:#182230;--gray-200:#1c2939;--gray-250:#253449;--gray-300:#2d3e53;--gray-800:#c4cedb;--tool-accent:#b9edca;--tool-accent-ink:#102318;--tool-accent-soft:#12291f;--tool-violet:#c8b7f2;--tool-peach:#f1c6a4}html.graphite-tools:not(.dark),html:not(.dark) .tool-directory-app{--page-bg:#f4f6f9;--color-text:#172334;--color-text-emphasis:#0c1725;--color-text-secondary:#465a72;--color-text-tertiary:#62758d;--color-surface:#fff;--color-surface-secondary:#e9eef5;--color-surface-tertiary:#f0f3f8;--color-surface-elevated:#fff;--color-surface-elevated-secondary:#e5ecf5;--color-border:#d4dde8;--color-border-subtle:#e1e7ef;--color-border-strong:#a8b7ca;--color-background-primary-soft:#e5edf5;--color-background-primary-soft-hover:#d8e4f0;--color-background-secondary-soft:#e5edf5;--color-background-secondary-soft-hover:#d8e4f0;--color-text-secondary-soft:#30465f;--color-text-primary-solid:#fff;--color-background-primary-solid:#226a43;--color-background-primary-solid-hover:#165132;--gray-100:#edf1f6;--gray-150:#e0e7ef;--gray-200:#d4deeb;--gray-250:#bac8d8;--gray-300:#aabbd0;--gray-800:#243b55;--tool-accent:#226a43;--tool-accent-ink:#fff;--tool-accent-soft:#e0f2e7;--tool-violet:#6e51a6;--tool-peach:#a8592e}.graphite-tools body{background:var(--page-bg)}.graphite-tools .tool-global-header{border-bottom:1px solid var(--color-border-subtle);background:var(--page-bg);-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:none;height:68px;padding:0 max(24px,50vw - 716px)}.graphite-tools .site-header__brand{font-size:17px}.graphite-tools .site-header__brand span{color:var(--tool-accent);margin-left:4px}.tool-count-link{color:var(--color-text-secondary);border:1px solid var(--color-border);white-space:nowrap;border-radius:100px;padding:8px 12px;font-size:12px}.tool-app-grid{grid-template-columns:224px minmax(0,1fr);gap:28px;max-width:1480px;margin:auto;padding:0 24px;display:grid}.tool-app-content{min-width:0}.tool-explorer{border-right:1px solid var(--color-border-subtle);flex-direction:column;min-width:0;height:calc(100dvh - 68px);padding:26px 18px 24px 0;display:flex;position:sticky;top:68px}.tool-explorer-head>a{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.tool-explorer-head b{color:var(--tool-accent);background:var(--tool-accent-soft);border-radius:6px;padding:3px 8px;font-size:11px}.tool-explorer-head p{color:var(--color-text-tertiary);margin-top:6px;font-size:11px}.tool-explorer-search input{width:100%;font:12px var(--font-sans);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:9px;min-height:40px;margin:18px 0 12px;padding:10px}.tool-explorer-groups{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;padding-right:6px;overflow:auto}.tool-explorer-groups details{border:0;margin-bottom:3px}.tool-explorer-groups summary{cursor:pointer;color:var(--color-text-secondary);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:10px 7px;font-size:12px;list-style:none;display:flex}.tool-explorer-groups summary::-webkit-details-marker{display:none}.tool-explorer-groups summary:hover{background:var(--color-surface-secondary);color:var(--color-text)}.tool-explorer-groups summary small{color:var(--color-text-tertiary);font-size:10px}.tool-explorer-groups details[open]>summary{color:var(--color-text-emphasis);font-weight:600}.tool-explorer-groups ul{margin:0;padding:0 0 8px;list-style:none}.tool-explorer-groups li a{color:var(--color-text-secondary);border-radius:7px;padding:9px 10px 9px 17px;font-size:12px;line-height:1.5;display:block}.tool-explorer-groups li a:hover{color:var(--color-text-emphasis);background:var(--color-surface-secondary)}.tool-explorer-groups a[aria-current=page]{background:var(--tool-accent-soft);color:var(--tool-accent);box-shadow:inset 2px 0 var(--tool-accent)}.tool-explorer-all{color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:14px;padding-top:15px;font-size:11px}.tool-collections{flex-wrap:wrap;gap:8px;padding:20px 0 0;display:flex}.tool-collections a{border:1px solid var(--color-border-subtle);min-height:36px;color:var(--color-text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.tool-collections a:hover{color:var(--tool-accent);border-color:var(--tool-accent)}.tool-collections a>span{color:var(--tool-accent)}.graphite-tools .tool-app-content>.page{width:100%;max-width:none;margin:0;padding:24px 0 48px}.graphite-tools .tool-head{padding:0 0 12px}.graphite-tools .tool-head__title{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(25px,2.2vw,32px)}.graphite-tools .tool-head__lead{max-width:720px;color:var(--color-text-secondary);margin-top:9px;line-height:1.7}.tool-suggestions{margin:12px 0 28px}.tool-suggestions>span{color:var(--color-text-tertiary);margin-bottom:9px;font-size:11px;display:block}.tool-suggestions>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tool-suggestions a{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;align-items:center;gap:9px;min-width:0;padding:11px 12px;transition:border-color .16s,transform .16s;display:flex}.tool-suggestions a:hover{border-color:var(--tool-accent);transform:translateY(-2px)}.tool-suggestions i{color:var(--tool-accent);font-size:22px;font-style:normal}.tool-suggestions small{color:var(--color-text-tertiary);margin-bottom:4px;font-size:9px;display:block}.tool-suggestions b{font-size:12px;font-weight:500;line-height:1.35;display:block}.tool-suggestions em{color:var(--color-text-tertiary);margin-left:auto;font-size:12px;font-style:normal}.graphite-tools .tool-panel,.graphite-tools .ui-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;border-radius:14px;padding:22px}.graphite-tools .ui-panel.ds-card{width:100%}.graphite-tools .ui-panel>.ds-card__body{padding:0}.graphite-tools .ui-panel>.ds-card__header{padding:0 0 18px}.graphite-tools .ui-workspace{grid-template-columns:minmax(250px,.85fr) minmax(300px,1.4fr);gap:20px}.graphite-tools .studio-actions,.arcade-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.graphite-tools .studio-actions .ui-button{margin:0}.graphite-tools .studio textarea[readonly]{background:var(--color-surface-secondary)}.graphite-tools .page__prose{max-width:780px;margin-top:40px}.graphite-tools .site-footer{border-top:1px solid var(--color-border-subtle);max-width:none;margin:0;padding:24px 0 40px}.graphite-tools .lang-hint{padding:8px 0 0}.graphite-tools :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.arcade{flex-direction:column;gap:22px;display:flex}.arcade-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.arcade-toolbar>.ui-field{max-width:320px}.arcade-eyebrow{letter-spacing:.12em;color:var(--tool-accent);text-transform:uppercase;font-size:11px}.arcade-reveal{background:var(--tool-accent-soft);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;justify-content:center;gap:18px;min-height:260px;padding:32px;display:flex}.arcade-reveal h2{letter-spacing:-.03em;font-size:clamp(23px,3vw,36px);line-height:1.3}.arcade-reveal p{color:var(--color-text-secondary);font-size:13px;line-height:1.7}.arcade-ranks{gap:8px;display:grid}.arcade-ranks button{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;min-height:54px;font:14px var(--font-sans);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.arcade-ranks button b{color:var(--tool-accent);font-size:24px;font-weight:500}.arcade-ranks button>span:last-child{margin-left:auto}.arcade-ranks button:enabled:hover{border-color:var(--tool-accent);background:var(--tool-accent-soft)}.arcade-ranks button:disabled{cursor:default}.arcade-result{border:1px solid var(--tool-accent);background:var(--tool-accent-soft);border-radius:16px;padding:28px}.arcade-result h2{margin:10px 0 18px;font-size:24px;line-height:1.4}.arcade-result ul{gap:9px;margin:0 0 22px;padding:0;font-size:14px;list-style:none;display:grid}.arcade-result .studio-preview{margin:0;display:block}.arcade-stage,.arcade-start-art{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px}.arcade-stage>svg{width:100%;max-height:280px}.arcade-start-art{text-align:center;min-height:240px;color:var(--color-text-secondary);place-content:center;gap:14px;display:grid}.arcade-start-art>span{color:var(--tool-accent);font-size:96px;font-weight:600;line-height:1}.arcade-guess{flex-wrap:wrap;align-items:end;gap:18px;display:flex}.arcade-guess .ui-field{flex:1;min-width:160px}.arcade-guess .ui-button{margin-bottom:3px}.arcade-colors{grid-template-columns:1fr 1fr;gap:20px;display:grid}.arcade-colors span{color:var(--color-text-secondary);margin-bottom:12px;font-size:12px;display:block}.arcade-colors>div>div{border:1px solid var(--color-border);border-radius:12px;height:180px}.arcade-length{padding:55px 0}.arcade-length>span{color:var(--color-text-secondary);margin-bottom:25px;font-size:12px;display:block}.arcade-length>div{border:1px solid var(--color-border-strong);border-radius:8px;height:48px;overflow:hidden}.arcade-length i{background:var(--tool-accent);height:100%;display:block}.arcade-feedback{border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex}.arcade-feedback>b{color:var(--tool-accent);font-size:26px}.arcade-feedback>p{color:var(--color-text-secondary);font-size:13px}.arcade-budget{text-align:center;border:1px solid var(--color-border);background:var(--tool-accent-soft);border-radius:16px;padding:28px}.arcade-budget>span{letter-spacing:.12em;color:var(--color-text-secondary);font-size:11px}.arcade-budget>strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere;margin:12px 0 20px;font-size:clamp(30px,4vw,48px);display:block}.arcade-budget>div,.arcade-simulation>div{background:var(--color-border);border-radius:99px;height:7px;overflow:hidden}.arcade-budget i,.arcade-simulation i{background:var(--tool-accent);height:100%;display:block}.arcade-budget p{color:var(--color-text-secondary);margin-top:15px;font-size:12px}.arcade-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.arcade-shop article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:20px}.arcade-shop-icon{color:var(--tool-violet);height:52px;font-size:34px;display:block}.arcade-shop h3{min-height:42px;font-size:14px;line-height:1.5}.arcade-shop p{color:var(--color-text-secondary);margin:8px 0 18px;font-size:12px}.arcade-shop article>div{text-align:center;grid-template-columns:36px 1fr 36px;align-items:center;display:grid}.arcade-shop button{border:1px solid var(--color-border);background:var(--color-surface-secondary);height:36px;color:var(--color-text);cursor:pointer;border-radius:8px}.arcade-shop button:disabled{opacity:.35;cursor:default}.arcade-rules{gap:10px;padding:0;list-style:none;display:grid}.arcade-rules li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;align-items:center;gap:14px;padding:16px;font-size:14px;line-height:1.6;display:flex}.arcade-rules li>span{color:var(--color-text-tertiary);font-size:15px}.arcade-rules li[data-pass=true]{border-color:var(--tool-accent);background:var(--tool-accent-soft)}.arcade-rules li[data-pass=true]>span{color:var(--tool-accent)}.arcade-code{justify-content:center;gap:12px;padding:28px;display:flex}.arcade-code>span{font-variant-numeric:tabular-nums;border:1px solid var(--color-border);background:var(--color-surface);width:76px;height:96px;color:var(--tool-accent);border-radius:12px;place-items:center;font-size:44px;display:grid}.arcade-history{gap:8px;padding:0;list-style:none;display:grid}.arcade-history li{border-bottom:1px solid var(--color-border);align-items:center;gap:20px;padding:14px 18px;font-size:13px;display:flex}.arcade-history b{letter-spacing:.2em;font-size:22px}.arcade-history strong{color:var(--tool-accent);margin-left:auto}.arcade-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.arcade-doors button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:220px;color:var(--color-text);cursor:pointer;border-radius:60px 60px 12px 12px;place-content:center;gap:18px;display:grid}.arcade-doors b{font-size:54px;font-weight:500}.arcade-doors span{font-size:12px}.arcade-doors button[data-selected=true]{border:2px solid var(--tool-accent);background:var(--tool-accent-soft)}.arcade-doors button[data-open=true]{background:var(--color-surface-secondary)}.arcade-score-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.arcade-score-row>div{border:1px solid var(--color-border);border-radius:12px;padding:20px}.arcade-score-row span{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;display:block}.arcade-score-row b{font-size:26px}.arcade-simulation{gap:12px;margin-top:18px;display:grid}.arcade-simulation p{font-size:13px}@media (max-width:1100px){.tool-suggestions b{font-size:11px}.tool-suggestions small{font-size:9px}.tool-suggestions a{gap:7px;padding:10px}.tool-suggestions em{display:none}}@media (max-width:1000px){.tool-app-grid{grid-template-columns:minmax(0,1fr);max-width:1120px}.tool-explorer{display:none}.tool-collections{padding-top:16px}.tool-suggestions>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.graphite-tools .tool-global-header{height:60px;padding:0 16px}.graphite-tools .site-header__brand{font-size:14px}.tool-count-link{padding:7px 8px;font-size:10px}.graphite-tools .site-header__lang{padding:8px;font-size:11px}.tool-app-grid{padding:0 16px}.tool-collections{gap:6px}.tool-collections a{min-height:34px;padding:6px 8px;font-size:11px}.tool-suggestions>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-suggestions b{font-size:12px}.tool-suggestions small{font-size:9px}.tool-suggestions{margin:8px 0 22px}.graphite-tools .tool-app-content>.page{padding:20px 0 36px}.graphite-tools .ui-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.graphite-tools .ui-panel,.graphite-tools .tool-panel{padding:18px}.arcade-shop{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-shop article{padding:16px}.arcade-reveal{min-height:200px;padding:24px}.arcade-colors{gap:12px}.arcade-colors>div>div{height:130px}.arcade-stage{padding:20px}.arcade-doors{gap:10px}.arcade-doors button{border-radius:42px 42px 10px 10px;min-height:175px}.arcade-doors b{font-size:42px}.arcade-code{gap:8px;padding:20px 0}.arcade-code>span{width:64px;height:82px}.arcade-result{padding:22px}}@media (prefers-reduced-motion:reduce){.tool-suggestions a{transition:none}}.arcade-budget{z-index:4;position:sticky;top:78px}@media (max-width:680px){.arcade-blind .ui-workspace{display:block}.arcade-blind .ui-workspace-controls{z-index:5;margin-bottom:12px;position:sticky;top:68px}.arcade-blind .arcade-reveal{gap:10px;min-height:0;padding:18px}.arcade-blind .arcade-reveal h2{font-size:23px}.arcade-blind .arcade-reveal p{font-size:11px}.arcade-budget{padding:16px;top:68px}.arcade-budget>strong{margin:8px 0 12px;font-size:30px}.arcade-budget p{margin-top:10px}}