.offline-tools{position:relative;margin-right:auto;font-size:12px;z-index:12}.offline-tools>summary{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #42483a;border-radius:20px;background:#1c2118;color:#b9c5a5;font-size:11px;list-style:none;cursor:pointer;white-space:nowrap}.offline-tools>summary::-webkit-details-marker{display:none}.offline-dot{width:6px;height:6px;border-radius:50%;background:#a5a28a}.offline-tools[data-ready=true] .offline-dot{background:var(--accent)}.offline-popover{position:absolute;top:calc(100% + 9px);left:0;width:310px;max-width:calc(100vw - 40px);padding:20px;background:#22271d;border:1px solid #4c5740;box-shadow:0 18px 60px #0009;border-radius:13px;color:var(--ink)}.offline-popover h2{font:600 17px 'DM Sans',sans-serif;letter-spacing:-.3px;margin:0 0 12px}.offline-popover p{font-size:12px;line-height:1.6;color:#bbc4ae}.offline-popover button{width:100%;margin:5px 0;min-height:40px;border-radius:7px;font-size:12px}.offline-popover .update-note{color:var(--accent);border-top:1px solid var(--line);padding-top:12px}.offline-popover [hidden]{display:none}.offline-popover .device-storage{font-size:10px;color:#9fa78f;margin-bottom:0}@media(max-width:600px){.project-format-bar{flex-wrap:wrap;gap:10px}.offline-tools{width:100%;margin:0}.offline-tools>summary{display:inline-flex;padding:7px 10px;font-size:10px}.offline-popover{width:calc(100vw - 30px);max-width:none}.format-switch{flex-basis:100%}}