*,*: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%,1280px)}.test-card{text-align:left;padding:clamp(1rem,2vw,1.75rem)}.test-card h1{font-size:clamp(1.15rem,3vw,2.25rem)}.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(640px,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}.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{display:grid;min-height:clamp(560px,70vh,760px);overflow:hidden;place-items:center;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff}.stimulus-preview{position:relative;display:flex;align-items:center;justify-content:center;min-width:min(100%,760px);transform-origin:center center;transition:gap .14s ease,transform .14s ease}.stimulus-shape{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}.stimulus-stage{min-height:420px}.stimulus-preview{min-width:min(100%,560px)}}@media(max-width:720px){.page-shell{padding:1rem}.size-control-bar,.controls-grid{grid-template-columns:1fr}.size-value-button,.controls-toggle{width:100%}.stimulus-stage{min-height:260px}.shape-semicircle-left,.shape-semicircle-right{width:72px;height:144px}.shape-rectangle,.shape-bracket-left,.shape-bracket-right{height:168px}}