html.graphite-tools.dark,html.dark .tool-directory-app{--color-surface:var(--color-surface-secondary)}.graphite-tools body{background:var(--page-bg)}.graphite-tools .tool-global-header{width:100%;max-width:none;height:68px;padding:0 max(calc(var(--spacing) * 6),calc((100vw - 1432px)/2));border-bottom:1px solid var(--color-border-subtle);background:var(--page-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.graphite-tools .site-header__brand{font-size:var(--font-text-md-size)}.graphite-tools .site-header__brand span{color:var(--color-text-emphasis);margin-left:calc(var(--spacing) * 1)}.tool-count-link{white-space:nowrap}.tool-app-grid{gap:calc(var(--spacing) * 7);max-width:1480px;padding:0 calc(var(--spacing) * 6);grid-template-columns:256px minmax(0,1fr);margin:auto;display:grid}.tool-app-content{min-width:0}.tool-explorer{height:calc(100dvh - 68px);padding:calc(var(--spacing) * 6) calc(var(--spacing) * 4) calc(var(--spacing) * 6) 0;border-right:1px solid var(--color-border-subtle);flex-direction:column;min-width:0;display:flex;position:sticky;top:68px}.tool-explorer-head>a{font-size:var(--font-text-sm-size);justify-content:space-between;align-items:center;font-weight:600;display:flex}.tool-explorer-head p{font-size:var(--font-text-xs-size);color:var(--color-text-tertiary);margin-top:calc(var(--spacing) * 2)}.tool-explorer-groups{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-right:calc(var(--spacing) * 2);flex:1;overflow:auto}.tool-explorer-all{font-size:var(--font-text-xs-size);color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 4)}.tool-collections{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 5) 0 0;flex-wrap:wrap;display:flex}.graphite-tools .tool-app-content>.page{width:100%;max-width:none;padding:calc(var(--spacing) * 6) 0 calc(var(--spacing) * 12);margin:0}.graphite-tools .tool-head{padding:0 0 calc(var(--spacing) * 3)}.graphite-tools .tool-head__title{font-size:var(--font-heading-2xl-size);margin:calc(var(--spacing) * 2) 0 0;letter-spacing:-.035em}.graphite-tools .tool-head__lead{max-width:720px;margin-top:calc(var(--spacing) * 2);color:var(--color-text-secondary);line-height:1.7}.tool-suggestions{margin:calc(var(--spacing) * 3) 0 calc(var(--spacing) * 7)}.tool-suggestions>span{font-size:var(--font-text-xs-size);color:var(--color-text-tertiary);margin-bottom:calc(var(--spacing) * 2);display:block}.tool-suggestions>div{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tool-suggestions a{align-items:center;gap:calc(var(--spacing) * 2);flex-direction:row;min-width:0;display:flex}.tool-suggestions i{color:var(--color-text-emphasis);font-size:22px;font-style:normal}.tool-suggestions small{font-size:var(--font-text-2xs-size);color:var(--color-text-tertiary);margin-bottom:calc(var(--spacing) * 1);display:block}.tool-suggestions b{font-weight:500;font-size:var(--font-text-xs-size);line-height:1.35;display:block}.tool-suggestions em{font-style:normal;font-size:var(--font-text-xs-size);color:var(--color-text-tertiary);margin-left:auto}.graphite-tools .tool-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 6)}.graphite-tools .ui-workspace{gap:calc(var(--spacing) * 5);grid-template-columns:minmax(250px,.85fr) minmax(300px,1.4fr)}.graphite-tools .studio-actions,.arcade-actions{gap:calc(var(--spacing) * 2);flex-wrap:wrap;align-items:center;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:calc(var(--spacing) * 10)}.graphite-tools .site-footer{max-width:none;padding:calc(var(--spacing) * 6) 0 calc(var(--spacing) * 10);border-top:1px solid var(--color-border-subtle);margin:0}.graphite-tools .lang-hint{padding:calc(var(--spacing) * 2) 0 0}.arcade{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.arcade-toolbar{gap:calc(var(--spacing) * 4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.arcade-toolbar>.ui-field{max-width:320px}.arcade-eyebrow{font-size:var(--font-text-xs-size);letter-spacing:.12em;color:var(--color-text-emphasis);text-transform:uppercase}.arcade-reveal{background:var(--color-background-primary-soft-alpha);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 8);justify-content:center;gap:calc(var(--spacing) * 4);flex-direction:column;min-height:260px;display:flex}.arcade-reveal h2{letter-spacing:-.03em;font-size:clamp(23px,3vw,36px);line-height:1.3}.arcade-reveal p{font-size:var(--font-text-sm-size);color:var(--color-text-secondary);line-height:1.7}.arcade-ranks{gap:calc(var(--spacing) * 2);display:grid}.arcade-ranks button{align-items:center;gap:calc(var(--spacing) * 4);min-height:54px;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;font:14px var(--font-sans);color:var(--color-text);cursor:pointer;display:flex}.arcade-ranks button b{font-size:var(--font-heading-lg-size);color:var(--color-text-emphasis);font-weight:500}.arcade-ranks button>span:last-child{margin-left:auto}.arcade-ranks button:enabled:hover{border-color:var(--color-text-emphasis);background:var(--color-background-primary-soft-alpha)}.arcade-ranks button:disabled{cursor:default}.arcade-result{border:1px solid var(--color-text-emphasis);background:var(--color-background-primary-soft-alpha);border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 7)}.arcade-result h2{font-size:var(--font-heading-lg-size);margin:calc(var(--spacing) * 2) 0 calc(var(--spacing) * 4);line-height:1.4}.arcade-result ul{margin:0 0 calc(var(--spacing) * 6);gap:calc(var(--spacing) * 2);font-size:var(--font-text-sm-size);padding:0;list-style:none;display:grid}.arcade-result .studio-preview{margin:0;display:block}.arcade-stage,.arcade-start-art{padding:calc(var(--spacing) * 7);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.arcade-stage>svg{width:100%;max-height:280px}.arcade-start-art{text-align:center;place-content:center;gap:calc(var(--spacing) * 4);min-height:240px;color:var(--color-text-secondary);display:grid}.arcade-start-art>span{color:var(--color-text-emphasis);font-size:96px;font-weight:600;line-height:1}.arcade-guess{gap:calc(var(--spacing) * 4);flex-wrap:wrap;align-items:end;display:flex}.arcade-guess .ui-field{flex:1;min-width:160px}.arcade-guess .ui-button{margin-bottom:calc(var(--spacing) * 1)}.arcade-colors{gap:calc(var(--spacing) * 5);grid-template-columns:1fr 1fr;display:grid}.arcade-colors span{font-size:var(--font-text-xs-size);color:var(--color-text-secondary);margin-bottom:calc(var(--spacing) * 3);display:block}.arcade-colors>div>div{border-radius:var(--radius-xl);border:1px solid var(--color-border);height:180px}.arcade-length{padding:calc(var(--spacing) * 14) 0}.arcade-length>span{margin-bottom:calc(var(--spacing) * 6);font-size:var(--font-text-xs-size);color:var(--color-text-secondary);display:block}.arcade-length>div{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);height:48px;overflow:hidden}.arcade-length i{background:var(--color-text-emphasis);height:100%;display:block}.arcade-feedback{align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;display:flex}.arcade-feedback>b{font-size:var(--font-heading-xl-size);color:var(--color-text-emphasis)}.arcade-feedback>p{font-size:var(--font-text-sm-size);color:var(--color-text-secondary)}.arcade-budget{text-align:center;padding:calc(var(--spacing) * 7);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-background-primary-soft-alpha)}.arcade-budget>span{font-size:var(--font-text-xs-size);letter-spacing:.12em;color:var(--color-text-secondary)}.arcade-budget>strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:calc(var(--spacing) * 3) 0 calc(var(--spacing) * 5);overflow-wrap:anywhere;font-size:clamp(30px,4vw,48px);display:block}.arcade-budget>div,.arcade-simulation>div{border-radius:var(--radius-full);background:var(--color-border);height:7px;overflow:hidden}.arcade-budget i,.arcade-simulation i{background:var(--color-text-emphasis);height:100%;display:block}.arcade-budget p{font-size:var(--font-text-xs-size);margin-top:calc(var(--spacing) * 4);color:var(--color-text-secondary)}.arcade-shop{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.arcade-shop article{padding:calc(var(--spacing) * 5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.arcade-shop-icon{color:var(--color-text-secondary);height:52px;font-size:34px;display:block}.arcade-shop h3{font-size:var(--font-text-sm-size);min-height:42px;line-height:1.5}.arcade-shop p{font-size:var(--font-text-xs-size);margin:calc(var(--spacing) * 2) 0 calc(var(--spacing) * 4);color:var(--color-text-secondary)}.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);border-radius:var(--radius-md);background:var(--color-surface-secondary);height:36px;color:var(--color-text);cursor:pointer}.arcade-shop button:disabled{opacity:.35;cursor:default}.arcade-rules{gap:calc(var(--spacing) * 2);padding:0;list-style:none;display:grid}.arcade-rules li{gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--font-text-sm-size);align-items:center;line-height:1.6;display:flex}.arcade-rules li>span{font-size:var(--font-text-md-size);color:var(--color-text-tertiary)}.arcade-rules li[data-pass=true]{border-color:var(--color-text-emphasis);background:var(--color-background-primary-soft-alpha)}.arcade-rules li[data-pass=true]>span{color:var(--color-text-emphasis)}.arcade-code{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 7);justify-content:center;display:flex}.arcade-code>span{font-variant-numeric:tabular-nums;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:76px;height:96px;color:var(--color-text-emphasis);place-items:center;font-size:44px;display:grid}.arcade-history{gap:calc(var(--spacing) * 2);padding:0;list-style:none;display:grid}.arcade-history li{align-items:center;gap:calc(var(--spacing) * 5);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 4);border-bottom:1px solid var(--color-border);font-size:var(--font-text-sm-size);display:flex}.arcade-history b{letter-spacing:.2em;font-size:22px}.arcade-history strong{color:var(--color-text-emphasis);margin-left:auto}.arcade-doors{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.arcade-doors button{border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);min-height:220px;color:var(--color-text);place-content:center;gap:calc(var(--spacing) * 4);cursor:pointer;display:grid}.arcade-doors b{font-size:54px;font-weight:500}.arcade-doors span{font-size:var(--font-text-xs-size)}.arcade-doors button[data-selected=true]{border:2px solid var(--color-text-emphasis);background:var(--color-background-primary-soft-alpha)}.arcade-doors button[data-open=true]{background:var(--color-surface-secondary)}.arcade-score-row{gap:calc(var(--spacing) * 4);grid-template-columns:1fr 1fr;display:grid}.arcade-score-row>div{padding:calc(var(--spacing) * 5);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.arcade-score-row span{font-size:var(--font-text-xs-size);color:var(--color-text-secondary);margin-bottom:calc(var(--spacing) * 2);display:block}.arcade-score-row b{font-size:var(--font-heading-xl-size)}.arcade-simulation{margin-top:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);display:grid}.arcade-simulation p{font-size:var(--font-text-sm-size)}@media (max-width:1100px){.tool-suggestions b{font-size:var(--font-text-xs-size)}.tool-suggestions small{font-size:var(--font-text-2xs-size)}.tool-suggestions a{gap:calc(var(--spacing) * 2);flex-direction:row}.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:calc(var(--spacing) * 4)}.tool-suggestions>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.graphite-tools .tool-global-header{height:60px;padding:0 calc(var(--spacing) * 4)}.graphite-tools .site-header__brand{font-size:var(--font-text-sm-size)}.graphite-tools .site-header__lang{font-size:var(--font-text-xs-size);padding:calc(var(--spacing) * 2)}.tool-app-grid{padding:0 calc(var(--spacing) * 4)}.tool-collections{gap:calc(var(--spacing) * 2)}.tool-suggestions>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-suggestions b{font-size:var(--font-text-xs-size)}.tool-suggestions small{font-size:var(--font-text-2xs-size)}.tool-suggestions{margin:calc(var(--spacing) * 2) 0 calc(var(--spacing) * 6)}.graphite-tools .tool-app-content>.page{padding:calc(var(--spacing) * 5) 0 calc(var(--spacing) * 9)}.graphite-tools .ui-workspace{gap:calc(var(--spacing) * 4);grid-template-columns:minmax(0,1fr)}.graphite-tools .tool-panel{padding:calc(var(--spacing) * 4)}.arcade-shop{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-shop article{padding:calc(var(--spacing) * 4)}.arcade-reveal{padding:calc(var(--spacing) * 6);min-height:200px}.arcade-colors{gap:calc(var(--spacing) * 3)}.arcade-colors>div>div{height:130px}.arcade-stage{padding:calc(var(--spacing) * 5)}.arcade-doors{gap:calc(var(--spacing) * 2)}.arcade-doors button{border-radius:var(--radius-xl);min-height:175px}.arcade-doors b{font-size:42px}.arcade-code{padding:calc(var(--spacing) * 5) 0;gap:calc(var(--spacing) * 2)}.arcade-code>span{width:64px;height:82px}.arcade-result{padding:calc(var(--spacing) * 6)}}@media (prefers-reduced-motion:reduce){.tool-suggestions a{flex-direction:row}}.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:calc(var(--spacing) * 3);position:sticky;top:68px}.arcade-blind .arcade-reveal{padding:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);min-height:0}.arcade-blind .arcade-reveal h2{font-size:23px}.arcade-blind .arcade-reveal p{font-size:var(--font-text-xs-size)}.arcade-budget{padding:calc(var(--spacing) * 4);top:68px}.arcade-budget>strong{margin:calc(var(--spacing) * 2) 0 calc(var(--spacing) * 3);font-size:30px}.arcade-budget p{margin-top:calc(var(--spacing) * 2)}}.tool-explorer-search{margin:calc(var(--spacing) * 4) 0 calc(var(--spacing) * 3)}.tool-explorer-groups .ds-sidebar{width:100%}.tool-guide-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.tool-guide-example .ds-card{margin:calc(var(--spacing) * 4) 0}.tool-guide-example{scroll-margin-top:88px}.tool-explorer-groups .ds-sidebar__label small{margin-left:var(--spacing);color:var(--color-text-tertiary)}.tool-collections{column-gap:var(--spacing);row-gap:calc(var(--spacing) * 2)}
.tool-directory-app{background:var(--page-bg);min-height:100dvh;color:var(--color-text)}.directory-header{height:76px;padding:0 calc(var(--spacing) * 8);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;max-width:1336px;margin:auto;display:flex}.directory-brand{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--font-heading-lg-size);letter-spacing:-.04em;white-space:nowrap;display:flex}.directory-brand>a:last-child{color:var(--color-text-emphasis)}.directory-header>div{gap:calc(var(--spacing) * 5);align-items:center;display:flex}.directory-header>div>a{font-size:var(--font-text-xs-size);color:var(--color-text-secondary)}.directory-theme{border:1px solid var(--color-border);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text);place-items:center;display:grid}.directory-theme svg{width:17px;height:17px}.directory-language{white-space:nowrap}@media (max-width:480px){.directory-brand{font-size:var(--font-text-md-size)}}.tools-directory .page{width:100%;max-width:1336px;padding:calc(var(--spacing) * 13) calc(var(--spacing) * 8) calc(var(--spacing) * 20);margin:auto}.tools-directory__head{max-width:780px;margin-bottom:calc(var(--spacing) * 8)}.tools-directory__eyebrow{font-size:var(--font-text-xs-size);letter-spacing:.04em;color:var(--color-text-emphasis);margin-bottom:calc(var(--spacing) * 4)}.tools-directory__head h1{font-size:var(--font-heading-3xl-size);letter-spacing:-.055em;margin:0;font-weight:600;line-height:1.14}.tools-directory__head h1 span{color:var(--color-text-secondary)}.tools-directory__head>p:last-child{font-size:var(--font-text-sm-size);color:var(--color-text-secondary);margin-top:calc(var(--spacing) * 5);line-height:1.8}.directory-search{max-width:620px;margin-bottom:calc(var(--spacing) * 11)}.directory-search>label{font-size:var(--font-text-xs-size);color:var(--color-text-secondary);margin-bottom:calc(var(--spacing) * 2);display:block}.directory-section-title{gap:calc(var(--spacing) * 4);margin:0 0 calc(var(--spacing) * 4);justify-content:space-between;align-items:baseline;display:flex}.directory-section-title h2{font-size:var(--font-heading-lg-size);letter-spacing:-.025em;font-weight:600}.directory-section-title p{font-size:var(--font-text-xs-size);color:var(--color-text-tertiary)}.directory-spotlight{margin-bottom:calc(var(--spacing) * 11)}.tool-tile-grid{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.tool-tile{flex-direction:column;min-width:0;text-decoration:none;display:flex}.tool-tile-art{height:112px;color:var(--color-text-secondary);background:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border-subtle);place-items:center;display:grid;position:relative;overflow:hidden}.tool-tile-art>svg{width:100%;height:100%}.tool-new{position:absolute;top:12px;right:12px}.tool-tile--spotlight .tool-tile-art{height:132px}.directory-filters{gap:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 6);flex-wrap:wrap;display:flex}.directory-empty{text-align:center;padding:calc(var(--spacing) * 18) calc(var(--spacing) * 6);border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.directory-empty h3{font-size:var(--font-heading-lg-size)}.directory-empty p{font-size:var(--font-text-sm-size);color:var(--color-text-secondary);margin:calc(var(--spacing) * 3) 0 calc(var(--spacing) * 6)}.directory-footer{align-items:center;gap:calc(var(--spacing) * 5);max-width:1272px;padding:calc(var(--spacing) * 8) 0;border-top:1px solid var(--color-border);font-size:var(--font-text-xs-size);color:var(--color-text-tertiary);flex-wrap:wrap;margin:auto;display:flex}.directory-footer .wordmark{font-size:var(--font-text-sm-size);color:var(--color-text-secondary)}.directory-footer p{margin-right:auto}@media (max-width:1100px){.tool-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-spotlight .tool-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-footer{margin:0 calc(var(--spacing) * 8)}}@media (max-width:760px){.directory-header{height:64px;padding:0 calc(var(--spacing) * 5)}.directory-header>a{font-size:var(--font-text-md-size)}.directory-header>div{gap:calc(var(--spacing) * 3)}.directory-header>div>a{font-size:var(--font-text-xs-size)}.tools-directory .page{padding:calc(var(--spacing) * 8) calc(var(--spacing) * 5) calc(var(--spacing) * 14)}.tools-directory__head{margin-bottom:calc(var(--spacing) * 6)}.tools-directory__head>p:last-child{font-size:var(--font-text-sm-size)}.directory-search{margin-bottom:calc(var(--spacing) * 8)}.tool-tile-grid,.directory-spotlight .tool-tile-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(2,minmax(0,1fr))}.directory-section-title h2{font-size:var(--font-text-lg-size)}.directory-section-title p{font-size:var(--font-text-2xs-size)}.tool-tile-art,.tool-tile--spotlight .tool-tile-art{height:96px}.directory-filters{gap:calc(var(--spacing) * 2)}.directory-footer{margin:0 calc(var(--spacing) * 5);gap:calc(var(--spacing) * 4)}.directory-footer p{flex-basis:100%;order:3}}@media (min-width:1001px){.tools-directory .page{column-gap:calc(var(--spacing) * 12);padding-top:calc(var(--spacing) * 10);grid-template-columns:minmax(0,1fr) minmax(320px,440px);display:grid}.tools-directory__head{margin-bottom:calc(var(--spacing) * 9);grid-column:1}.directory-search{width:100%;margin-bottom:calc(var(--spacing) * 9);grid-area:1/2;align-self:center}.directory-spotlight,.directory-browse{grid-column:1/-1}.tools-directory__head h1{font-size:var(--font-heading-3xl-size)}}.tool-tile .ds-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tool-tile-art{color:var(--color-text-secondary);background:var(--color-background-primary-soft-alt)}.directory-search .ds-input-wrap{width:100%}.directory-filters .filter-count{font-size:var(--font-text-xs-size);color:var(--color-text-tertiary)}@media (max-width:760px){.tools-directory__head h1{font-size:var(--font-heading-2xl-size)}}