.storage-viewport[data-v-591ec813]{--demo-panel:var(--surface);--demo-field:var(--surface-2);--demo-line:var(--line-strong);--demo-blue:var(--blue);--demo-warning:#fbbf24;border:1px solid var(--demo-line);background:var(--bg);width:100%;max-width:680px;height:350px;color:var(--text);box-shadow:var(--panel-shadow);border-radius:15px;margin-inline:auto;position:relative;overflow:hidden}html:has(#docs-light-theme:checked) .storage-viewport[data-v-591ec813]{--demo-warning:#92400e}.camera[data-v-591ec813]{transform-origin:0 0;will-change:transform;width:1120px;height:760px}.stage-open .camera[data-v-591ec813]{animation:10s ease-in-out infinite camera-open-591ec813;transform:translate(-165px,-155px)scale(.92)}.stage-choose .camera[data-v-591ec813]{animation:11s ease-in-out infinite camera-choose-591ec813;transform:translate(-370px,-290px)scale(1)}.stage-persist .camera[data-v-591ec813]{animation:9s ease-in-out infinite camera-persist-591ec813;transform:translate(-370px,-50px)scale(1)}.app-canvas[data-v-591ec813]{background:var(--demo-field);width:1120px;height:760px;font:13px/1.45 ui-sans-serif,system-ui,sans-serif;position:relative}.app-sidebar[data-v-591ec813]{background:var(--demo-panel);border-right:1px solid var(--demo-line);flex-direction:column;width:154px;padding:23px 15px;display:flex;position:absolute;inset:0 auto 0 0}.brand[data-v-591ec813]{letter-spacing:-.04em;margin-bottom:38px;font-size:19px}.app-chat-line[data-v-591ec813]{background:var(--demo-field);border-radius:9px;height:25px;margin-bottom:12px}.app-chat-line.short[data-v-591ec813]{width:72%}.app-sidebar-bottom[data-v-591ec813]{border:1px solid var(--demo-line);color:var(--muted);border-radius:11px;align-items:center;gap:9px;margin-top:auto;padding:12px 10px;font-weight:750;display:flex;position:relative}.app-background[data-v-591ec813]{position:absolute;inset:0 0 0 154px}.app-toolbar[data-v-591ec813]{border-bottom:1px solid var(--demo-line);background:var(--demo-panel);height:62px}.app-empty-chat[data-v-591ec813]{border:1px dashed var(--demo-line);border-radius:20px;width:340px;height:210px;margin:190px auto}.settings-window[data-v-591ec813]{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:22px;grid-template-columns:220px 670px;width:890px;height:690px;display:grid;position:absolute;top:36px;left:170px;overflow:hidden;box-shadow:0 24px 70px #0005}.stage-open .settings-window[data-v-591ec813]{animation:10s ease-in-out infinite window-enter-591ec813}.settings-sidebar[data-v-591ec813]{background:var(--demo-field);border-right:1px solid var(--demo-line);flex-direction:column;display:flex;position:relative}.settings-heading[data-v-591ec813]{border-bottom:1px solid var(--demo-line);align-items:center;gap:9px;min-height:70px;padding:15px;display:flex}.settings-icon[data-v-591ec813]{border:1px solid var(--demo-line);background:var(--demo-panel);width:35px;height:35px;color:var(--demo-blue);border-radius:10px;place-items:center;display:grid}.settings-heading strong[data-v-591ec813]{font-size:17px}.settings-heading small[data-v-591ec813]{color:var(--muted);margin-left:auto;font-size:10px}.settings-nav[data-v-591ec813]{align-content:start;gap:5px;padding:14px;display:grid}.settings-nav>div[data-v-591ec813]{min-height:42px;color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:10px 13px;font-weight:750;display:flex}.settings-nav .storage-nav[data-v-591ec813]{border-color:var(--demo-line);background:var(--demo-panel);color:var(--demo-blue);position:relative}.settings-footer[data-v-591ec813]{border-top:1px solid var(--demo-line);color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:14px;font-size:11px;display:flex}.theme-dot[data-v-591ec813]{border:2px solid var(--demo-line);border-radius:50%;width:17px;height:17px}.settings-main[data-v-591ec813]{background:var(--demo-panel);min-width:0}.settings-content[data-v-591ec813]{padding:28px}.settings-content section[data-v-591ec813]{margin:0 0 28px}.settings-content h3[data-v-591ec813]{border-bottom:1px solid var(--demo-line);align-items:center;gap:9px;margin:0 0 15px;padding-bottom:12px;font-size:18px;display:flex}.settings-content h3 svg[data-v-591ec813]{color:var(--demo-blue);flex:none}.durability-card[data-v-591ec813]{border:1px solid var(--demo-line);background:var(--demo-field);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:15px 18px;display:grid}.durability-copy[data-v-591ec813]{grid-row:span 2;gap:4px;display:grid}.durability-copy strong[data-v-591ec813]{font-size:14px}.durability-copy span[data-v-591ec813]{color:var(--muted);font-size:11px}.durability-copy .persistence-result[data-v-591ec813]{color:var(--green);align-items:center;gap:5px;font-weight:800;display:none}.durability-status[data-v-591ec813],.enable-action[data-v-591ec813]{justify-self:end;display:grid;position:relative}.durability-status>span[data-v-591ec813],.enable-action>span[data-v-591ec813]{grid-area:1/1;justify-content:center;align-items:center;gap:5px;display:flex}.durability-status>span[data-v-591ec813]{border-radius:6px;padding:3px 7px;font-size:10px;font-weight:850}.status-before[data-v-591ec813]{background:color-mix(in srgb,#f59e0b 14%,var(--demo-panel));color:var(--demo-warning)}.status-after[data-v-591ec813]{opacity:0;background:color-mix(in srgb,var(--green) 15%,var(--demo-panel));color:var(--green)}.enable-action>span[data-v-591ec813]{border-radius:9px;min-width:92px;padding:8px 11px;font-size:11px;font-weight:850}.enable-before[data-v-591ec813]{color:#fff;background:#2563eb}.enable-after[data-v-591ec813]{opacity:0;background:color-mix(in srgb,var(--green) 15%,var(--demo-panel));color:var(--green)}.stage-persist .status-before[data-v-591ec813],.stage-persist .enable-before[data-v-591ec813]{animation:9s linear infinite old-persistence-591ec813}.stage-persist .status-after[data-v-591ec813],.stage-persist .enable-after[data-v-591ec813]{animation:9s linear infinite new-persistence-591ec813}.backup-card[data-v-591ec813]{border:1px solid var(--demo-line);background:var(--demo-field);border-radius:18px;align-items:center;gap:12px;padding:15px 18px;font-weight:750;display:flex}.backup-card>svg[data-v-591ec813]{color:var(--demo-blue)}.secondary-action[data-v-591ec813]{border:1px solid var(--demo-line);background:var(--demo-panel);color:var(--text);border-radius:9px;margin-left:auto;padding:8px 12px;font-size:11px}.field-label[data-v-591ec813]{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:850}.provider-grid[data-v-591ec813]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.provider-card[data-v-591ec813]{border:2px solid var(--demo-line);background:var(--demo-panel);border-radius:15px;flex-direction:column;min-width:0;min-height:164px;padding:14px;display:flex;position:relative}.provider-top[data-v-591ec813]{justify-content:space-between;align-items:center;min-height:25px;margin-bottom:12px;display:flex}.provider-top svg[data-v-591ec813]{color:var(--muted)}.provider-top em[data-v-591ec813]{color:var(--green);font-size:9px;font-style:normal;font-weight:850}.provider-card strong[data-v-591ec813]{overflow-wrap:anywhere;font-size:14px;line-height:1.3}.provider-card p[data-v-591ec813]{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.45}.opfs-card[data-v-591ec813]{border-color:var(--demo-blue);background:color-mix(in srgb,var(--demo-blue) 10%,var(--demo-panel))}.stage-choose .opfs-card[data-v-591ec813]{animation:11s linear infinite unselect-opfs-591ec813}.stage-choose .memory-card[data-v-591ec813]{animation:11s linear infinite select-memory-591ec813}.stage-persist .opfs-card[data-v-591ec813]{border-color:var(--demo-line);background:var(--demo-panel)}.stage-persist .memory-card[data-v-591ec813]{background:color-mix(in srgb,#a855f7 11%,var(--demo-panel));border-color:#a855f7}.storage-note[data-v-591ec813]{border:1px solid color-mix(in srgb,var(--demo-blue) 25%,var(--demo-line));background:color-mix(in srgb,var(--demo-blue) 7%,var(--demo-panel));color:var(--muted);border-radius:11px;margin-top:12px;padding:11px 14px;font-size:11px}.window-close[data-v-591ec813]{color:var(--muted);position:absolute;top:17px;right:17px}.confirm-layer[data-v-591ec813]{opacity:0;pointer-events:none;background:#0008;place-items:center;display:grid;position:absolute;inset:0}.stage-choose .confirm-layer[data-v-591ec813]{animation:11s linear infinite confirm-appear-591ec813}.confirm-dialog[data-v-591ec813]{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:17px;width:440px;padding:22px;box-shadow:0 18px 50px #0006}.confirm-dialog strong[data-v-591ec813]{font-size:16px}.confirm-dialog p[data-v-591ec813]{color:var(--muted);font-size:13px}.confirm-actions[data-v-591ec813]{justify-content:flex-end;gap:9px;margin-top:16px;font-weight:800;display:flex}.confirm-actions>span[data-v-591ec813]{border-radius:8px;padding:9px 13px}.confirm-primary[data-v-591ec813]{color:#fff;background:#2563eb;position:relative}.pointer[data-v-591ec813]{z-index:4;fill:var(--demo-panel);color:var(--text);filter:drop-shadow(0 1px 2px #0009);pointer-events:none;position:absolute;bottom:-10px;right:2px}.app-pointer[data-v-591ec813]{animation:10s linear infinite app-pointer-591ec813}.nav-pointer[data-v-591ec813]{animation:10s linear infinite nav-pointer-591ec813}.choice-pointer[data-v-591ec813]{animation:11s linear infinite choice-pointer-591ec813}.confirm-pointer[data-v-591ec813]{animation:11s linear infinite confirm-pointer-591ec813}.enable-pointer[data-v-591ec813]{animation:9s linear infinite enable-pointer-591ec813}@keyframes camera-open-591ec813{0%,21%{transform:translateY(-380px)scale(.92)}37%,to{transform:translate(-165px,-155px)scale(.92)}}@keyframes camera-choose-591ec813{0%,12%{transform:translate(-165px,-155px)scale(.92)}28%,42%{transform:translate(-370px,-290px)scale(1)}54%,72%{transform:translate(-380px,-165px)scale(1)}86%,to{transform:translate(-370px,-290px)scale(1)}}@keyframes camera-persist-591ec813{0%,12%{transform:translate(-370px,-290px)scale(1)}31%,to{transform:translate(-370px,-50px)scale(1)}}@keyframes window-enter-591ec813{0%,25%{opacity:0;transform:translateY(8px)}38%,to{opacity:1;transform:none}}@keyframes unselect-opfs-591ec813{0%,31%{border-color:var(--demo-blue);background:color-mix(in srgb,var(--demo-blue) 10%,var(--demo-panel))}39%,to{border-color:var(--demo-line);background:var(--demo-panel)}}@keyframes select-memory-591ec813{0%,31%{border-color:var(--demo-line);background:var(--demo-panel)}39%,to{background:color-mix(in srgb,#a855f7 11%,var(--demo-panel));border-color:#a855f7}}@keyframes confirm-appear-591ec813{0%,43%,76%,to{opacity:0}50%,69%{opacity:1}}@keyframes old-persistence-591ec813{0%,48%{opacity:1}62%,to{opacity:0}}@keyframes new-persistence-591ec813{0%,48%{opacity:0}62%,to{opacity:1}}@keyframes app-pointer-591ec813{0%,8%,25%,to{opacity:0;transform:translate(10px,10px)}13%,20%{opacity:1;transform:none}}@keyframes nav-pointer-591ec813{0%,43%,66%,to{opacity:0;transform:translate(10px,10px)}50%,58%{opacity:1;transform:none}}@keyframes choice-pointer-591ec813{0%,28%,44%,to{opacity:0;transform:translate(10px,10px)}34%,39%{opacity:1;transform:none}}@keyframes confirm-pointer-591ec813{0%,58%,74%,to{opacity:0;transform:translate(10px,10px)}64%,69%{opacity:1;transform:none}}@keyframes enable-pointer-591ec813{0%,40%,59%,to{opacity:0;transform:translate(10px,10px)}47%,53%{opacity:1;transform:none}}@media (width<=620px){.storage-viewport[data-v-591ec813]{height:320px}.stage-open .camera[data-v-591ec813]{animation-name:camera-open-mobile-591ec813;transform:translate(-130px,-100px)scale(.9)}.stage-choose .camera[data-v-591ec813]{animation-name:camera-choose-mobile-591ec813;transform:translate(-657px,-230px)scale(.9)}.stage-persist .camera[data-v-591ec813]{animation-name:camera-persist-mobile-591ec813;transform:translate(-350px)scale(.9)}.confirm-dialog[data-v-591ec813]{width:330px;padding:16px}.confirm-dialog strong[data-v-591ec813]{font-size:14px}.confirm-dialog p[data-v-591ec813]{font-size:12px}.confirm-actions[data-v-591ec813]{gap:5px;margin-top:10px;font-size:11px}.confirm-actions>span[data-v-591ec813]{padding:7px 9px}.durability-copy .persistence-result[data-v-591ec813]{opacity:0;display:flex}.stage-persist .persistence-result[data-v-591ec813]{animation:9s linear infinite persistence-result-591ec813}@keyframes camera-open-mobile-591ec813{0%,21%{transform:translateY(-430px)scale(.9)}37%,to{transform:translate(-130px,-100px)scale(.9)}}@keyframes camera-choose-mobile-591ec813{0%,12%{transform:translate(-130px,-100px)scale(.9)}28%{transform:translate(-350px,-230px)scale(.9)}41%{transform:translate(-657px,-230px)scale(.9)}54%,72%{transform:translate(-367px,-180px)scale(.9)}86%,to{transform:translate(-657px,-230px)scale(.9)}}@keyframes camera-persist-mobile-591ec813{0%,12%{transform:translate(-657px,-230px)scale(.9)}31%{transform:translate(-350px)scale(.9)}56%,77%{transform:translate(-650px)scale(.9)}87%,to{transform:translate(-350px)scale(.9)}}@keyframes persistence-result-591ec813{0%,62%{opacity:0}72%,to{opacity:1}}}html:has(#docs-pause-motion:checked) .storage-viewport[data-v-591ec813] *{animation:none!important}html:has(#docs-pause-motion:checked) .storage-viewport[data-v-591ec813] :before{animation:none!important}html:has(#docs-pause-motion:checked) .storage-viewport[data-v-591ec813] :after{animation:none!important}html:has(#docs-pause-motion:checked) .stage-open .settings-window[data-v-591ec813]{opacity:1;transform:none}html:has(#docs-pause-motion:checked) .stage-choose .opfs-card[data-v-591ec813]{border-color:var(--demo-line);background:var(--demo-panel)}html:has(#docs-pause-motion:checked) .stage-choose .memory-card[data-v-591ec813]{background:color-mix(in srgb,#a855f7 11%,var(--demo-panel));border-color:#a855f7}:is(html:has(#docs-pause-motion:checked) .stage-persist .status-after[data-v-591ec813],html:has(#docs-pause-motion:checked) .stage-persist .enable-after[data-v-591ec813],html:has(#docs-pause-motion:checked) .stage-persist .persistence-result[data-v-591ec813]){opacity:1}:is(html:has(#docs-pause-motion:checked) .stage-persist .status-before[data-v-591ec813],html:has(#docs-pause-motion:checked) .stage-persist .enable-before[data-v-591ec813]){opacity:0}html:has(#docs-pause-motion:checked) .pointer[data-v-591ec813]{display:none}@media (prefers-reduced-motion:reduce){.storage-viewport[data-v-591ec813] *,.storage-viewport[data-v-591ec813] :before,.storage-viewport[data-v-591ec813] :after{animation:none!important}.stage-open .settings-window[data-v-591ec813]{opacity:1;transform:none}.stage-choose .opfs-card[data-v-591ec813]{border-color:var(--demo-line);background:var(--demo-panel)}.stage-choose .memory-card[data-v-591ec813]{background:color-mix(in srgb,#a855f7 11%,var(--demo-panel));border-color:#a855f7}.stage-persist .status-after[data-v-591ec813],.stage-persist .enable-after[data-v-591ec813],.stage-persist .persistence-result[data-v-591ec813]{opacity:1}.stage-persist .status-before[data-v-591ec813],.stage-persist .enable-before[data-v-591ec813]{opacity:0}.pointer[data-v-591ec813]{display:none}}.walkthrough-step[data-v-9aac2364],.guide-limits[data-v-9aac2364]{border-top:1px solid var(--line);margin-top:36px;padding-top:22px}.walkthrough-step h2[data-v-9aac2364],.guide-limits h2[data-v-9aac2364]{margin-top:0}.walkthrough-step>p[data-v-9aac2364]{margin-bottom:0}.walkthrough-step .guide-figure[data-v-9aac2364]{margin:18px 0 0}.walkthrough-step figcaption[data-v-9aac2364]{max-width:670px;margin-inline:auto}.guide-limits ul[data-v-9aac2364]{padding-left:1.4em}.guide-limits li[data-v-9aac2364]{margin:10px 0}