.share-actions{display:flex;align-items:center;gap:8px;margin-left:14px;position:relative;letter-spacing:0}
.share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font:600 12px Segoe UI,Arial,sans-serif;padding:10px 14px;white-space:nowrap}
#share-project{background:#d4b584;color:#1e2c2e;border-color:#d4b584}#share-project:hover{background:#e6c997}
#share-status{position:absolute;top:100%;right:0;margin:3px 0 0;color:#9df5d8;font:10px Segoe UI,Arial,sans-serif;white-space:nowrap}
#share-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100% - 40px);padding:27px;border:1px solid #587077;border-radius:12px;background:#13232b;color:#e2eae7;box-shadow:0 24px 90px #0009}
#share-dialog::backdrop{background:#02090ed9;backdrop-filter:blur(5px)}#share-dialog form{display:flex;justify-content:flex-end;margin:-10px -10px 0 0}#share-dialog form button{font-size:19px;padding:6px 12px;min-height:40px}
#share-dialog h2{font-size:28px;margin:3px 0 12px}#share-dialog p{font-size:13px;color:#adc0c6;line-height:1.7}#share-dialog label{display:block;font-size:12px;margin:24px 0 8px}#public-share-url{width:100%;border:1px solid #536f77;border-radius:5px;background:#0b1820;color:#b5f0db;font:14px/1.5 Segoe UI,sans-serif;padding:13px 12px}#copy-dialog-link{margin-top:15px;min-height:44px;font-size:13px;padding:12px 20px}#share-dialog #share-dialog-status{color:#9df5d8;font-size:12px;min-height:20px;margin:12px 0 0}
@media(max-width:700px){header{height:auto;min-height:76px;flex-wrap:wrap;gap:10px;padding:14px 18px 22px}.header-right{gap:0}.header-right .device,.header-right>.status-dot{display:none}.share-actions{margin-left:0}.share-actions button{min-height:44px}.brand{gap:10px}.brand svg{width:24px}}
@media(max-width:420px){header{justify-content:flex-start}.header-right{margin-left:auto}.share-actions button{padding:9px 11px}.share-actions svg{display:none}}