.dev-banner{appearance:none;color:#fff;cursor:pointer;font:inherit;letter-spacing:.06em;text-transform:uppercase;transform-origin:100% 100%;white-space:nowrap;z-index:10000;background:repeating-linear-gradient(-45deg,#1d4ed8 0 8px,#f5c518 8px 16px);border:0;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;position:fixed;top:50%;right:0;transform:rotate(-90deg)translate(50%);box-shadow:0 2px 8px #00000040}.dev-banner>span{background:#000000b3;border-radius:4px;padding:1px 6px}.dev-banner[data-hovered]>span{background:#000000d9}.dev-banner[data-focus-visible]{outline-offset:2px;outline:2px solid #fff}.dev-banner--stage{background:repeating-linear-gradient(-45deg, var(--hrat-primary) 0 8px, var(--hrat-ink) 8px 16px);cursor:default;pointer-events:none}@media (max-width:640px){.dev-banner{left:env(safe-area-inset-left,0px);transform-origin:0 100%;z-index:50;gap:4px;padding:1px 8px;font-size:10px;right:auto;transform:rotate(90deg)translate(-50%)}.dev-banner>span{padding:0 6px;line-height:14px}}.dev-account code{font-size:13px}.dev-tips{gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:grid}