.a11y-tool{min-height:100%;background:#fff8fc;color:#2f1930;display:grid;grid-template-rows:auto 1fr}.a11y-tool>header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#43163d;color:white}.a11y-tool header span,.a11y-tool header strong{display:block}.a11y-tool header span{font-size:.5rem;color:#f9a8d4}.a11y-score{display:flex;align-items:baseline}.a11y-score b{font-size:1.6rem}.a11y-layout{display:grid;grid-template-columns:220px 1fr 260px;min-height:0}.a11y-layout>aside{padding:.8rem;background:#fff0f7}.a11y-layout>aside:first-child{border-right:1px solid #edd3e3}.a11y-layout>aside:last-child{border-left:1px solid #edd3e3;background:#fff}.a11y-layout h3{font-size:.55rem;letter-spacing:.12em;color:#855075}.a11y-layout>aside label{display:flex;gap:.5rem;align-items:center;padding:.55rem 0;border-bottom:1px solid #f0dce8;font-size:.66rem}.a11y-layout input{accent-color:#db2777}.a11y-layout>aside button{width:100%;margin-top:.8rem;border:0;background:#db2777;color:white;border-radius:.5rem;padding:.6rem}.a11y-layout>[data-focus-path]{font-size:.6rem;margin-top:.6rem;color:#75526c}.a11y-layout main{padding:1rem;background:#f5eaf2;overflow:auto}.device-browser{max-width:800px;margin:auto;border:8px solid #29262d;border-radius:1rem;background:white;box-shadow:0 20px 50px rgba(70,30,60,.18)}.browser-chrome{height:40px;display:flex;align-items:center;gap:.3rem;background:#29262d;color:#bdb7c2;padding:0 .6rem}.browser-chrome i{width:9px;height:9px;border-radius:50%;background:#ff6b7a}.browser-chrome i:nth-child(2){background:#ffd166}.browser-chrome i:nth-child(3){background:#72f1b8}.browser-chrome span{margin-left:.5rem;font-size:.55rem}.a11y-preview{padding:1rem;color:#14213d;background:white}.a11y-preview>header{display:flex;justify-content:space-between}.a11y-preview a{color:#143b78;margin-left:.5rem}.a11y-preview main{background:white;padding:3rem 2rem}.a11y-preview h1{font-size:2.2rem}.a11y-preview p{color:#526174}.a11y-preview form{display:flex;gap:.5rem}.a11y-preview label{display:grid;gap:.25rem}.a11y-preview input{border:1px solid #aab6c4;padding:.6rem}.a11y-preview button{border:0;background:#1d4ed8;color:white;padding:.6rem}.a11y-preview .preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preview-cards article{background:#eaf1fa;padding:.8rem}.a11y-preview.issue-contrast p{color:#b4bac2}.a11y-preview.issue-focus *:focus{outline:0!important}.a11y-preview.issue-motion .preview-cards article{animation:forced-motion .5s infinite alternate}@keyframes forced-motion{to{transform:translateY(-8px)}}.a11y-inspector ol{font:600 .62rem/1.6 ui-monospace;padding-left:1.2rem}.a11y-inspector [data-findings] article{border-left:3px solid #db2777;background:#fff0f7;padding:.55rem;margin:.4rem 0}.a11y-inspector article b{color:#b91c63;font-size:.5rem}.a11y-inspector article strong{display:block;font-size:.63rem}.a11y-inspector article p{font-size:.58rem;color:#72566a}
.api-lab{min-height:100%;background:#080d14;color:#e6edf5;display:grid;grid-template-columns:260px 1fr 280px}.api-lab>aside{padding:.8rem;background:#0d141e}.api-lab>aside:first-child{border-right:1px solid #263340}.api-terminal{border-left:1px solid #263340}.api-lab>aside>span{font-size:.55rem;letter-spacing:.12em;color:#f87171}.api-lab label{display:grid;gap:.25rem;font-size:.58rem;color:#8fa1b4;margin:.65rem 0}.api-lab input,.api-lab select{background:#080d14;border:1px solid #2b3947;color:#e6edf5;border-radius:.4rem;padding:.55rem}.api-lab>aside>button{width:100%;border:0;background:#dc2626;color:white;border-radius:.5rem;padding:.65rem;font-weight:900}.api-lab main{padding:.8rem}.api-lab main>header{display:flex;justify-content:space-between}.api-lab main>header span{color:#fbbf24;font-size:.6rem}.waterfall{margin-top:.8rem}.waterfall>p{color:#758799}.waterfall article{display:grid;grid-template-columns:90px 1fr 60px;gap:.5rem;align-items:center;margin:.45rem 0}.waterfall article span,.waterfall article b{font-size:.58rem}.waterfall article div{height:22px;background:#111d2a;position:relative}.waterfall article i{display:block;margin-left:var(--delay);height:100%;width:var(--duration);background:#f59e0b}.waterfall article.success i{background:#22c55e}.waterfall article.failed i{background:#ef4444}.api-response{margin-top:1rem;border:1px solid #263340;border-radius:.55rem;overflow:hidden}.api-response header{display:flex;justify-content:space-between;background:#111a25;padding:.5rem}.api-response header b,.api-response header span{font-size:.55rem}.api-response pre{min-height:170px;margin:0;padding:.8rem;color:#bdebd2;font:600 .63rem/1.55 ui-monospace;white-space:pre-wrap}.api-terminal>header{font-size:.55rem;letter-spacing:.12em;color:#f87171}.api-terminal ol{height:360px;overflow:auto;font:600 .58rem/1.55 ui-monospace;padding-left:1.2rem;color:#9db0c3}.circuit{border:1px solid #263340;border-radius:.5rem;padding:.6rem}.circuit span,.circuit strong{display:block}.circuit span{font-size:.5rem;color:#8293a4}.circuit strong{color:#22c55e}.circuit strong.open{color:#ef4444}
.shader-tool{min-height:100%;display:grid;grid-template-columns:230px 1fr 290px;background:#0c0814;color:#f4effc}.shader-tool>aside{padding:.8rem;background:#160e22}.shader-tool>aside:first-child{border-right:1px solid #38274c}.shader-code{border-left:1px solid #38274c}.shader-tool>aside>span{font-size:.55rem;letter-spacing:.12em;color:#e879f9}.shader-tool label{display:grid;gap:.3rem;font-size:.58rem;color:#bba9ca;margin:.65rem 0}.shader-tool input,.shader-tool select,.shader-code textarea{background:#0c0814;color:#f6effc;border:1px solid #45315b;border-radius:.45rem;padding:.5rem}.shader-tool input[type=color]{width:100%;height:38px}.shader-tool>aside button{width:100%;border:0;background:#c026d3;color:white;border-radius:.5rem;padding:.6rem}.shader-tool main{position:relative;min-width:0}.shader-tool canvas{width:100%;height:100%;display:block}.shader-stats{position:absolute;left:1rem;bottom:1rem;background:rgba(12,8,20,.8);border:1px solid #59406f;border-radius:.55rem;padding:.55rem}.shader-stats span,.shader-stats strong{display:block}.shader-stats span{font-size:.5rem;color:#e879f9}.shader-code textarea{width:100%;height:230px;font:600 .62rem/1.5 ui-monospace;margin:.7rem 0}.shader-code pre{font:600 .58rem/1.5 ui-monospace;color:#a7f3d0;white-space:pre-wrap}
.world-tool{min-height:100%;display:grid;grid-template-columns:230px 1fr;background:#e7efe4;color:#1c3423}.world-tool>aside{padding:.8rem;background:#f7faf5;border-right:1px solid #c8d7c4}.world-tool>aside>span{font-size:.55rem;letter-spacing:.12em;color:#16824b}.world-tool label{display:grid;gap:.3rem;font-size:.6rem;margin:.7rem 0}.world-tool input,.world-tool select{border:1px solid #bdcdb9;background:white;border-radius:.45rem;padding:.5rem}.world-tool button{width:100%;border:0;background:#16824b;color:white;border-radius:.5rem;padding:.65rem;font-weight:900}.world-legend{margin-top:1rem;font-size:.55rem;color:#56705d}.world-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#267a48;margin:0 .2rem 0 .5rem}.world-legend i:nth-child(2){background:#277ba5}.world-legend i:nth-child(3){background:#d7c5a4}.world-tool main{position:relative}.world-tool canvas{width:100%;height:100%;display:block}.world-caption{position:absolute;left:1rem;bottom:1rem;background:rgba(247,250,245,.82);border:1px solid #b8cbb6;border-radius:.7rem;padding:.65rem;backdrop-filter:blur(10px)}.world-caption span,.world-caption strong{display:block}.world-caption span{font-size:.55rem;color:#16824b;letter-spacing:.12em}.world-caption strong{margin-top:.2rem}