.manual-notes-hero{border-radius:32px;padding:48px;background:#ffffff;border:1px solid rgba(226,232,240,.9);box-shadow:0 20px 45px rgba(15,23,42,.08)}.manual-notes-hero-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:9999px;border:1px solid rgba(99,102,241,.4);padding:.35rem 1rem;background:white;color:#4c1d95;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em}.manual-notes-card-soft{border-radius:24px;background:white;border:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px rgba(15,23,42,.05)}.manual-notes-panel-heading{font-size:.85rem;font-weight:600;color:#0f172a}.manual-notes-panel-text{font-size:.78rem;color:#475569}.manual-notes-outline-button{border-radius:9999px;border:1px solid rgba(99,102,241,.4);background:transparent;color:#4c1d95}.manual-notes-pill{border-radius:9999px;background:#f4f4f5;padding:.4rem .9rem;font-size:.78rem;font-weight:600;color:#3f3f46}.manual-notes-outline-card{border-radius:22px;border:1px solid rgba(226,232,240,.7);background:#f9fafb}.editor-shell{border-radius:28px;border:1px solid rgba(226,232,240,.9);background:#fff;box-shadow:0 25px 60px rgba(15,23,42,.08);padding:32px}.editor-toolbar-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:9999px;background:#f4f4f5;color:#3f3f46;font-size:.78rem;font-weight:600}.editor-outline{border-left:2px solid rgba(226,232,240,.9);padding-left:1rem;font-size:.8rem;color:#475569}.workflow-step{border-radius:20px;border:2px solid rgba(226,232,240,.8);background:#fff;padding:1.25rem;transition:all .2s ease;cursor:pointer}.workflow-step:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,.08)}.workflow-step.active{border-color:#818cf8;box-shadow:0 12px 30px rgba(79,70,229,.15);background:linear-gradient(180deg,#ffffff,#f8fafc)}.two-column-tool{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preview-card{border-radius:20px;border:1px solid rgba(226,232,240,.9);background:#fff;padding:1.25rem;box-shadow:inset 0 0 0 1px rgba(248,250,252,.7)}.step-banner{border-radius:9999px;background:linear-gradient(90deg,#f4f4f5,#f8fafc);padding:.6rem 1.5rem;font-size:.8125rem;font-weight:700;color:#1e293b;display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(226,232,240,.6);letter-spacing:.01em}.autosave-tip{border-radius:12px;background:linear-gradient(90deg,#fef3c7,#fde68a);border:1px solid rgba(251,191,36,.5);padding:.65rem 1rem;font-size:.8125rem;font-weight:600;color:#78350f;white-space:nowrap}