@layer base,patterns;@layer components{.p-tools{--tool-text:var(--text);--tool-muted:var(--text-2);--tool-accent:var(--heading-accent);--tool-surface:var(--background);--tool-border:var(--border);--tool-input:color-mix(in srgb, var(--brand-500) 4%, var(--background));--tool-error:#a31e3b;--tool-success:#11603e;--field-accent:var(--tool-accent);--field-error:var(--tool-error);color:var(--tool-text);--tool-mono:"JetBrains Mono", ui-monospace, monospace}.theme-dark .p-tools{--tool-error:#ffabbc;--tool-success:#7eedb5}.p-tools__stage{--_tool-grid:color-mix(in srgb, var(--text) 6%, transparent);background-image:linear-gradient(var(--_tool-grid) 1px, transparent 1px), linear-gradient(90deg, var(--_tool-grid) 1px, transparent 1px);border-bottom:1px solid var(--tool-border);background-size:48px 48px}.p-tools__inner{gap:var(--site-content-gap);padding-block:var(--site-section-space);grid-template-columns:minmax(0,1fr);display:grid}.p-tools .container{align-items:stretch}.p-tools :is(h1,h2,p){margin:0}.p-tools__field-label{font-family:inherit}.p-tools__intro{grid-template-columns:minmax(0,1fr);justify-items:start;gap:1rem;min-width:0;display:grid}.p-tools__intro>*,.p-tools__hero-grid>*{min-width:0;max-width:100%}.p-tools__hero-grid{align-items:center;gap:var(--site-layout-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.p-tools__summary{align-content:center;justify-items:start;gap:var(--site-space-intro);display:grid}.p-tools__title-accent{color:var(--tool-accent);display:block}.p-tools h1{letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2.375rem,4.6vw,4rem);font-weight:800;line-height:1.08}.p-tools__description{max-width:60ch;color:var(--tool-muted);font-size:1.125rem;line-height:1.7}.p-tools__badge{color:var(--tool-muted);font-family:var(--tool-mono);grid-template-columns:6px minmax(0,1fr);align-items:center;gap:.625rem;font-size:.8125rem;display:grid}.p-tools__badge:before{content:"";background:var(--tool-accent);height:6px;margin:0;display:block}.p-tools__badge:after{content:none}.p-tools__catalog{background:var(--background)}.p-tools__catalog .p-tools__inner{padding-block:var(--site-layout-gap) var(--site-section-space)}.p-tools__tool-hero{gap:var(--site-space-intro);padding-block:clamp(2rem,4vw,3.5rem)}.p-tools__directory{gap:var(--site-layout-gap);display:grid}.p-tools__recommended{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.p-tools__recommendation{min-width:0;color:var(--tool-text);background:var(--tool-surface);border:1px solid var(--tool-border);grid-template-columns:1.25rem minmax(0,1fr) 1rem;align-items:start;gap:.75rem;padding:1.25rem 1rem;text-decoration:none;display:grid}.p-tools__recommendation:is(:hover,:focus-visible){border-color:var(--tool-accent);background:var(--tool-input)}.p-tools__recommendation:focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.p-tools__recommendation-icon,.p-tools__recommendation-arrow{width:100%;height:1.25rem;color:var(--tool-accent)}.p-tools__recommendation-copy{min-width:0;color:var(--tool-muted);gap:.5rem;font-size:.8125rem;line-height:1.5;display:grid}.p-tools__recommendation-copy strong{color:var(--tool-text);font-size:.9375rem;font-weight:600}@media not (min-width:1200px){.p-tools__recommended{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not (min-width:600px){.p-tools__recommended{grid-template-columns:minmax(0,1fr)}}.p-tools__creative-tools{--featured-title-size:clamp(1.25rem, 4cqi, 2.25rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid;container-type:inline-size}.p-tools__group{gap:var(--site-space-intro);min-width:0;display:grid}.p-tools__group-title{color:var(--tool-text);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.2}.p-tools__group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media not (min-width:768px){.p-tools__group-grid{grid-template-columns:minmax(0,1fr)}}.p-tools__creative-tools>:is(.p-tools__featured,.c-tool-card--featured){grid-template-rows:subgrid;grid-row:span 5;row-gap:.75rem;min-width:0;display:grid;container-type:normal}.p-tools__featured{align-content:start;padding:clamp(1.25rem,3vw,2rem)}.p-tools__featured .c-team-game__title{font-size:var(--featured-title-size)}.p-tools__featured .c-team-game__text{font-size:1rem;line-height:1.7}.p-tools__creative-tools .c-team-game__party{align-self:start}.p-tools__local{color:var(--tool-muted);padding-top:var(--site-space-intro);border-top:1px solid var(--tool-border);font-size:.8125rem;line-height:1.7}.p-tools__back{color:var(--tool-accent);min-height:44px;font-family:var(--tool-mono);align-content:center;justify-self:start;font-size:.8125rem;text-decoration:none;display:grid}.p-tools__back:is(:hover,:focus-visible){text-underline-offset:4px;text-decoration:underline}.p-tools__nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1px;padding:1px;display:grid}.p-tools__nav a{min-height:60px;color:var(--tool-muted);outline:1px solid var(--tool-border);background:var(--tool-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;text-decoration:none;display:grid;position:relative}.p-tools__nav .p-tools__nav-all{color:var(--tool-accent)}.p-tools__nav a[aria-current=page]{color:var(--tool-accent);background:var(--tool-input);box-shadow:inset 0 -2px var(--tool-accent)}.p-tools__nav a[aria-current=page]:after{content:"";background:var(--accent-500);width:6px;height:6px;position:absolute;top:-1px;right:-1px}.p-tools__nav-slot{font-family:var(--tool-mono);color:var(--tool-accent);font-size:.6875rem}.p-tools__nav .p-tools__nav-arrow{width:16px;max-width:none;height:16px}.p-tools__nav a:is(:hover,:focus-visible){color:var(--tool-accent);background:var(--tool-input)}.p-tools :is(.p-tools__nav a,.p-tools__back):focus-visible{outline:2px solid var(--tool-accent);outline-offset:-2px}.p-tools [hidden]{display:none!important}.p-tools__workspace{gap:var(--site-space-intro);background:var(--tool-surface);border:1px solid var(--tool-border);min-width:0;padding:clamp(1rem,3vw,2rem);display:grid;position:relative}.p-tools__workspace:before{content:"";background:var(--accent-500);width:7px;height:7px;position:absolute;top:-4px;right:-4px}.p-tools__editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.p-tools__field{align-content:start;gap:.75rem;min-width:0;display:grid}.p-tools:not(.p-sprite-studio) .p-tools__field{gap:.375rem}.p-tools__field-label{color:var(--tool-accent);letter-spacing:.05em;font-size:.8125rem;line-height:1.5}.p-tools textarea{resize:vertical;tab-size:2;height:20rem}.p-tools [aria-invalid=true]{border-color:var(--tool-error)}.p-tools__actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.p-tools__actions--two{grid-template-columns:repeat(2,minmax(0,1fr))}.p-tools__actions--three{grid-template-columns:repeat(3,minmax(0,1fr))}.p-tools__button{white-space:normal;min-width:0;min-height:48px;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4}.p-tools__mode-button{text-transform:none}.p-tools .c-button[aria-pressed]:after{content:none}.p-tools__button[aria-pressed=true]{color:var(--tool-accent);border-color:var(--tool-accent);background:var(--tool-input);box-shadow:inset 0 -2px var(--tool-accent)}.p-tools__hint{color:var(--tool-muted);font-size:.875rem;line-height:1.7}.p-tools__hint a{color:var(--tool-accent);text-underline-offset:.2em;text-decoration:underline}.p-tools__status{color:var(--tool-muted);overflow-wrap:anywhere;align-items:center;gap:.75rem;min-height:1.6em;font-size:.875rem;line-height:1.6;display:flex}.p-tools__status:before{content:"";background:currentColor;flex:0 0 2px;height:1em;margin:0;display:block}.p-tools__status:after{content:none}.p-tools__status:empty{display:none}.p-tools__status[data-state=error],.p-tools__notice{color:var(--tool-error)}.p-tools__status[data-state=success]{color:var(--tool-success)}.p-tools__counts{color:var(--tool-muted);border-block:1px solid var(--tool-border);font-size:.8125rem;font-family:var(--tool-mono);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:.875rem;display:grid}.p-tools__counts [data-text-characters],.p-tools__counts [data-text-words]{color:var(--tool-accent);font-variant-numeric:tabular-nums}.p-tools__contrast-controls,.p-tools__contrast-output{align-content:start;gap:var(--site-space-intro);min-width:0;display:grid}@media (min-width:960px){.p-tools__workspace--contrast{column-gap:var(--site-content-gap);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.p-tools__workspace--contrast>:not(.p-tools__contrast-controls,.p-tools__contrast-output){grid-column:1/-1}.p-tools__workspace--contrast .p-tools__colors{grid-template-columns:minmax(0,1fr)}}@media (min-width:960px) and (not (min-width:1280px)){.p-tools__workspace--contrast .p-tools__contrast-results{grid-template-columns:minmax(0,1fr)}}.p-tools__colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.p-tools__color-input{grid-template-columns:var(--site-control-height) minmax(0, 1fr);gap:.75rem;display:grid}.p-tools input[type=color]{width:100%;height:100%;min-height:var(--site-control-height);background:var(--tool-input);border:1px solid var(--tool-border);cursor:pointer;padding:.25rem}.p-tools__preview[hidden]{display:none}.p-tools__preview{border:1px solid var(--tool-border);gap:1rem;padding:clamp(1.5rem,4vw,3rem);line-height:1.7;display:grid}.p-tools__preview h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.4}.p-tools__preview p{font-size:1rem}.p-tools__contrast-results{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem;display:grid}.p-tools__ratio{border:1px solid var(--tool-border);background:var(--tool-input);align-content:center;justify-items:center;gap:.5rem;min-width:0;padding:1rem;display:grid}.p-tools__ratio strong{color:var(--tool-accent);font-variant-numeric:tabular-nums;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2}.p-tools__checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.p-tools__check{border:1px solid var(--tool-border);align-content:space-between;gap:.75rem;padding:1rem;display:grid}.p-tools__check span{color:var(--tool-muted);font-size:.875rem}.p-tools__check strong{color:var(--tool-muted);font:600 .8125rem/1.5 var(--tool-mono);border:1px solid;grid-auto-flow:column;justify-self:start;align-items:center;gap:.5rem;padding:.25rem .5rem;display:inline-grid}.p-tools__check strong[data-passed]{background:color-mix(in srgb, currentColor 10%, transparent)}.p-tools__check strong[data-passed=true]{color:var(--tool-success)}.p-tools__check strong[data-passed=false]{color:var(--tool-error)}.p-tools__check strong[data-passed=true]:before{content:"✓" / ""}.p-tools__check strong[data-passed=false]:before{content:"✕" / ""}.p-tools__suggestions{border-top:1px solid var(--tool-border);gap:1rem;padding-top:1.5rem;display:grid}.p-tools__suggestions[hidden],.p-tools__suggestions [hidden]{display:none}.p-tools__suggestions h2{color:var(--tool-text);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;line-height:1.5}.p-tools__suggestions-passing{color:var(--tool-success);font-size:.9375rem;line-height:1.7}.p-tools__suggestion-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.p-tools__suggestion{border:1px solid var(--tool-border);background:var(--tool-input);grid-template-rows:auto auto 1fr auto auto;align-content:start;gap:1rem;min-width:0;padding:1.25rem;display:grid}.p-tools__suggestion-intro{gap:.25rem;display:grid}.p-tools__suggestion h3{color:var(--tool-text);margin:0;font-size:1rem;font-weight:600;line-height:1.5}.p-tools__suggestion-sample{border:1px solid var(--tool-border);text-align:center;overflow-wrap:anywhere;place-items:center;min-height:6rem;padding:1rem;font-size:1rem;font-weight:500;line-height:1.6;display:grid}.p-tools__suggestion-values{align-content:start;gap:.5rem;margin:0;font-size:.8125rem;line-height:1.6;display:grid}.p-tools__suggestion-values>div{flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;display:flex}.p-tools__suggestion-values dt{color:var(--tool-muted)}.p-tools__suggestion-values dd{color:var(--tool-text);font-family:var(--tool-mono);margin:0}.p-tools__suggestion-result{color:var(--tool-success);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;font-size:.8125rem;line-height:1.6;display:flex}.p-tools__suggestion-result strong{font-family:var(--tool-mono);font-variant-numeric:tabular-nums}.p-tools__suggestions p:before,.p-tools__suggestions p:after{content:none}@media not (min-width:900px){.p-tools__creative-tools{--featured-title-size:clamp(1.25rem, 8cqi, 2.25rem)}.p-tools__hero-grid,.p-tools__creative-tools{grid-template-columns:minmax(0,1fr)}.p-tools__nav{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(16rem,max-content);grid-auto-flow:column;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000)}.p-tools__nav::-webkit-scrollbar{display:none}.p-tools__nav a{scroll-snap-align:start}}@media not (min-width:600px){.p-tools__inner{gap:1.5rem}.p-tools__editors,.p-tools__colors,.p-tools__contrast-results{grid-template-columns:minmax(0,1fr)}.p-tools__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.p-tools__actions--three>:last-child{grid-column:1/-1}.p-tools__description{font-size:1rem}.p-tools__nav a{gap:.5rem;padding:.75rem;font-size:.8125rem}.p-tools__nav .p-tools__nav-arrow{display:none}.p-tools__nav a{grid-template-columns:auto minmax(0,1fr)}.p-tools textarea{height:15rem}}}@layer utilities;