.mechanics-entry{position:fixed;right:.75rem;bottom:calc(5.25rem + env(safe-area-inset-bottom));z-index:8500;min-width:44px;min-height:44px;border:2px solid #294f61;border-radius:999px;background:#f7fbfc;color:#173541;font-weight:800;box-shadow:0 4px 18px #102a3540}
.mechanics-shade{position:fixed;inset:auto .5rem calc(.5rem + env(safe-area-inset-bottom)) auto;z-index:8600;width:min(30rem,calc(100vw - 1rem));max-height:min(82vh,48rem);overflow:auto;overscroll-behavior:contain;background:#f7fbfc;color:#173541;border:2px solid #294f61;border-radius:1rem;box-shadow:0 12px 38px #102a3560;padding:1rem}
.mechanics-shade[hidden]{display:none}.mechanics-shade header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:sticky;top:-1rem;background:#f7fbfc;padding:.75rem 0;z-index:1}.mechanics-shade h2,.mechanics-shade h3{margin:.35rem 0}.mechanics-shade button,.mechanics-shade a{min-height:44px}.mechanics-close{min-width:44px;border-radius:999px}.mechanics-status{display:inline-flex;align-items:center;gap:.35rem;font-weight:800}.mechanics-card{border:1px solid #8da5ae;border-radius:.75rem;padding:.75rem;margin:.65rem 0;background:#fff;color:#173541}.mechanics-grid{display:grid;grid-template-columns:minmax(8rem,42%) minmax(0,1fr);gap:.3rem .65rem;margin:0}.mechanics-grid dt{font-weight:800}.mechanics-grid dd{margin:0;overflow-wrap:anywhere}.mechanics-controls{display:flex;flex-wrap:wrap;gap:.5rem}.mechanics-control-link{display:inline-flex;align-items:center;padding:.55rem .75rem;border:1px solid #426979;border-radius:.55rem;color:#134f69;background:#fff;font-weight:750;text-decoration:none}.mechanics-warning{border-left:4px solid #aa6500;padding-left:.65rem}.mechanics-bounds [data-page-component],.mechanics-bounds [data-mechanics-component]{outline:2px dashed #7a3e9d!important;outline-offset:2px}.mechanics-zones [data-layout-zone]::before{content:attr(data-layout-zone);display:block;font:700 .7rem/1.2 system-ui;color:#5e267b;background:#f2e7f8;padding:.15rem .3rem;width:max-content}.mechanics-touch button,.mechanics-touch a,.mechanics-touch input,.mechanics-touch select{outline:2px dotted #006b56!important}.mechanics-labels [data-page-component]::after{content:attr(data-page-component) " · " attr(data-layout-source);display:block;font:700 .7rem/1.2 system-ui;color:#173541;background:#dcecf2;padding:.18rem .3rem;overflow-wrap:anywhere}
@media(max-width:640px){.mechanics-shade{inset:auto .25rem .25rem;width:calc(100vw - .5rem);max-height:78vh}.mechanics-entry{right:.5rem;bottom:calc(4.75rem + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.mechanics-entry,.mechanics-shade{scroll-behavior:auto;transition:none!important}}