.sandbox-bar{position:fixed;inset:0 0 auto;z-index:1000;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;background:#153d32;color:#fff;font:12px system-ui;box-shadow:0 1px 6px #0002}.sandbox-bar>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sandbox-bar strong{font-size:11px;letter-spacing:.1em}.sandbox-bar button{background:#fff;color:#153d32;border:0;border-radius:6px;padding:7px 12px;font:inherit;cursor:pointer}.sandbox-bar span{opacity:.8}.sandbox-mode{padding-top:64px}.sandbox-mode .sidebar{top:64px;height:calc(100vh - 64px)}.sandbox-dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #d8e0dc;border-radius:16px;padding:24px;color:#183c32}.sandbox-dialog::backdrop{background:#15251f88}.sandbox-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.sandbox-dialog textarea{display:block;width:100%;margin:8px 0 16px;padding:12px;border:1px solid #c9d3cd;border-radius:8px;box-sizing:border-box;font:inherit}.sandbox-dialog article{padding:12px 0;border-bottom:1px solid #e3e9e5}.sandbox-dialog article p{white-space:pre-wrap;margin:0 0 8px}.sandbox-dialog small{color:#64756b}.sandbox-dialog p{line-height:1.5}@media(max-width:700px){.sandbox-bar{padding:8px 12px}.sandbox-bar span{display:none}.sandbox-mode{padding-top:64px}.sandbox-bar>div{gap:8px}}@media print{.sandbox-bar,.sandbox-dialog{display:none!important}}