.dev-tray{z-index:70;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:12px;right:12px}.dev-tray-items{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;max-height:calc(100dvh - 74px);padding:2px;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:flex;overflow-y:auto;transform:translateY(10px)}.dev-tray[data-open=true] .dev-tray-items{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.dev-tray-gear{color:#fff;cursor:pointer;background:#191e25;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:inline-flex}.dev-tray-gear:hover{background:#2a3340}.dev-tray-gear-icon{width:18px;height:18px;transition:transform .25s}.dev-tray[data-open=true] .dev-tray-gear-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.dev-tray-items,.dev-tray-gear-icon{transition:none}}.dev-labels-toggle{color:#fff;font-family:var(--font-mono,ui-monospace, monospace);white-space:nowrap;cursor:pointer;background:#191e25;border:1px solid #ffffff38;border-radius:8px;padding:6px 11px;font-size:11px;font-weight:700}.dev-labels-toggle:hover{background:#2a3340}.dev-labels-toggle[data-on]:before{content:"";vertical-align:1px;background:#ffffff47;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.dev-labels-toggle[data-on=true]:before{background:#55e08a;box-shadow:0 0 6px #55e08abf}.dev-grid-toggle{border-color:#8cebaa8c}.dev-tray-row{pointer-events:auto;align-items:center;gap:8px;display:flex}.dev-bp-badge{color:#9fd0ff;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;white-space:nowrap;background:#191e25;border:1px solid #ffffff38;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700}:root{--dev-edge:16px}@media (min-width:768px){:root{--dev-edge:24px}}@media (min-width:1024px){:root{--dev-edge:32px}}@media (min-width:1536px){:root{--dev-edge:48px}}.dev-grid-overlay{z-index:65;pointer-events:none;max-width:1760px;padding-inline:var(--dev-edge);margin-inline:auto;position:fixed;inset:0}.dev-grid-overlay:before,.dev-grid-overlay:after{content:"";background:#dc26268c;width:1px;position:absolute;top:0;bottom:0}.dev-grid-overlay:before{left:var(--dev-edge)}.dev-grid-overlay:after{right:var(--dev-edge)}.dev-grid-cols{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;height:100%;display:grid}.dev-grid-cols span{background:#1f49b612;border-inline:1px solid #1f49b633}.dev-el-overlay{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dev-el-box{box-sizing:border-box;outline-offset:-1px;outline:1px dashed #1f49b673;position:absolute;top:0;left:0}.dev-el-tag{color:#fff;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;white-space:nowrap;background:#1f49b6;border-bottom-right-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700;line-height:1.45;position:absolute;top:0;left:0}.dev-el-section,.dev-el-main,.dev-el-aside{outline-color:#007cc373}.dev-el-nav,.dev-el-header,.dev-el-footer{outline-color:#191e2580}.dev-el-nav>.dev-el-tag,.dev-el-header>.dev-el-tag,.dev-el-footer>.dev-el-tag{background:#191e25}.dev-el-h1>.dev-el-tag,.dev-el-h2>.dev-el-tag,.dev-el-h3>.dev-el-tag{background:#007cc3}.dev-el-h1,.dev-el-h2,.dev-el-h3{outline-color:#007cc380}.dev-el-a,.dev-el-button{outline-color:#c1125a8c}.dev-el-a>.dev-el-tag,.dev-el-button>.dev-el-tag{background:#b21e5a}.dev-el-img{outline-color:#107a5099}.dev-el-img>.dev-el-tag{background:#0f7a50}.dev-el-input,.dev-el-textarea,.dev-el-select{outline-color:#b4780099}.dev-el-input>.dev-el-tag,.dev-el-textarea>.dev-el-tag,.dev-el-select>.dev-el-tag{background:#9a6700}@media (max-width:1023px){.dev-tray{bottom:84px}}html[data-dev-labels=on] section[data-section]{position:relative}html[data-dev-labels=on] [data-section]{outline-offset:-1px;outline:1px dashed #b721268c}html[data-dev-labels=on] [data-section]:before{content:attr(data-section);z-index:58;color:#fff;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;pointer-events:none;white-space:nowrap;background:#b72126;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;top:6px;left:6px}.dev-section-list{flex-direction:column;align-items:flex-end;gap:4px;margin:0 0 4px;padding:0;list-style:none;display:flex}.dev-section-jump{color:#e6e8eb;font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;background:#191e25;border:1px solid #ffffff2e;border-radius:6px;padding:4px 9px;font-size:11px}.dev-section-jump:hover{background:#2a3340}.dev-section-jump span{color:#fdba4d}