.dev-panel{z-index:9999;font-family:var(--font-primary);color:var(--color-text-primary);position:fixed;bottom:12px;left:12px}.dev-panel-toggle{border-radius:var(--radius-full);background:var(--color-bg-light);border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;transition:border-color .15s;display:inline-flex;box-shadow:0 2px 6px #0000000f}.dev-panel-toggle:hover{border-color:var(--color-brand-accent)}.dev-panel[data-status=paid] .dev-panel-tag{color:var(--success-500)}.dev-panel[data-status=free] .dev-panel-tag{color:var(--info-500)}.dev-panel[data-status=logged-out] .dev-panel-tag{color:var(--color-text-muted-2)}.dev-panel-body{background:var(--color-bg-light);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001a}.dev-panel-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted-2);font-size:10px;font-weight:var(--weight-semibold);padding:4px 8px 2px}.dev-panel-option{text-align:left;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--weight-medium);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:6px 10px;transition:background-color .15s}.dev-panel-option:hover{background:var(--grey-100)}.dev-panel-option.active{background:var(--offwhite-200);color:var(--color-text-primary);font-weight:var(--weight-semibold)}.dev-panel-hint{color:var(--color-text-muted-2);border-top:1px solid var(--color-border-divider);margin-top:2px;padding:6px 8px 2px;font-size:10px;line-height:1.4}.dev-panel-section{border-bottom:1px solid var(--color-border-divider);flex-direction:column;gap:2px;margin-bottom:2px;padding-bottom:8px;display:flex}.dev-panel-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:4px}@media (width<=767px),(orientation:landscape) and (height<=500px) and (pointer:coarse){.dev-panel{display:none!important}}