#element-inspector.element-card{position:absolute;z-index:8;right:18px;bottom:calc(80px + env(safe-area-inset-bottom));display:block;width:min(310px,calc(100vw - 36px));max-width:310px;max-height:min(60vh,430px);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid rgba(213,204,180,.22);border-radius:13px;background:rgba(28,36,33,.97);color:#eeeae0;box-shadow:0 15px 45px #0006;backdrop-filter:blur(18px)}
#element-inspector.element-card[hidden]{display:none!important}
.element-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.element-card-eyebrow{display:block;margin-bottom:5px;color:#cdbd98;font:700 9px system-ui;letter-spacing:.09em}.element-card-head h2{margin:0;color:#f4f0e5;font:400 21px Georgia,'Times New Roman',serif}.element-card-head #element-close{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:7px;border:1px solid rgba(213,204,180,.2);border-radius:8px;background:#29312d;color:#eeeae0}.element-card-head #element-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.element-card-fields{display:grid;gap:0;margin:14px 0 0}.element-card-fields>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid rgba(213,204,180,.15)}.element-card-fields>div[hidden]{display:none}.element-card-fields dt{flex:none;color:#a9b3aa;font:400 11px system-ui}.element-card-fields dd{min-width:0;margin:0;color:#f0eee7;text-align:right;overflow-wrap:anywhere;font:600 12px system-ui;font-variant-numeric:tabular-nums}.element-card-note{margin:4px 0 0;color:#a9b3aa;font:400 10px/1.5 system-ui}.element-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}.element-card-actions button{min-width:0;min-height:36px;padding:7px 4px;border:1px solid rgba(213,204,180,.2);border-radius:8px;background:#29312d;color:#eeeae0;font:600 10px system-ui}.element-card-actions button:hover,.element-card-head #element-close:hover{background:#353d36;border-color:#bbae907a}.element-card-actions button:focus-visible,.element-card-head #element-close:focus-visible{outline:2px solid #d7c8a3;outline-offset:2px}
html[data-theme=light] #element-inspector.element-card{background:rgba(249,248,244,.98);border-color:#bcc9bc;color:#27332f;box-shadow:0 15px 45px #273c2c2b}html[data-theme=light] .element-card-head h2{color:#25352d}html[data-theme=light] .element-card-eyebrow{color:#78623e}html[data-theme=light] .element-card-fields>div{border-color:#d3d9d1}html[data-theme=light] .element-card-fields dt,html[data-theme=light] .element-card-note{color:#586b5e}html[data-theme=light] .element-card-fields dd{color:#273b2f}html[data-theme=light] .element-card-actions button,html[data-theme=light] .element-card-head #element-close{background:#f0eee9;border-color:#c2ccc2;color:#273b2f}html[data-theme=light] .element-card-actions button:hover,html[data-theme=light] .element-card-head #element-close:hover{background:#e1e9df;border-color:#91a894}html[data-theme=light] .element-card-actions button:focus-visible,html[data-theme=light] .element-card-head #element-close:focus-visible{outline-color:#506e56}
@media(max-width:700px){#element-inspector.element-card{left:8px;right:8px;bottom:calc(var(--mobile-dock-height,48px) + 16px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:min(43vh,320px);padding:13px}.element-card-head h2{font-size:19px}.element-card-fields{margin-top:10px}.element-card-fields>div{padding:7px 0}.element-card-actions{margin-top:9px}.element-card-actions button{min-height:40px}}
@media(forced-colors:active){#element-inspector.element-card{forced-color-adjust:auto}.element-card-actions button:focus-visible,.element-card-head #element-close:focus-visible{outline-color:Highlight}}
/* Keep selected-element details beside the scene, above all dock states. */
#element-inspector.element-card{top:90px;right:18px;bottom:auto!important}
@media(max-width:700px){#element-inspector.element-card{top:66px;left:auto;right:8px;bottom:auto!important;width:min(310px,calc(100vw - 16px));max-width:310px;max-height:min(43vh,calc(100dvh - var(--mobile-dock-height,48px) - 190px));overflow:auto}}