@layer reset,tokens,base,layout;@layer components{.cc-dialog{--cc-cut-xs:polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);--cc-shadow:oklch(0% 0 0/.55);--cc-panel-height:auto;--cc-panel-max:min(36rem, 100dvh - 14vh);width:min(100% - 2rem,42rem);max-width:none;max-height:none;color:var(--tt-text);font-family:var(--tt-font-ui);box-shadow:0 30px 70px -18px var(--cc-shadow);background:0 0;border:0;margin:11vh auto auto;padding:0;overflow:visible}:root[data-theme-mode=light] .cc-dialog{--cc-shadow:oklch(25% .03 272/.3)}@media (prefers-color-scheme:light){:root:not([data-theme]) .cc-dialog{--cc-shadow:oklch(25% .03 272/.3)}}.cc-icon{width:1.15rem;height:1.15rem}.cc-dialog::backdrop{background:color-mix(in oklch, var(--tt-bg) 80%, transparent)}.cc-dialog[open]{animation:cc-deploy var(--tt-dur-2) var(--tt-ease-out)}.cc-dialog[open]::backdrop{animation:cc-fade var(--tt-dur-2) var(--tt-ease-out)}.cc-panel{height:var(--cc-panel-height);max-height:var(--cc-panel-max);background:var(--tt-surface);clip-path:var(--tt-cut-path);flex-direction:column;display:flex;position:relative}.cc-panel:before{content:"";z-index:2;background:var(--tt-flow);height:2px;box-shadow:0 0 14px color-mix(in oklch, var(--tt-accent-2) 65%, transparent);transform-origin:0;animation:cc-light var(--tt-dur-3) var(--tt-ease-out) both;position:absolute;inset:0 0 auto}.cc-panel:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(var(--tt-accent-2), var(--tt-accent-2)) right top / 12px 2px no-repeat, linear-gradient(var(--tt-accent-2), var(--tt-accent-2)) right top / 2px 12px no-repeat, linear-gradient(var(--tt-accent-2), var(--tt-accent-2)) left bottom / 12px 2px no-repeat, linear-gradient(var(--tt-accent-2), var(--tt-accent-2)) left bottom / 2px 12px no-repeat;opacity:.5;position:absolute;inset:6px}.cc-head{background:linear-gradient(180deg, color-mix(in oklch, var(--tt-accent) 8%, transparent), transparent);flex:none;padding:.85rem 1.1rem 0;position:relative}.cc-bar{min-height:1.25rem;font:650 .64rem / 1.2 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text-dim);flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding-inline-start:.35rem;display:flex}.cc-crumbs{flex:auto;min-width:0}.cc-crumbs ol{flex-wrap:wrap;align-items:center;gap:.15rem .3rem;margin:0;padding:0;list-style:none;display:flex}.cc-crumbs li{align-items:center;gap:.3rem;display:inline-flex}.cc-crumb{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:.2rem .1rem}.cc-crumb[aria-current=location],button.cc-crumb:hover{color:var(--tt-text)}button.cc-crumb:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:1px;border-radius:2px}.cc-crumb-sep{width:.8rem;height:.8rem;color:var(--tt-text-dim)}.cc-live{color:var(--tt-text);align-items:center;gap:.4rem;display:inline-flex}.cc-live:before{content:"";background:var(--tt-accent-2);width:.45rem;height:.45rem;box-shadow:0 0 8px var(--tt-accent-2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.cc-count{color:var(--tt-text-dim)}.cc-field{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;margin-top:.55rem;padding:.35rem .35rem .75rem;display:grid;position:relative}.cc-field:after{content:"";background:var(--tt-hairline);height:1px;position:absolute;inset:auto 0 0}.cc-field:focus-within:after{background:var(--tt-flow);height:2px}.cc-prompt{width:1.35rem;height:1.35rem;color:var(--tt-accent-2)}.cc-input{width:100%;min-width:0;font:500 clamp(1.08rem, 1rem + .35vw, 1.24rem) / 1.3 var(--tt-font-ui);letter-spacing:.01em;color:var(--tt-text);caret-color:var(--tt-accent-2);background:0 0;border:0;outline:none;padding:.35rem 0}.cc-input::placeholder{color:var(--tt-text-dim);opacity:1}.cc-input::-webkit-search-cancel-button{display:none}.cc-close{width:2.25rem;height:2.25rem;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-surface-2) 70%, transparent);clip-path:var(--tt-cut-path-sm);transition:color var(--tt-dur-1) var(--tt-ease-out), background-color var(--tt-dur-1) var(--tt-ease-out);place-items:center;display:grid}.cc-close:hover{color:var(--tt-text);background:var(--tt-surface-2)}.cc-close:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-3px;border-radius:0}.cc-close .cc-icon{width:1.1rem;height:1.1rem}.cc-body{flex:auto;min-height:0;display:flex}.cc-main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.cc-list{contain:layout paint;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--tt-border) transparent;flex:auto;min-height:0;padding:0 .55rem .7rem;position:relative;overflow-y:auto}.cc-list[hidden]{display:none}.cc-group+.cc-group{margin-top:.35rem}.cc-section{z-index:1;background:var(--tt-surface);font:650 .62rem / 1 var(--tt-font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--tt-text-dim);align-items:center;gap:.6rem;margin:0;padding:.7rem .55rem .4rem;display:flex;position:sticky;top:0}.cc-section-label{align-items:center;gap:.5rem;display:inline-flex}.cc-section-label:before{content:"";background:var(--tt-flow);width:.6rem;height:2px}.cc-section-rule{background:var(--tt-hairline);flex:auto;height:1px}.cc-section-count{letter-spacing:.08em}.cc-row{cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;column-gap:.8rem;min-height:3.1rem;padding:.45rem .7rem .45rem .55rem;display:grid;position:relative}.cc-row[aria-selected=true]{background:linear-gradient(90deg, color-mix(in oklch, var(--tt-accent) 13%, var(--tt-surface-2)), color-mix(in oklch, var(--tt-accent-2) 6%, var(--tt-surface-2)));clip-path:var(--tt-cut-path-sm)}.cc-row[aria-selected=true]:before,.cc-row[aria-selected=true]:after{content:"";border:0 solid var(--tt-accent-2);pointer-events:none;width:.6rem;height:.6rem;position:absolute}.cc-row[aria-selected=true]:before{border-width:2px 2px 0 0;top:3px;right:3px}.cc-row[aria-selected=true]:after{border-width:0 0 2px 2px;bottom:3px;left:3px}.cc-row-icon{width:2.1rem;height:2.1rem;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-bg) 55%, transparent);clip-path:var(--tt-cut-path-sm);place-items:center;display:grid}.cc-row--danger .cc-row-icon{color:var(--tt-error)}.cc-row[aria-selected=true] .cc-row-icon{color:var(--tt-accent-2);background:var(--tt-bg)}.cc-row--danger[aria-selected=true] .cc-row-icon{color:var(--tt-error)}.cc-row-text{gap:.12rem;min-width:0;display:grid}.cc-row-title{font:600 .95rem / 1.25 var(--tt-font-ui);color:var(--tt-text);overflow-wrap:anywhere}.cc-row-desc{font:450 .78rem / 1.35 var(--tt-font-ui);color:var(--tt-text-dim);overflow-wrap:anywhere}.cc-row-title mark{color:inherit;text-decoration:underline 2px var(--tt-accent-2);text-underline-offset:.22em;text-decoration-skip-ink:none;background:0 0;font-weight:780}.cc-row-side{justify-content:flex-end;align-items:center;gap:.4rem;display:inline-flex}.cc-row-go{width:1rem;height:1rem;color:var(--tt-text-dim)}.cc-row[aria-selected=true] .cc-row-go{color:var(--tt-text)}.cc-row--danger[aria-selected=true]{background:color-mix(in oklab, var(--tt-error) 12%, var(--tt-surface-2))}.cc-row--danger[aria-selected=true]:before,.cc-row--danger[aria-selected=true]:after{border-color:var(--tt-error)}.cc-swatch{background:var(--tt-bg);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tt-text) 22%, transparent);grid-template-columns:repeat(3,.32rem);place-content:center;gap:.16rem;display:grid}.cc-swatch i{background:var(--tt-text);height:.9rem}.cc-swatch i:nth-child(2){background:var(--tt-accent)}.cc-swatch i:nth-child(3){background:var(--tt-accent-2)}.cc-chip{font:700 .6rem / 1.1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;clip-path:var(--cc-cut-xs);align-items:center;gap:.3rem;padding:.32rem .5rem;display:inline-flex}.cc-chip--on{color:var(--tt-accent-contrast);background:var(--tt-accent)}.cc-chip--active{color:var(--tt-accent-contrast);background:var(--tt-accent-2)}.cc-chip--off{color:var(--tt-text-dim);background:var(--tt-bg);box-shadow:inset 0 0 0 1px var(--tt-border)}.cc-chip--value{max-width:13rem;font:600 .72rem / 1.25 var(--tt-font-ui);letter-spacing:.02em;text-transform:none;text-align:right;white-space:normal;overflow-wrap:anywhere;color:var(--tt-text-dim);background:var(--tt-bg)}.cc-chip--keys{clip-path:none;gap:.2rem;padding:0}.cc-key{min-width:1.6em;font:650 .66rem / 1 var(--tt-font-ui);letter-spacing:.04em;text-transform:none;color:var(--tt-text);justify-content:center;align-items:center;padding:.22em .42em;display:inline-flex}.cc-key-icon{width:.85rem;height:.85rem}.cc-empty{font:500 .88rem / 1.45 var(--tt-font-ui);color:var(--tt-text-dim);padding:.9rem 1.1rem .2rem}.cc-empty q{color:var(--tt-text)}.cc-sheet{overscroll-behavior:contain;flex:auto;min-height:0;padding:.2rem .55rem .8rem;overflow-y:auto}.cc-sheet:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-2px;border-radius:0}.cc-sheet-list{margin:0;display:grid}.cc-sheet-row{border-bottom:1px solid var(--tt-hairline);grid-template-columns:minmax(8.5rem,auto) minmax(0,1fr);align-items:center;gap:.4rem 1rem;padding:.5rem .55rem;display:grid}.cc-sheet-row dt{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.cc-sheet-row dd{font:500 .85rem / 1.4 var(--tt-font-ui);color:var(--tt-text);margin:0}.cc-chord{align-items:center;gap:.2rem;display:inline-flex}.cc-chord-or{font:600 .62rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text-dim);margin-inline:.15rem .3rem}.cc-detail{contain:layout paint;border-left:1px solid var(--tt-hairline);background:var(--tt-bg);flex:none;align-content:start;gap:.8rem;width:19.5rem;padding:1.15rem 1.3rem 1.3rem;display:grid;overflow-y:auto}.cc-detail-head{align-items:center;gap:.75rem;display:flex}.cc-detail-icon{width:2.6rem;height:2.6rem;color:var(--tt-accent-2);background:var(--tt-surface);clip-path:var(--tt-cut-path-sm);flex:none;place-items:center;display:grid}.cc-detail-icon .cc-icon{width:1.4rem;height:1.4rem}.cc-detail-title{font:800 1.02rem / 1.2 var(--tt-font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--tt-text);overflow-wrap:anywhere;margin:0}.cc-detail-desc,.cc-detail-line{font:500 .84rem / 1.45 var(--tt-font-ui);color:var(--tt-text-dim);margin:0}.cc-detail-line{color:var(--tt-text)}.cc-detail-note{font:500 .74rem / 1.45 var(--tt-font-ui);color:var(--tt-text-dim);margin:0}.cc-detail-state{border-top:1px solid var(--tt-hairline);font:650 .64rem / 1.3 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim);flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding-top:.75rem;display:flex}.cc-detail--danger .cc-detail-icon{color:var(--tt-error)}.cc-tips{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.cc-tips li{font:500 .82rem / 1.4 var(--tt-font-ui);color:var(--tt-text);grid-template-columns:3.4rem minmax(0,1fr);align-items:baseline;gap:.6rem;display:grid}.cc-tips .cc-key{font-family:var(--tt-font-typing);justify-self:start}.cc-rules{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.cc-rules li{font:500 .84rem / 1.4 var(--tt-font-ui);color:var(--tt-text);align-items:baseline;gap:.55rem;display:flex}.cc-rules li:before{content:"";background:var(--tt-flow);flex:none;width:.45rem;height:2px;translate:0 -.25em}.cc-pb{background:var(--tt-surface);clip-path:var(--tt-cut-path-sm);gap:.3rem;padding:.85rem .95rem;display:grid}.cc-pb-label{font:650 .62rem / 1 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text-dim)}.cc-pb-value{font:800 2rem / 1 var(--tt-font-display);color:var(--tt-text)}.cc-pb-value small{font:650 .7rem / 1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text-dim)}.cc-pb-none{font:500 .8rem / 1.4 var(--tt-font-ui);color:var(--tt-text-dim)}.cc-theme-card{color:var(--tt-text);background:var(--tt-bg);box-shadow:inset 0 0 0 1px var(--tt-border);clip-path:var(--tt-cut-path-sm);gap:.75rem;padding:.8rem;display:grid}.cc-swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.cc-swatches i{height:1.4rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tt-text) 14%, transparent);clip-path:var(--cc-cut-xs)}.cc-theme-sample{font:400 1rem / 1.5 var(--tt-font-typing);overflow-wrap:anywhere;margin:0}.cc-s-ok{color:var(--tt-correct)}.cc-s-bad{color:var(--tt-error);text-underline-offset:.2em;text-decoration:underline 2px}.cc-s-caret{vertical-align:-.2em;background:var(--tt-caret);width:2px;height:1.1em;margin-inline:1px;display:inline-block}.cc-s-todo{color:var(--tt-untyped)}.cc-font-sample{color:var(--tt-text);background:var(--tt-surface);clip-path:var(--tt-cut-path-sm);overflow-wrap:anywhere;margin:0;padding:.8rem .9rem;font-size:1.3rem;line-height:1.45}.cc-keyrows{gap:3px;display:grid}.cc-keyrow{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.cc-keyrow:nth-child(2){padding-inline-start:.55rem}.cc-keyrow:nth-child(3){padding-inline-start:1.1rem}.cc-keycap{min-height:1.55rem;font:500 .82rem / 1 var(--tt-font-typing);color:var(--tt-text);background:var(--tt-surface);box-shadow:inset 0 -2px 0 var(--tt-border);clip-path:var(--cc-cut-xs);place-items:center;display:grid}.cc-keyrow:nth-child(2) .cc-keycap:nth-child(4),.cc-keyrow:nth-child(2) .cc-keycap:nth-child(7){box-shadow:inset 0 -2px 0 var(--tt-accent-2), inset 0 0 0 1px color-mix(in oklch, var(--tt-accent-2) 40%, transparent)}.cc-foot{border-top:1px solid var(--tt-hairline);flex:none;padding:.6rem 1.1rem .75rem}.cc-legend{font:650 .6rem / 1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text-dim);flex-wrap:wrap;gap:.45rem 1.05rem;margin:0;display:flex}.cc-hint{align-items:center;gap:.3rem;display:inline-flex}.cc-hint .cc-key+.cc-key{margin-inline-start:-.1rem}@media (width>=64rem){.cc-dialog{--cc-panel-height:min(38rem, 100dvh - 14vh);width:min(100% - 4rem,62rem)}}@media (width<=40rem){.cc-dialog{--cc-panel-height:calc(var(--cc-vh,100dvh) - 1rem);--cc-panel-max:none;width:calc(100% - 1rem);margin-top:.5rem}.cc-head{padding:.75rem .75rem 0}.cc-list{padding-inline:.3rem}.cc-row{column-gap:.7rem;min-height:3.35rem}.cc-row-title{font-size:1rem}.cc-chip--value{max-width:8.5rem}.cc-sheet-row{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem),(hover:none) and (pointer:coarse){.cc-foot{display:none}}@media (forced-colors:active){.cc-panel{border:1px solid canvastext}.cc-row[aria-selected=true]{outline-offset:-2px;outline:2px solid highlight}}@keyframes cc-deploy{0%{opacity:0;transform:translateY(-10px)scale(.985)}}@keyframes cc-fade{0%{opacity:0}}@keyframes cc-light{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.cc-dialog[open],.cc-dialog[open]::backdrop,.cc-panel:before{animation:none}}:root[data-motion=reduce] .cc-dialog[open],:root[data-motion=reduce] .cc-dialog[open]::backdrop,:root[data-motion=reduce] .cc-panel:before{animation:none}}@layer utilities;