body.tools-open{overflow:hidden}
.tools-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;border:0;background:#100d17;color:#f8f2ea;overflow:hidden}
.tools-dialog[open]{display:flex;flex-direction:column}
.tools-dialog::backdrop{background:#100d17}
.tools-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px clamp(16px,3vw,48px);background:#17121f;border-bottom:1px solid #554059;flex-shrink:0}
.tools-toolbar h2{font:700 19px var(--display);letter-spacing:-.04em}
.tools-toolbar h2>span{color:#e7a7c7}
.tools-toolbar small{margin-left:22px;font-size:10px;letter-spacing:.12em;color:#d6bbd2}
.tools-dialog iframe{width:100%;flex:1;min-height:0;border:0;background:#100d17}
.tools-toolbar .wise-close{font-size:10px}
@media(any-pointer:fine){.tools-dialog,.tools-dialog::backdrop{cursor:url('assets/carrot-cursor.svg') 3 3,auto}}
@media(max-width:610px){.site-header .nav-actions{display:flex;flex-wrap:wrap;width:auto;justify-content:flex-end;gap:8px}.site-header{flex-wrap:wrap}.nav-tools,.nav-wise{flex:1}.tools-toolbar h2{font-size:16px}.tools-toolbar small{display:none}}
@media(max-width:440px){.site-header .nav-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.site-header .nav-watch{grid-column:1/-1;min-height:38px}.tools-toolbar{min-height:58px}.tools-toolbar .wise-close span:first-child{display:none}}