html,body{height:100%;margin:0}body{background:#f3f4f6;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.design-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.route-drawer{background:#0f172a;border-right:1px solid #1e293b;color:#e2e8f0;display:flex;flex-direction:column;gap:14px;max-height:100vh;overflow:auto;padding:16px}.route-brand{display:grid;gap:2px;padding:4px 2px 8px}.route-brand strong{font-size:18px}.route-brand small,.route-drawer small{color:#94a3b8;font-size:12px}.route-drawer section{display:grid;gap:6px}.route-drawer h2{color:#64748b;font-size:11px;letter-spacing:0;margin:10px 0 2px;text-transform:uppercase}.route-drawer a{border:1px solid transparent;border-radius:6px;color:#cbd5e1;display:grid;gap:2px;min-height:34px;padding:8px 10px;text-decoration:none}.route-drawer a:hover,.route-drawer a.active{background:#1e293b;border-color:#334155;color:#fff}.tour-launch{background:#2563eb;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;min-height:38px}.tour-backdrop{background:#020617b8;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:40}.tour-card{background:#fff;border-radius:8px;box-shadow:0 24px 80px #02061747;color:#111827;max-width:520px;width:100%}.tour-card header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.tour-card button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;min-height:32px;min-width:32px}.tour-card ol{color:#4b5563;display:grid;gap:10px;line-height:1.5;margin:0;padding:18px 22px 22px 38px}.design-stage{min-width:0}.design-frame{background:#fff;border:0;display:block;height:100vh;width:100%}.missing-design{align-content:center;background:#f9fafb;display:grid;gap:12px;min-height:100vh;padding:48px}.missing-design span{color:#b45309;font-size:12px;font-weight:800;text-transform:uppercase}.missing-design h1{font-size:34px;line-height:1.1;margin:0}.missing-design p{color:#4b5563;line-height:1.55;margin:0;max-width:760px}.missing-design code{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;padding:2px 6px}@media(max-width:900px){.design-shell{grid-template-columns:1fr}.route-drawer{max-height:44vh}.design-frame{height:100dvh}}