.mockframe.svelte-enj680{font-family:var(--font-sans);color:var(--color-ink);border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #1c1c180a,0 18px 40px -24px #1c1c1859}.mf-shell.svelte-enj680{min-height:320px;display:flex}.mf-side.svelte-enj680{border-inline-end:1px solid var(--color-hairline);background:var(--color-canvas);flex-shrink:0;width:116px;padding:10px 8px}.mf-ws.svelte-enj680{align-items:center;gap:7px;padding:4px 6px 10px;display:flex}.mf-ws-mark.svelte-enj680{background:var(--color-ink);width:18px;height:18px;color:var(--color-surface);border-radius:5px;justify-content:center;align-items:center;font-size:9px;font-weight:500;display:inline-flex}.mf-ws-name.svelte-enj680{font-size:12px;font-weight:500}.mf-nav.svelte-enj680{flex-direction:column;gap:1px;display:flex}.mf-nav-item.svelte-enj680{color:var(--color-secondary);border-radius:6px;align-items:center;gap:8px;padding:5px 7px;font-size:11px;display:flex}.mf-nav-item.mf-active.svelte-enj680{background:var(--color-hairline);color:var(--color-ink)}.mf-main.svelte-enj680{flex-direction:column;flex:1;min-width:0;display:flex}.mf-top.svelte-enj680{border-bottom:1px solid var(--color-hairline);align-items:center;gap:10px;height:38px;padding-inline:14px;display:flex}.mf-title.svelte-enj680{white-space:nowrap;font-size:12px;font-weight:500}.mf-ref.svelte-enj680{font-family:var(--font-mono);color:var(--color-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}@media (width<=700px){.mf-ref.svelte-enj680{display:none}}.mf-preview.svelte-enj680{letter-spacing:.08em;text-transform:uppercase;color:var(--color-tertiary);border:1px solid var(--color-hairline);border-radius:99px;margin-inline-start:auto;padding:2px 8px;font-size:9px}.mf-body.svelte-enj680{background:var(--color-surface);flex:1;padding:14px}@media (width<=480px){.mf-side.svelte-enj680{width:92px}}