.preview-container{width:min(100% - 40px,1080px);margin:0 auto;padding:56px 0 64px;min-height:calc(100vh - 140px)}.preview-heading{margin:0 0 30px}.preview-heading h1{margin:10px 0 14px;font-size:42px;letter-spacing:-.05em}.preview-heading p{max-width:660px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.preview-badge{display:inline-block;padding:6px 10px;border:1px solid #dce4ff;border-radius:6px;background:#edf2ff;color:#4763b5;font-size:12px;font-weight:700}.preview-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.preview-sidebar{padding:20px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.preview-sidebar h2{margin:0 12px 14px;font-size:13px;color:var(--muted)}.preview-menu{display:block;width:100%;padding:12px;border:0;border-radius:9px;background:transparent;text-align:left;color:#7b8799;font:inherit;font-size:14px}.preview-menu:disabled{cursor:not-allowed}.preview-menu--current{margin-bottom:6px;background:#eef2ff;color:var(--accent)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preview-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.preview-card h2{margin:0 0 10px;font-size:19px}.preview-card p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.8}.preview-action{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:#f3f5f9;color:#718096;font:inherit;font-size:13px;cursor:not-allowed}.preview-note{margin:24px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:14px;line-height:1.8}.preview-home{display:inline-flex;align-items:center;margin-top:28px;padding:12px 16px;border-radius:9px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;text-decoration:none}.preview-home:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.preview-simple{max-width:780px}.preview-placeholder{display:grid;gap:14px;margin-top:28px}.preview-placeholder .preview-card{min-height:160px}.preview-card .preview-badge{margin-bottom:14px}@media(max-width:760px){.preview-container{width:calc(100% - 30px);padding:38px 0 48px}.preview-heading h1{font-size:32px}.preview-layout{grid-template-columns:1fr;gap:18px}.preview-sidebar{padding:16px}.preview-sidebar h2{margin-left:0}.preview-menu{width:auto;display:inline-block;padding:10px;font-size:13px}.preview-grid{grid-template-columns:1fr}.preview-card{padding:21px}.preview-note{padding:16px}.preview-home{min-height:44px}}