.mdp-demo [hidden]{display:none!important}.mdp-note{color:var(--color-muted);margin:-1rem 0 1.5rem;font-size:.8125rem}.mdp-grid{grid-template-areas:"side""stage""status";gap:1.5rem;display:grid}@media (width>=960px){.mdp-grid{grid-template:"side stage""status stage"1fr/300px 1fr;align-items:start;column-gap:3rem}}.mdp-side{grid-area:side}.mdp-stage{flex-wrap:wrap;grid-area:stage;align-items:flex-start;gap:1.5rem;min-width:0;display:flex}.mdp-status{min-height:3.2em;color:var(--color-body);grid-area:status;margin:0;font-size:.9375rem;line-height:1.8}.mdp-steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mdp-step{text-align:left;border:1px solid var(--color-hair);background:var(--color-card);width:100%;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.9375rem;font-weight:600;display:flex}.mdp-step:hover{background:var(--color-primary-tint)}.mdp-step[aria-current=step]{border-color:var(--color-primary-deep);background:var(--color-primary-tint)}.mdp-step__n{background:var(--color-primary-tint);width:1.6rem;height:1.6rem;color:var(--color-primary-deep);border-radius:7px;flex:none;place-items:center;font-size:.8125rem;display:grid}.mdp-step[aria-current=step] .mdp-step__n{background:var(--color-primary);color:#fff}.mdp-keys{margin-top:.75rem}.mdp-reset{border:1px solid var(--color-hair);background:var(--color-card);color:var(--color-body);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-size:.8125rem}.mdp-phone{background:var(--color-ink);width:260px;box-shadow:var(--shadow-card);border-radius:42px;flex:none;padding:9px}.mdp-screen{background:var(--color-card);border-radius:34px;height:520px;position:relative;overflow:hidden}.mdp-bar{height:34px;color:var(--color-ink);align-items:center;padding:0 22px;font-size:12px;font-weight:600;display:flex}.mdp-page{flex-direction:column;display:flex;position:absolute;inset:34px 0 0}.mdp-url{background:var(--color-band);color:var(--color-muted);text-align:center;border-radius:10px;margin:0 14px;padding:6px 10px;font-size:11px}.mdp-article{flex:1;padding:14px 16px;overflow:hidden}.mdp-article h3{color:var(--color-ink);margin:0 0 .6rem;font-size:15px;line-height:1.5}.mdp-article p{color:var(--color-body);margin:0 0 .6rem;font-size:12px;line-height:1.8}.mdp-tool{border-top:1px solid var(--color-hair);place-items:center;height:48px;display:grid}.mdp-share{width:40px;height:40px;color:var(--color-primary-deep);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.mdp-share svg{width:24px;height:24px}.mdp-share:disabled{cursor:default}.mdp-demo[data-phase=page] .mdp-share{box-shadow:0 0 0 2px var(--color-primary)}.mdp-sheet{background:var(--color-band);border-radius:18px 18px 0 0;padding:14px 12px 20px;transition:transform .28s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 24px #1030301f}.mdp-demo[data-phase=sheet] .mdp-sheet{transform:none}.mdp-sheet__head{border-bottom:1px solid var(--color-hair);flex-direction:column;gap:2px;padding:0 4px 12px;display:flex}.mdp-sheet__head b{color:var(--color-ink);font-size:12px}.mdp-sheet__head span{color:var(--color-muted);font-size:11px}.mdp-apps{justify-content:space-between;padding-top:12px;display:flex}.mdp-app{width:56px;color:var(--color-body);flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.mdp-app__ic{background:var(--color-card);border:1px solid var(--color-hair);width:52px;height:52px;color:var(--color-muted);border-radius:12px;place-items:center;display:grid}.mdp-app__ic svg{fill:currentColor;width:24px;height:24px}.mdp-app--md{font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.mdp-app--md img{border-radius:12px;width:52px;height:52px}.mdp-demo[data-phase=sheet] .mdp-app--md img{box-shadow:0 0 0 2px var(--color-card), 0 0 0 4px var(--color-primary)}.mdp-saving{background:var(--color-card);color:var(--color-muted);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;transition:opacity .2s,visibility .2s;display:flex;position:absolute;inset:0}.mdp-saving b{color:var(--color-ink);font-size:14px}.mdp-saving__svc{color:var(--color-primary-deep);margin-top:6px}.mdp-demo[data-phase=saving] .mdp-saving,.mdp-demo[data-phase=stub] .mdp-saving{opacity:1;visibility:visible}.mdp-spin{border:3px solid var(--color-primary-tint);border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;margin-bottom:8px;animation:.9s linear infinite mdp-spin}@keyframes mdp-spin{to{transform:rotate(360deg)}}.mdp-folder{border:1px solid var(--color-hair);background:var(--color-card);border-radius:12px;flex:280px;min-width:0;padding:1rem 1.1rem}.mdp-folder__h{color:var(--color-ink);flex-direction:column;margin:0 0 .75rem;font-size:.8125rem;font-weight:600;display:flex}.mdp-folder__h span{font:400 .75rem var(--app-mono);color:var(--color-muted)}.mdp-empty{color:var(--color-muted);margin:0;font-size:.8125rem}.mdp-file__name{background:var(--color-primary-tint);color:var(--color-ink);overflow-wrap:anywhere;border-radius:8px;margin:0 0 .5rem;padding:.4rem .6rem;font-size:.8125rem;font-weight:600}.mdp-md{background:var(--color-band);color:var(--color-body);font:.75rem/1.7 var(--app-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:.75rem}@media (prefers-reduced-motion:reduce){.mdp-sheet,.mdp-saving{transition:none}.mdp-spin{animation:none}}