*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color:#111827;background:#f7fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(49,130,206,.16),transparent 32rem),#f7fafc}a{color:inherit}.page-shell{display:flex;min-height:100vh;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.hero-card,.tools-section{width:min(100%,860px);border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#ffffffe0;box-shadow:0 24px 70px #0f172a1a;padding:clamp(2rem,4vw,3.5rem)}.hero-card{text-align:center}.eyebrow{margin-bottom:.75rem;color:#2563eb;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{color:#0f172a;font-size:clamp(2.3rem,6vw,4.5rem);line-height:.98}h2{color:#0f172a;font-size:clamp(1.6rem,3vw,2.25rem)}h3{color:#0f172a;font-size:1.2rem}.lede{max-width:48rem;margin:1.25rem auto 0;color:#475569;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.tools-section{display:grid;gap:1.5rem}.section-heading{text-align:left}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-card{display:grid;min-height:190px;align-content:start;gap:.8rem;border:1px solid rgba(37,99,235,.16);border-radius:20px;background:#fff;padding:1.25rem;text-decoration:none;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.tool-card:hover,.tool-card:focus-visible{border-color:#2563eb73;box-shadow:0 18px 36px #0f172a1c;transform:translateY(-2px)}.tool-card p{color:#475569;line-height:1.55}.tool-category,.tool-status{width:fit-content;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-category{background:#dbeafe;color:#1d4ed8;padding:.3rem .55rem}.tool-status{margin-top:auto;background:#dcfce7;color:#166534;padding:.3rem .6rem}.top-nav{width:min(100%,860px);color:#64748b;font-size:.95rem}.top-nav a{font-weight:700;text-decoration:none}.top-nav a:hover,.top-nav a:focus-visible{text-decoration:underline}.test-page{align-items:center;justify-content:flex-start}.test-page .top-nav,.test-card{width:min(100%,1480px)}.test-card{text-align:left;padding:clamp(1rem,2vw,1.75rem)}.test-card h1{max-width:300px;font-size:clamp(1.15rem,3vw,2.25rem)}.test-card .eyebrow{max-width:300px}.test-card .lede{margin-left:0;font-size:clamp(.85rem,1.2vw,1rem);line-height:1.45}.test-widget{position:relative;margin-top:1.25rem;display:grid;grid-template-columns:minmax(240px,300px) minmax(760px,1fr);align-items:start;gap:1.5rem}.floating-controls{position:sticky;top:1rem;z-index:10;display:grid;align-self:start;gap:1rem;border:1px solid rgba(37,99,235,.18);border-radius:18px;background:#fffffff0;box-shadow:0 18px 48px #0f172a29;padding:1rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.floating-controls-collapsed{gap:0}.size-control-bar{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.75rem}.size-control{grid-column:1 / -1}.size-control-stepper{display:grid;grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.55rem}.size-control-stepper .size-control{grid-column:auto}.size-control,.controls-grid label{display:grid;gap:.5rem;color:#334155;font-size:.9rem;font-weight:800}.size-step-button,.size-value-button,.controls-toggle{border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;cursor:pointer;font:inherit;font-weight:800;padding:.7rem .8rem}.size-step-button{min-width:2.6rem}.size-step-button:disabled{cursor:not-allowed;opacity:.45}.size-value-button{min-width:10.5rem}.controls-toggle{min-width:2.8rem}.size-step-button:hover:not(:disabled),.size-step-button:focus-visible,.size-value-button:hover,.size-value-button:focus-visible,.controls-toggle:hover,.controls-toggle:focus-visible{border-color:#2563eb73;outline:none;box-shadow:0 0 0 3px #2563eb1f}.controls-grid{display:grid;grid-template-columns:1fr;gap:1rem}.preset-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.preset-buttons button{border:1px solid rgba(37,99,235,.22);border-radius:12px;background:#eff6ff;color:#1e3a8a;cursor:pointer;font:inherit;font-size:.8rem;font-weight:900;padding:.7rem .55rem}.preset-buttons .preset-button-active{border-color:#1d4ed8;background:#1d4ed8;color:#fff;box-shadow:0 10px 22px #2563eb47}.preset-buttons button:hover,.preset-buttons button:focus-visible{border-color:#2563eb8c;outline:none;box-shadow:0 0 0 3px #2563eb1f}.preset-buttons .preset-button-active:hover,.preset-buttons .preset-button-active:focus-visible{border-color:#1e40af;background:#1e40af;box-shadow:0 10px 22px #2563eb47,0 0 0 3px #2563eb29}.controls-grid select,.controls-grid input,.size-control input{width:100%}.controls-grid select{border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font:inherit;padding:.7rem .8rem}.controls-grid input[type=range],.size-control input[type=range]{accent-color:#1d4ed8}.stimulus-stage{position:relative;display:grid;width:980px;height:760px;margin-top:-5rem;overflow:hidden;place-items:center;border:0;border-radius:20px;background:#fff}.voronoi-surround{position:absolute;z-index:0;width:749px;aspect-ratio:1;border-radius:50%;pointer-events:none;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Crect width='400' height='400' fill='%23f8fafc'/%3E%3Cg fill='none' stroke='%23cbd5e1' stroke-width='2.2' stroke-linejoin='round' opacity='.95'%3E%3Cpath d='M0 45 45 0h70l22 58-45 52H24Z'/%3E%3Cpath d='M115 0h88l35 52-22 68-79-62Z'/%3E%3Cpath d='M203 0h92l32 62-44 62-67-4 22-68Z'/%3E%3Cpath d='M295 0h105v85l-73-23Z'/%3E%3Cpath d='M0 45v93l72 24 20-52-68-65Z'/%3E%3Cpath d='M92 110 137 58l79 62-10 72-84 16-50-46Z'/%3E%3Cpath d='M216 120 283 124l45 67-38 58-84-57Z'/%3E%3Cpath d='M327 62 400 85v105l-72 1-45-67Z'/%3E%3Cpath d='M0 138v105l74 16 48-51-50-46Z'/%3E%3Cpath d='M122 208l84-16 84 57-17 79-88 15-61-55Z'/%3E%3Cpath d='M290 249 328 191l72-1v110l-58 40-69-12Z'/%3E%3Cpath d='M0 243v95l60 62h72l-8-112-50-29Z'/%3E%3Cpath d='M124 288l61 55-53 57H60Z'/%3E%3Cpath d='M185 343l88-15 55 72H132Z'/%3E%3Cpath d='M273 328l69 12 58-40v100h-72Z'/%3E%3C/g%3E%3Cg fill='%23e2e8f0' opacity='.26'%3E%3Ccircle cx='74' cy='163' r='5'/%3E%3Ccircle cx='206' cy='192' r='4'/%3E%3Ccircle cx='283' cy='124' r='5'/%3E%3Ccircle cx='124' cy='288' r='4'/%3E%3Ccircle cx='328' cy='191' r='4'/%3E%3C/g%3E%3C/svg%3E");background-position:center;background-repeat:repeat;background-size:18% 18%;box-shadow:inset 0 0 0 1px #94a3b829;opacity:.95;mask:radial-gradient(circle,transparent 0 45.5%,rgba(0,0,0,0) 47.5%,#000 49.5%,#000 100%);-webkit-mask:radial-gradient(circle,transparent 0 45.5%,rgba(0,0,0,0) 47.5%,#000 49.5%,#000 100%)}.stimulus-preview{position:relative;z-index:1;display:flex;width:900px;align-items:center;justify-content:center;transform-origin:center center;transition:gap .14s ease,transform .14s ease}.stimulus-shape{position:relative;z-index:2;flex:0 0 auto;transform-origin:center center;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.shape-semicircle-left,.shape-semicircle-right{width:96px;height:192px}.shape-semicircle-left{border-radius:96px 0 0 96px}.shape-semicircle-right{border-radius:0 96px 96px 0}.shape-rectangle{width:56px;height:220px;border-radius:10px}.shape-bracket-left,.shape-bracket-right{width:72px;height:220px;background:transparent;border-style:solid;border-width:14px}.shape-bracket-left{border-right:0;border-radius:12px 0 0 12px}.shape-bracket-right{border-left:0;border-radius:0 12px 12px 0}.center-marker{position:absolute;left:50%;top:50%;display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:#0f172a;color:#fff;font-size:.85rem;font-weight:900;line-height:1;transform:translate(-50%,-50%)}@media(max-width:900px){.test-widget{grid-template-columns:1fr}.floating-controls{position:sticky;top:.5rem}}@media(max-width:720px){.page-shell{padding:1rem}.size-control-bar,.controls-grid{grid-template-columns:1fr}.size-value-button,.controls-toggle{width:100%}.shape-semicircle-left,.shape-semicircle-right{width:72px;height:144px}.shape-rectangle,.shape-bracket-left,.shape-bracket-right{height:168px}}