.profile-menu{position:relative}.demo-reset-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;background:#fff;border:1px solid #e1e7e4;border-radius:12px;padding:6px;min-width:150px;box-shadow:0 8px 28px #12382518}.demo-reset-menu[hidden]{display:none}.demo-reset-menu button{border:0;background:transparent;padding:10px 14px;width:100%;text-align:left;border-radius:7px;font:inherit;font-size:13px;cursor:pointer;color:#263b30}.demo-reset-menu button:hover{background:#eef7f1}.demo-reset-dialog{width:min(400px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #e2e9e4;border-radius:20px;padding:28px;box-shadow:0 24px 80px #0e2c3030;font:inherit;color:#202a25}.demo-reset-dialog::backdrop{background:#142b2360}.demo-reset-dialog h2{font-size:21px;margin:0 0 24px;font-weight:700}.demo-reset-dialog p:empty{display:none}.demo-reset-dialog p{font-size:13px;line-height:1.6}.demo-reset-dialog>div{display:flex;justify-content:flex-end;gap:8px}.demo-reset-dialog button,.demo-reset-notice button{font:inherit;font-size:14px;font-weight:600;border:1px solid #d7dfda;border-radius:9px;padding:10px 16px;background:white;cursor:pointer}.demo-reset-dialog [data-reset-confirm]{background:#0d743f;border-color:#0d743f;color:white}.demo-reset-dialog button:disabled{opacity:.6;cursor:wait}.demo-reset-notice{position:fixed;inset:16px 16px auto auto;z-index:99999;background:#fff;border:1px solid #bcd9c8;padding:14px;border-radius:12px;box-shadow:0 8px 30px #1234;font-size:14px}

.demo-storage-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:hidden;border:1px solid #e2e9e4;border-radius:18px;padding:24px;box-shadow:0 16px 56px #163b2524;background:#fff;color:#283a30;font:inherit}
.demo-storage-dialog::backdrop{background:#142b2355}
.demo-storage-dialog header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px}
.demo-storage-dialog h2{font-size:21px;line-height:1.4;margin:0 0 8px}
.demo-storage-dialog header p{margin:0;font-size:13px;line-height:1.6;color:#66776d}
.demo-storage-dialog button{font:inherit;font-size:13px;border:1px solid #dde5e0;border-radius:8px;background:#fff;padding:8px 12px;cursor:pointer;color:#384c40}
.demo-storage-dialog button:hover{background:#f4f8f5}
.demo-storage-dialog button:focus-visible{outline:2px solid #22844f;outline-offset:3px}
.demo-storage-dialog [data-storage-close]{min-width:34px;flex-shrink:0}
.demo-storage-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
.demo-storage-metrics>div{display:grid;gap:8px;padding:16px;background:#f7faf8;border:1px solid #e4ebe6;border-radius:12px}
.demo-storage-metrics span,.demo-storage-metrics small{font-size:12px;color:#697a6f}
.demo-storage-metrics strong{font-size:26px;font-weight:650;color:#245f3e}
.demo-storage-dialog table{width:100%;border-collapse:collapse;font-size:13px}
.demo-storage-dialog caption{text-align:left;font-weight:600;margin-bottom:12px}
.demo-storage-dialog th,.demo-storage-dialog td{padding:10px 8px;border-bottom:1px solid #edf0ee;text-align:right;font-weight:400}
.demo-storage-dialog th:first-child{text-align:left}
.demo-storage-dialog thead th{color:#6d7b72;font-size:12px}
.demo-storage-site{font-size:13px;color:#506657;margin:20px 0 8px}
.demo-storage-note,.demo-storage-dialog [data-storage-status]{font-size:12px;line-height:1.65;color:#6c7a71;margin:8px 0}
.demo-storage-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:480px){.demo-storage-dialog{padding:20px 16px}.demo-storage-metrics{grid-template-columns:1fr}.demo-storage-dialog th,.demo-storage-dialog td{padding:9px 4px}}

.demo-storage-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.demo-storage-dialog [data-storage-content]{min-height:0;overflow:auto}