:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#07111f;color:#e6edf7}*{box-sizing:border-box}body{margin:0;min-width:960px;background:radial-gradient(circle at top,#132b4b,#07111f 48rem)}button,input,textarea{font:inherit}a{color:#b9d6ff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #74d4ff;outline-offset:3px}.app-shell{display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #24415f;padding:1.5rem;background:#091827}.brand{display:inline-block;color:#fff;font-size:1.25rem;font-weight:800;text-decoration:none;margin-bottom:2rem}.sidebar ul,.tool-search ul{list-style:none;padding:0;margin:0}.sidebar li+li{margin-top:.5rem}.sidebar a[aria-current=page]{color:#75e6c8;font-weight:700}.content-area{min-width:0}.topbar{display:flex;gap:1rem;align-items:flex-start;padding:1rem 2rem;border-bottom:1px solid #24415f}.tool-search{flex:1;max-width:52rem}.tool-search label,.workspace>label,fieldset>label{display:block;margin-bottom:.4rem;font-weight:650}.tool-search input,textarea,.workspace input{width:100%;border:1px solid #42658b;border-radius:.45rem;background:#0d2034;color:inherit;padding:.7rem}.tool-search ul{display:flex;gap:.75rem;margin-top:.75rem}.tool-search li{display:flex;gap:.4rem;align-items:center;color:#aabbd1}main{max-width:74rem;padding:3rem 4rem}.eyebrow{color:#75e6c8;font-size:.8rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.workspace{display:grid;gap:1rem;max-width:65rem;margin-top:2rem}textarea{min-height:18rem;resize:vertical}.actions{display:flex;gap:.75rem}.save-item{display:grid;gap:.75rem;justify-items:start}[role=dialog]{display:grid;gap:.75rem;width:min(32rem,100%);padding:1rem;border:1px solid #75e6c8;border-radius:.45rem;background:#0d2034}.account-page{display:grid;gap:.75rem;max-width:32rem}.account-page label{font-weight:650}.account-page input{width:100%;border:1px solid #42658b;border-radius:.45rem;background:#0d2034;color:inherit;padding:.7rem}button{border:1px solid #537ba5;border-radius:.45rem;padding:.55rem .8rem;color:#eef7ff;background:#173c62;cursor:pointer}button:hover{background:#21527f}pre,output{display:grid;gap:.45rem;overflow:auto;padding:1rem;border-radius:.45rem;background:#06101d;color:#c8dcf5}[role=alert]{margin:0;padding:.75rem;border-left:4px solid #ff8f9d;background:#3a1720;color:#ffd9df}fieldset{display:grid;gap:.7rem;border:1px solid #42658b;border-radius:.45rem;padding:1rem}fieldset label{margin:0}fieldset label input{width:auto;margin-right:.45rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}