.dev-panel{position:fixed;left:0;top:0;bottom:0;width:clamp(224px,21vw,315px);background:#14171f;border-right:1px solid var(--card-border);box-shadow:2px 0 11px #00000040;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:5000;display:flex;flex-direction:column;color:var(--fg)}.dev-panel.is-open{transform:translate(0)}.dev-panel-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid var(--card-border);flex-shrink:0}.dev-panel-header h3{margin:0;font-size:11px}.dev-panel .close-btn{background:none;border:none;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;padding:3px}.dev-panel-header .header-actions{display:flex;gap:6px;align-items:center}.dev-panel-header .header-actions .dev-btn{padding:3px 6px;font-size:8px}.dev-panel-content{padding:8px;overflow-y:auto;flex-grow:1}.dev-panel-content section:not(:last-child){border-bottom:1px solid var(--card-border);padding-bottom:8px;margin-bottom:8px}.dev-panel-content h4{margin:0 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.dev-panel .perf-data,.dev-panel .env-data,.dev-panel .seo-data{display:grid;gap:4px;font-size:10px}.dev-panel .perf-item,.dev-panel .env-item,.dev-panel .seo-item{display:flex;flex-wrap:wrap;justify-content:space-between}.dev-panel .perf-item strong,.dev-panel .env-item strong,.dev-panel .seo-item strong{font-weight:600;color:var(--fg);margin-right:6px}.dev-panel .tools-data{display:grid;gap:8px}.dev-panel .tool-group{display:grid;gap:4px}.dev-panel .btn-group{display:flex;flex-wrap:wrap;gap:4px}.dev-panel .lang-btn-group{display:flex;align-items:center;gap:1px}.dev-panel .lang-buttons-wrapper{display:flex;gap:1px;margin-left:auto}.dev-panel .lang-btn-group .dev-btn{padding:1px 4px;font-size:8px}.dev-panel .dev-btn{padding:6px 8px;font-size:10px;border:1px solid var(--card-border);background:#ffffff0d;color:var(--fg);border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:center}.dev-panel .dev-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.dev-panel .dev-btn.is-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.dev-panel .seo-list{list-style:none;padding:0;margin:3px 0 0;font-size:8px;width:100%}.dev-panel .seo-list li{word-break:break-all}.dev-panel .seo-list code{color:var(--muted)}.arrow{display:inline-block;width:11px;text-align:center}.arrow.up{color:#ef4444}.arrow.down{color:#22c55e}