.dev-tools{flex:none;display:flex;position:relative}.dev-trigger{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 7%, transparent);height:36px;color:var(--accent-bright);letter-spacing:.12em;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.dev-trigger:hover,.dev-trigger[aria-expanded=true]{border-style:solid;border-color:color-mix(in srgb, var(--accent) 65%, var(--border));background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text)}.dev-panel{z-index:80;border:1px solid var(--border);background:var(--surface);transform-origin:100% 0;border-radius:14px;width:286px;padding:13px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff08}.dev-panel:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.dev-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.dev-panel-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:700;display:inline-flex}.dev-panel-dot{background:var(--success);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 14%, transparent);border-radius:50%}.dev-panel-close{width:25px;height:25px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.dev-panel-close:hover{background:var(--border);color:var(--text)}.dev-switch{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.dev-switch:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.dev-switch-track{background:var(--border);width:30px;height:17px;transition:background-color .18s var(--ease);border-radius:99px;flex:none;position:relative}.dev-switch[aria-checked=true] .dev-switch-track{background:var(--accent)}.dev-switch-thumb{width:13px;height:13px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.dev-switch[aria-checked=true] .dev-switch-thumb{transform:translate(13px)}.dev-switch-label{flex-direction:column;gap:1px;font-size:11px;line-height:1.4;display:flex}.dev-switch-label small{color:var(--muted);font-size:9px;font-weight:400}.dev-links{border-top:1px solid var(--border);flex-direction:column;gap:1px;margin-top:12px;padding-top:11px;display:flex}.dev-links-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:0 4px 5px;font-size:8px;font-weight:650}.dev-link{color:var(--muted);border-radius:6px;align-items:center;gap:8px;padding:7px 4px;font-size:11px;line-height:1.4;display:flex}.dev-link:hover{background:var(--border);color:var(--text)}.dev-link-code{width:28px;color:var(--accent-bright);letter-spacing:.04em;font-variant-numeric:tabular-nums;flex:none;font-size:9px;font-weight:700}.dev-link svg{opacity:.45;margin-left:auto}.dev-panel-foot{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0;padding:0 4px;font-size:8px}@media (max-width:900px){.dev-trigger{width:36px;padding:0}.dev-trigger span{display:none}}@media (max-width:700px){.dev-panel{width:min(286px,100vw - 48px);right:-43px}}