:root{--site-accent:#2563eb;--ink:#151925;--muted:#5b6475;--paper:#fff;--canvas:#f6f8fb;--soft:#edf1f7;--line:#d9e0ea;--radius:20px;--radius-lg:30px;--shadow:0 24px 70px #1519251f;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);margin:0;line-height:1.55;overflow-x:clip}button,input,textarea,select{font:inherit}button,summary,a,input[type=file]{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}h1{max-width:13ch;margin-bottom:1.4rem;font-size:clamp(2.65rem,6.6vw,5.8rem)}h2{font-size:clamp(1.65rem,3.2vw,2.7rem)}h3{font-size:1.18rem}:focus-visible{outline:3px solid color-mix(in srgb, var(--site-accent), white 15%);outline-offset:3px}.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}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:10px;padding:.7rem 1rem;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(1200px,100% - 40px);margin-inline:auto}.utility-header{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.utility-brand{color:var(--ink);align-items:center;gap:.65rem;font-size:1.04rem;font-weight:850;text-decoration:none;display:inline-flex}.utility-brand svg{width:36px;height:36px;color:var(--site-accent)}.utility-languages{position:relative}.utility-languages summary{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.55rem .9rem;font-weight:750;list-style:none}.utility-languages summary::-webkit-details-marker{display:none}.utility-languages nav{z-index:30;border:1px solid var(--line);background:var(--paper);width:min(250px,80vw);box-shadow:var(--shadow);border-radius:15px;padding:.5rem;display:grid;position:absolute;inset-block-start:calc(100% + .55rem);inset-inline-end:0}.utility-languages nav a{border-radius:9px;padding:.58rem .7rem;text-decoration:none}.utility-languages nav a:hover,.utility-languages nav a[aria-current=page]{color:var(--site-accent);background:color-mix(in srgb, var(--site-accent) 9%, white)}.utility-hero{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:start;gap:clamp(2.2rem,5vw,6rem);padding-block:clamp(3rem,7vw,6.5rem);display:grid}.utility-intro{padding-top:1rem;position:sticky;top:2rem}.utility-eyebrow,.section-label,.workbench-heading>span{color:var(--site-accent);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:850}.utility-lead{max-width:58ch;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.25rem)}.utility-proof{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.utility-proof li{border:1px solid color-mix(in srgb, var(--site-accent) 30%, var(--line));color:color-mix(in srgb, var(--site-accent) 75%, var(--ink));background:color-mix(in srgb, var(--site-accent) 7%, white);border-radius:999px;padding:.42rem .7rem;font-size:.82rem;font-weight:750}.utility-workbench{border:1px solid color-mix(in srgb, var(--site-accent) 24%, var(--line));border-radius:var(--radius-lg);background:var(--paper);min-width:0;box-shadow:var(--shadow);padding:clamp(1.2rem,3vw,2rem)}.workbench-heading{border-bottom:1px solid var(--line);margin-bottom:1.3rem;padding-bottom:1.3rem}.workbench-heading h2{margin:.5rem 0;font-size:clamp(1.5rem,2.6vw,2.25rem)}.workbench-heading p{color:var(--muted);margin-bottom:0}.tool-fields{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.tool-field{gap:.36rem;min-width:0;display:grid}.tool-field-wide{grid-column:1/-1}.tool-field>span,.compare-options label>span{color:var(--muted);font-size:.8rem;font-weight:800}.tool-field input,.tool-field textarea,.tool-field select,.compare-options input,.inline-select select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:11px;padding:.65rem .75rem}.tool-field textarea{resize:vertical}.range-field{align-items:center;gap:.7rem;min-height:46px;padding-inline:.25rem;display:flex}.range-field input{min-height:auto;accent-color:var(--site-accent);padding:0}.range-field output{min-width:4.6rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:end}.tool-primary,.tool-secondary,.tool-danger{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.65rem 1rem;font-weight:820;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.tool-primary{color:#fff;background:var(--site-accent);margin-top:1rem}.tool-primary:hover{background:color-mix(in srgb, var(--site-accent) 84%, black)}.tool-secondary{color:var(--ink);border-color:var(--line);background:var(--paper)}.tool-secondary:hover{color:var(--site-accent);border-color:color-mix(in srgb, var(--site-accent) 45%, var(--line))}.tool-danger{color:#b42318;background:#fff1f2;border-color:#fecaca}.tool-action-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;margin-top:1rem;display:flex}.tool-action-row .tool-primary{margin-top:0}.tool-result{border:1px solid var(--line);background:var(--soft);border-radius:16px;gap:.8rem;min-height:150px;margin-top:1.25rem;padding:1.1rem;display:grid}.tool-result article{background:var(--paper);border-radius:12px;padding:1rem}.tool-result h3{margin-bottom:.7rem}.tool-result ul{margin:0;padding-inline-start:1.25rem}.result-placeholder,.result-note{color:var(--muted);text-align:center;align-self:center;margin:0}.result-copy{justify-self:start}.compare-options{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.compare-options label{gap:.35rem;display:grid}.criterion-row{grid-template-columns:minmax(100px,1fr) 1.3fr 64px 64px 38px;align-items:end;gap:.55rem;margin-top:.75rem;display:grid}.criterion-row label{color:var(--muted);gap:.2rem;font-size:.7rem;font-weight:800;display:grid}.criterion-row input{border:1px solid var(--line);border-radius:9px;width:100%;min-height:40px;padding:.4rem .5rem}.criterion-row input[type=range]{min-height:40px;accent-color:var(--site-accent);padding:0}.criterion-remove{border:1px solid var(--line);color:#b42318;background:var(--paper);border-radius:9px;width:38px;height:40px}.score-result strong{font-size:1.6rem}.score-result div{gap:.35rem;margin:1rem 0;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.metric-grid article{text-align:center;align-content:center;min-height:120px;display:grid}.metric-grid strong{font-size:1.7rem}.metric-grid span{color:var(--muted);font-size:.75rem}.score-ring{border:12px solid color-mix(in srgb, var(--site-accent) 28%, white);background:var(--paper);border-radius:50%;align-content:center;place-items:center;width:150px;height:150px;margin:auto;display:grid}.score-ring strong{font-size:2rem}.score-ring span{color:var(--muted);font-size:.72rem}.check-list{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.check-list>div{background:var(--paper);border-inline-start:4px solid #dc2626;border-radius:8px;padding:.8rem;display:grid}.check-list .is-good{border-color:#15803d}.check-list span{color:var(--muted);font-size:.8rem}.scratch-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.scratch-toolbar label{color:var(--muted);align-items:center;gap:.45rem;display:flex}.scratch-toolbar select{border:1px solid var(--line);border-radius:9px;padding:.45rem}#scratch-status{color:var(--muted);margin-inline-end:auto;font-size:.8rem}.scratchpad{border:1px solid var(--line);width:100%;min-height:480px;color:var(--ink);resize:vertical;background:#fffef8;border-radius:14px;padding:1rem;font:1rem/1.65 ui-monospace,monospace}.file-drop{border:2px dashed color-mix(in srgb, var(--site-accent) 38%, var(--line));min-height:130px;color:var(--site-accent);background:color-mix(in srgb, var(--site-accent) 5%, white);text-align:center;cursor:pointer;border-radius:16px;align-content:center;place-items:center;gap:.3rem;padding:1.2rem;display:grid}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.file-drop span{font-weight:850}.file-drop small{color:var(--muted)}.tool-result audio{width:100%}.image-canvas,.story-canvas{background:repeating-conic-gradient(#eef1f5 0 25%,white 0 50%) 50%/24px 24px;object-fit:contain;border-radius:14px;width:100%;height:auto;max-height:540px;margin-top:1rem}.story-canvas{background:#111827;max-height:620px}.sound-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1rem;display:grid}.sound-pad{border:1px solid var(--line);min-height:110px;color:var(--ink);background:var(--paper);border-radius:15px;place-items:center;gap:.4rem;padding:.8rem;transition:background-color .15s,border-color .15s;display:grid}.sound-pad:hover,.sound-pad.is-playing{color:#fff;border-color:var(--site-accent);background:var(--site-accent)}.sound-pad kbd{border:1px solid;border-radius:6px;padding:.12rem .45rem;font-weight:850}.portfolio-search{align-items:center;gap:.8rem;display:flex}.portfolio-search input{border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;min-height:48px;padding:.65rem .8rem}.portfolio-search span{color:var(--muted);white-space:nowrap}.portfolio-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;display:grid}.portfolio-grid article{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:1rem}.portfolio-grid article>span{color:var(--site-accent);text-transform:uppercase;font-size:.7rem;font-weight:850}.portfolio-grid h3{margin:.5rem 0}.portfolio-grid p{color:var(--muted);font-size:.88rem}.portfolio-grid a{color:var(--site-accent);font-weight:800}.utility-privacy{color:#fff;background:var(--ink)}.utility-privacy>div{grid-template-columns:auto 1.2fr .8fr;align-items:center;gap:1.5rem 2.5rem;padding-block:3rem;display:grid}.privacy-mark svg{width:54px;height:54px;color:var(--site-accent)}.utility-privacy h2{margin-bottom:.5rem;font-size:1.85rem}.utility-privacy p{color:#c8cfda;margin:0}.utility-privacy ul{color:#e5e9ef;gap:.45rem;margin:0;display:grid}.utility-steps{padding-block:clamp(4.5rem,8vw,7.5rem)}.utility-steps>h2{max-width:18ch}.utility-steps>div{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.8rem;display:grid}.utility-steps article{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:220px;padding:1.35rem}.utility-steps article>span{color:var(--site-accent);margin-bottom:2rem;font-weight:900;display:block}.utility-steps article p{color:var(--muted)}.utility-details{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.utility-details ul{gap:.7rem;padding:0;list-style:none;display:grid}.utility-details li{border-block-end:1px solid var(--line);padding-block-end:.7rem}.utility-details details{border-block-start:1px solid var(--line)}.utility-details details:last-child{border-block-end:1px solid var(--line)}.utility-details summary{padding:1rem 0;font-weight:800}.utility-details details p{color:var(--muted)}.utility-footer{justify-content:space-between;align-items:end;gap:2rem;padding-block:2.5rem;display:flex}.utility-footer>div:first-child{max-width:620px}.utility-footer>div:last-child{text-align:end}.utility-footer p{color:var(--muted);margin:.75rem 0 0}.utility-footer a:last-child{color:var(--site-accent);font-weight:820}.utility-toast{z-index:200;color:#fff;background:var(--ink);opacity:0;pointer-events:none;box-shadow:var(--shadow);border-radius:11px;padding:.7rem 1rem;transition:opacity .18s,transform .18s;position:fixed;inset-block-end:22px;inset-inline-start:50%;transform:translate(-50%,12px)}[dir=rtl] .utility-toast{transform:translate(50%,12px)}.utility-toast.is-visible{opacity:1;transform:translate(-50%)}[dir=rtl] .utility-toast.is-visible{transform:translate(50%)}body[data-visual=neon]{--canvas:#0b1020;--paper:#111831;--soft:#171f3c;--line:#2c375e;--ink:#f5f7ff;--muted:#aeb8d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-visual=neon] .tool-field input,body[data-visual=neon] .tool-field textarea,body[data-visual=neon] .tool-field select,body[data-visual=neon] .compare-options input,body[data-visual=neon] .criterion-row input,body[data-visual=neon] .inline-select select,body[data-visual=neon] .portfolio-search input{color:var(--ink);background:#0f1730}body[data-visual=paper]{--canvas:#f4efe4;--paper:#fffdf7;--soft:#ece4d4;--line:#d7cbb6;--ink:#2c2821;--muted:#716858}body[data-visual=editorial] h1,body[data-visual=editorial] h2{letter-spacing:-.045em;font-family:Georgia,serif;font-weight:600}body[data-visual=blueprint]{--canvas:#f3f7fb}body[data-visual=blueprint] .utility-workbench{background-image:linear-gradient(#2563eb0a 1px,#0000 1px),linear-gradient(90deg,#2563eb0a 1px,#0000 1px);background-size:22px 22px}body[data-visual=signal] .utility-workbench{box-shadow:8px 8px 0 color-mix(in srgb,var(--site-accent) 25%,transparent);border-width:2px}@media (max-width:900px){.utility-hero{grid-template-columns:1fr}.utility-intro{position:static}.utility-privacy>div{grid-template-columns:auto 1fr}.utility-privacy ul{grid-column:2}}@media (max-width:650px){.page-shell{width:min(100% - 28px,1200px)}.utility-header{min-height:66px}.utility-brand span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.utility-hero{padding-block:2.5rem 4rem}.tool-fields,.compare-options,.check-list,.portfolio-grid{grid-template-columns:1fr}.criterion-row{grid-template-columns:1fr 1fr 1fr 38px}.criterion-name{grid-column:1/-1}.metric-grid,.sound-grid{grid-template-columns:1fr 1fr}.scratch-toolbar{align-items:stretch}#scratch-status{width:100%}.utility-privacy>div{grid-template-columns:1fr}.utility-privacy ul{grid-column:auto}.utility-steps>div{grid-template-columns:1fr}.utility-steps article{min-height:0}.utility-details{grid-template-columns:1fr}.utility-footer{flex-direction:column;align-items:start}.utility-footer>div:last-child{text-align:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}