:root{color-scheme:light dark;--color-bg:#e7edf6;--color-surface:#fff;--color-text:#121826;--color-text-muted:#4c5870;--color-border:#d2dcea;--color-accent:#5528e0;--color-accent-text:#fff;--color-accent-soft:#eee9ff;--color-accent-ink:#3b18b0;--color-focus:#121826;--color-success:#0e7c74;--color-success-text:#fff;--color-warning-bg:#fff4e5;--color-warning-text:#7a3e09;--color-disabled-bg:#e4e9f2;--color-preview:#e4ebf5;--shadow-card:0 1px 2px #1218260a;--shadow-pop:0 18px 48px #12182629;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-preview:system-ui, "Segoe UI Symbol", "Apple Symbols", "Noto Sans Math", "Cambria Math", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--header-h:3rem;--max-content:76rem;--card-min:16rem}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg:#0b1120;--color-surface:#141b2e;--color-text:#f4f7fc;--color-text-muted:#b6c2d6;--color-border:#2c3854;--color-accent:#6e56f5;--color-accent-text:#fff;--color-accent-soft:#2a2454;--color-accent-ink:#d4cbff;--color-focus:#f4f7fc;--color-success:#5eead4;--color-success-text:#042f2e;--color-warning-bg:#3a2a14;--color-warning-text:#fde7c2;--color-disabled-bg:#243049;--color-preview:#243352;--shadow-card:0 1px 2px #00000059;--shadow-pop:0 18px 48px #00000080}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + .5rem)}body{min-width:320px;font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);text-rendering:optimizelegibility;margin:0;line-height:1.5}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}a{color:var(--color-accent-ink)}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 28%, transparent)}.skip-link{z-index:80;border-radius:var(--radius);background:var(--color-accent);color:var(--color-accent-text);padding:.55rem .8rem;font-weight:700;text-decoration:none;position:absolute;top:.5rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-main{width:100%;min-width:0;max-width:var(--max-content);flex:1;margin:0 auto;padding:.85rem 1rem 2.75rem}.site-main h1{letter-spacing:-.035em;margin:0 0 .35rem;font-size:clamp(1.45rem,1.15rem + 1.1vw,2.05rem);font-weight:760;line-height:1.12}.lede{max-width:40rem;color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.45}.page-intro{margin-bottom:.85rem}.site-header{z-index:40;height:var(--header-h);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 86%, transparent);backdrop-filter:blur(14px);position:sticky;top:0}.site-header__inner{max-width:var(--max-content);justify-content:space-between;align-items:center;gap:.75rem;height:100%;margin:0 auto;padding:0 1rem;display:flex}.site-header__cluster{align-items:center;gap:.35rem;min-width:0;display:flex}.site-logo{min-height:2.75rem;color:var(--color-text);letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.02rem;font-weight:750;text-decoration:none;display:inline-flex}.site-logo__hub{color:var(--color-accent-ink)}.site-header__links{align-items:center;gap:.15rem;display:none}.site-header__links a{min-height:2.75rem;color:var(--color-text-muted);font-size:var(--text-sm);border-radius:999px;align-items:center;padding:0 .7rem;font-weight:620;text-decoration:none;display:inline-flex}.site-header__links a:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 6%, transparent)}.site-footer{border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 72%, var(--color-bg));margin-top:auto}.site-footer__inner{max-width:var(--max-content);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:0 auto;padding:1.25rem 1rem 1.5rem;display:flex}.site-footer__brand{align-items:center;gap:.7rem;min-width:min(100%,16rem);display:flex}.site-footer__brand p{max-width:16rem;color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.4}.site-footer nav{flex-wrap:wrap;gap:.15rem .35rem;display:flex}.site-footer a{min-height:2.75rem;color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;padding:0 .55rem;font-weight:620;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--color-text)}noscript{background:var(--color-warning-bg);color:var(--color-warning-text);text-align:center;padding:.75rem 1rem;display:block}.tool-app,.tool-results{min-width:0}.tool-app__loading,.tool-input__loading{color:var(--color-text-muted);font-size:var(--text-sm);margin:.35rem 0 0}.tool-input__loading{display:none}.tool-card-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tool-input label{letter-spacing:-.01em;margin-bottom:.4rem;font-size:.8125rem;font-weight:720;display:block}.tool-input__field{position:relative}.tool-input textarea,.copy-fallback__field,.tool-filters__search input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text)}.tool-input textarea{resize:vertical;min-height:6.5rem;padding:.9rem .95rem 1.85rem;line-height:1.45;box-shadow:inset 0 1px #ffffff59}.tool-input__field .tool-input__count{pointer-events:none;position:absolute;bottom:.5rem;right:.75rem}.tool-input textarea:focus-visible{border-color:var(--color-accent);outline-color:var(--color-accent);outline-offset:2px}.tool-input__meta{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:.45rem;display:flex}.tool-input__count{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:.8125rem}.tool-input__actions,.tool-input__dialog-actions,.card__controls,.card__control-row{flex-wrap:wrap;gap:.4rem;display:flex}.tool-input__hidden,.tool-input__note,.tool-input [role=alert],.compat-hint,.tool-filters__empty{border-radius:var(--radius);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--text-sm);margin:.65rem 0 0;padding:.7rem .8rem;line-height:1.45}.tool-input__hidden p,.tool-filters__empty p,.compat-hint{margin:0}.compat-hint{background:var(--color-accent-soft);color:var(--color-accent-ink)}.compat-hint a{font-weight:700}.tool-input__dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(24rem,100vw - 2rem);color:var(--color-text);box-shadow:var(--shadow-pop);padding:1.1rem 1.15rem}.tool-input__dialog::backdrop{background:#0b112085}.tool-input__dialog p{margin:0 0 .45rem}.tool-input__dialog-actions{justify-content:flex-end;margin-top:.85rem}.tool-filters__bar{flex-wrap:wrap;gap:.4rem;margin:0 0 .65rem;display:flex}.tool-filters__search{margin:.15rem 0 .45rem;display:block}.tool-filters__search input{min-height:2.75rem;padding:.45rem .75rem}.tool-filters__footer{margin-top:.15rem;display:flex}.tool-filters__category,.tool-filters__search-toggle,.tool-input__actions button,.tool-filters__footer button,.tool-filters__empty button,.tool-input__hidden button,.tool-input__dialog button,.card__copy,.card__controls button,.star,.card__hint-btn,.copy-fallback__close{border:1px solid var(--color-border);background:var(--color-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-text);cursor:pointer;border-radius:999px;padding:.4rem .75rem}.tool-filters__category,.tool-filters__search-toggle{flex:none;font-size:.8125rem;font-weight:650}.tool-filters__category[aria-pressed=true],.tool-filters__search-toggle[aria-pressed=true],.card__controls button[aria-pressed=true],.card__controls button[aria-checked=true]{background:var(--color-accent);color:var(--color-accent-text);border-color:#0000}.tool-filters__footer .tool-filters__clear-saved,.copy-fallback__close,.tool-input__dialog-actions button:first-child{background:0 0}.tool-filters__footer .tool-filters__clear-saved{color:var(--color-text-muted);border-color:#0000;padding-inline:.35rem}.tool-input__dialog-actions button:last-child,.tool-filters__empty button{background:var(--color-accent);color:var(--color-accent-text);border-color:#0000;font-weight:700}.tool-status{min-height:1.25rem;font-size:var(--text-sm);color:var(--color-accent-ink);margin:.35rem 0 .55rem;font-weight:650}.card{contain:layout paint;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);flex-direction:row;align-items:center;gap:.75rem;padding:.7rem .7rem .7rem .9rem;list-style:none;display:flex}.card__body{flex-direction:column;flex:auto;gap:.35rem;min-width:0;display:flex}.card__actions{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.3rem;display:flex}.card__head h3{letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:720;line-height:1.25}.star{border-radius:.6rem;flex:none;justify-content:center;align-items:center;width:2.125rem;min-width:2.125rem;height:2.125rem;min-height:2.125rem;padding:0;display:inline-flex}.star__icon{width:1rem;height:1rem}.star[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-ink);border-color:#0000}.card__preview,.card-preview{font-family:var(--font-preview);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-preview);cursor:text;unicode-bidi:plaintext;border-radius:.7rem;margin:0;padding:.55rem .7rem;font-size:1.375rem;line-height:1.35}.card__preview--live{cursor:pointer}.card__preview--zalgo{padding-block:.95rem;overflow:clip}.card__note,.card__saved-hint,.copy-fallback__hint{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.4}.card__copy{width:2.125rem;min-width:2.125rem;height:2.125rem;min-height:2.125rem;color:var(--color-accent-ink);background:0 0;border-radius:.6rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.card__copy-icon{width:1rem;height:1rem}.card__copy[disabled]{background:var(--color-disabled-bg);color:var(--color-text-muted);opacity:1;cursor:not-allowed}.card__hint-btn{background:var(--color-warning-bg);color:var(--color-warning-text);text-align:left;border-color:#0000}.copy-fallback{border-radius:var(--radius);background:var(--color-warning-bg);color:var(--color-warning-text);gap:.4rem;padding:.7rem;display:grid}.copy-fallback__hint{color:inherit}.copy-fallback__field{min-height:4rem;font-family:var(--font-preview);padding:.55rem .65rem}.page-lower{border-top:1px solid var(--color-border);gap:1.75rem;margin-top:2.25rem;padding-top:1.75rem;display:grid}.page-lower>*{min-width:0}.page-lower h2,.support-page h2,.directory h2,.directory h3{letter-spacing:-.03em;margin:0 0 .55rem;font-size:1.2rem;font-weight:740;line-height:1.25}.support-page .prose{max-width:42rem}.tool-page .author-content,.tool-page .faq{width:100%;max-width:none}.author-content p,.support-page p,.faq__item p,.author-content li{line-height:1.65}.author-content>:first-child,.support-page .prose>:first-child{margin-top:0}.author-content h2:not(:first-child){margin-top:1.4rem}.faq__list{grid-template-columns:minmax(0,1fr);gap:.7rem;display:grid}@media (width>=56rem){.tool-page .faq__list,.home-page .faq__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.faq__item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:.9rem 1rem 1rem}.faq__item h3{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1rem;line-height:1.35}.faq__item p{color:var(--color-text-muted);margin:0}.support-page ol{gap:.85rem;margin:.5rem 0 0;padding-left:1.2rem;display:grid}.support-page li::marker{color:var(--color-accent-ink);font-weight:750}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}.data-table tr:last-child th,.data-table tr:last-child td{border-bottom:0}.data-table thead th{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-preview) 80%, var(--color-surface));font-size:.75rem}.data-table__preview{font-family:var(--font-preview)}.data-table th[scope=row]{font-weight:680}.examples p,.support-table p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 .75rem}.example-block{margin:0 0 1rem}.example-block figcaption{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:.45rem}.example-block code{font-family:var(--font-preview);color:var(--color-text)}.directory{gap:1.35rem;display:grid}.directory__intro{max-width:38rem;color:var(--color-text-muted);margin:0}.home-how-to__intro{max-width:38rem;color:var(--color-text-muted);margin:0 0 1rem}.home-steps{gap:1.35rem;margin:0;padding:0;list-style:none;display:grid}.home-step{gap:.85rem;display:grid}.home-step__body h3{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1rem;line-height:1.35}.home-step__body p{color:var(--color-text-muted);margin:0;line-height:1.65}.home-step__figure{max-width:22rem;margin:0}.home-step__figure img{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:auto;display:block}.home-page .author-content,.home-page .faq{width:100%;max-width:none}.tile-grid,.related-tools ul{grid-template-columns:repeat(auto-fill,minmax(10.25rem,1fr));gap:.65rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.related-tools ul{grid-template-columns:minmax(0,1fr)}.tool-tile,.related-tools a{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:4.75rem;color:var(--color-text);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;gap:.3rem;padding:.8rem .9rem;text-decoration:none;display:flex}.tool-tile__sample{font-family:var(--font-preview);overflow-wrap:anywhere;font-size:1.35rem;line-height:1.15}.tool-tile__label,.related-tools__label{letter-spacing:-.015em;font-size:.875rem;font-weight:720}.related-tools__note{color:var(--color-text-muted);font-size:.8125rem;line-height:1.4}.not-found{max-width:36rem;padding-top:1.5rem}.not-found a{font-weight:750}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=39.99rem){.site-main{padding-top:.55rem}.page-intro{margin-bottom:.45rem}.lede{font-size:.8125rem;line-height:1.35}.tool-input textarea{min-height:5.75rem}.tool-filters__bar{margin-bottom:.45rem}.tool-status{margin:.1rem 0 .35rem}}@media (width>=48rem){.site-main{padding:1.15rem 1.5rem 3.5rem}.site-header__links{display:flex}.related-tools ul{grid-template-columns:1fr 1fr}.home-step--media{grid-template-columns:minmax(0,1fr) min(22rem,46%);align-items:start;gap:1.1rem}}.studio{grid-template-columns:minmax(0,1fr);grid-template-areas:"composer""rail""results";gap:.9rem;display:grid}.studio>astro-island,.studio .tool-app{display:contents}.studio .tool-composer{grid-area:composer}.studio .tool-rail{grid-area:rail;min-width:0}.studio .tool-results{grid-area:results;min-width:0}.tool-rail h2{letter-spacing:-.02em;margin:0 0 .55rem;font-size:.95rem}.tool-rail__list{overscroll-behavior-x:contain;scrollbar-width:none;gap:.45rem;margin:0;padding:0 0 .15rem;list-style:none;display:flex;overflow-x:auto}.tool-rail__list::-webkit-scrollbar{display:none}.tool-tile--row{flex-direction:row;justify-content:flex-start;align-items:center;gap:.55rem;min-width:10.5rem;min-height:2.75rem;padding:.4rem .7rem}.tool-tile--row .tool-tile__sample{flex:none;width:1.6rem;font-size:1.05rem}button.tool-tile{font:inherit;text-align:left;cursor:pointer}.tool-tile__label{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.tool-tile__count{background:var(--color-accent-soft);min-width:1.15rem;height:1.15rem;color:var(--color-accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.6875rem;font-weight:750;display:inline-flex}.tool-tile.is-current,.tool-tile[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-ink);border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border))}.tool-tile[aria-pressed=true] .tool-tile__count{background:var(--color-surface)}.tool-empty{color:var(--color-text-muted);margin:.15rem 0 0;font-size:.875rem}@media (width>=64rem){.studio{grid-template-columns:minmax(15.5rem,18.5rem) minmax(0,1fr);grid-template-areas:"composer composer""rail results";align-items:start;gap:1rem 1.25rem}.studio .tool-rail{top:calc(var(--header-h) + .75rem);max-height:calc(100dvh - var(--header-h) - 1.5rem);position:sticky;overflow:auto}.tool-rail__list{flex-direction:column;overflow:visible}.tool-tile--row{width:100%;min-width:0}}@media (hover:hover){.card:hover .card__copy:not([disabled]):not(.is-copied),.card__copy:not([disabled]):not(.is-copied):hover,.card__copy:not([disabled]):not(.is-copied):focus-visible{background:var(--color-accent);color:var(--color-accent-text);border-color:#0000}.tool-filters__empty button:hover,.tool-input__dialog-actions button:last-child:hover{filter:brightness(1.08)}.card__preview--live:hover{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-preview))}.tool-tile:hover,.related-tools a:hover{border-color:color-mix(in srgb, var(--color-accent) 48%, var(--color-border))}}@media (prefers-reduced-motion:no-preference){.card__copy,.card__preview,.tool-filters__category,.tool-tile,.related-tools a{transition:background-color .15s,border-color .15s,color .15s,filter .15s}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}