:root{--ink:#18181b;--muted:#71717a;--canvas:#f4f4f5;--panel:#27272a;--accent:#7c3aed;--accent-blue:#3b82f6;--line:#d4d4d8;--font:"Be Vietnam Pro", system-ui, sans-serif;color:var(--ink);background:var(--canvas);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{background:var(--canvas);grid-template-rows:auto 1fr auto;height:100%;display:grid;overflow:hidden}.workspace-row{grid-template-columns:1fr;min-height:0;display:grid}.workspace-row.with-notes{grid-template-columns:1fr minmax(260px,320px)}.topbar{z-index:5;background:#fffffff5;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .9rem;display:flex}.topbar-left,.topbar-right{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.brand-block{min-width:0;line-height:1.15;display:grid}.brand-title{color:#18181b;font-size:.95rem}.brand-sub{color:#71717a;font-size:.72rem}.topbar-title{min-width:140px;max-width:220px;color:var(--ink);background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;outline:none;padding:.35rem .55rem;font-weight:500}.usage-pill{color:#92400e;background:#fef3c7;border-radius:999px;padding:.28rem .55rem;font-size:.78rem;font-weight:600}.usage-pill.is-pro{color:#166534;background:#dcfce7}.tb-btn{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:.3rem .55rem;font-size:.85rem}.tb-btn:disabled{opacity:.4;cursor:not-allowed}.tb-btn:hover:not(:disabled){background:#fafafa;border-color:#d4d4d8}.tb-btn.is-active{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.tb-buy{color:#fff;background:#7c3aed;border-color:#7c3aed;font-weight:600}.tb-buy:hover{background:#6d28d9;border-color:#6d28d9}.tb-zoom{text-align:center;min-width:2.6rem;color:var(--muted);font-size:.8rem}.workspace{min-height:0;position:relative}.export-toast{z-index:20;color:#fff;background:#18181b;border-radius:10px;padding:.55rem .85rem;font-size:.85rem;position:absolute;top:1rem;right:1rem}.mind-canvas{cursor:grab;touch-action:none;background-color:#f8fafc;background-image:radial-gradient(900px 500px at 8% -10%,#c7d2fe73,#0000 55%),radial-gradient(780px 460px at 100% 110%,#a7f3d047,#0000 50%),radial-gradient(#94a3b86b 1.15px,#0000 1.15px);background-size:auto,auto,22px 22px;position:absolute;inset:0}.mind-canvas:active{cursor:grabbing}.mind-world{transform-origin:0 0;width:0;height:0;position:absolute;top:50%;left:50%}.mind-links{pointer-events:none;z-index:0;position:absolute;overflow:visible}.mind-node{z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;text-align:center;letter-spacing:.01em;border:1.5px solid #ffffff80;border-radius:999px;place-items:center;padding:.8rem 1.2rem;transition:box-shadow .18s,border-color .18s;display:grid;position:absolute;box-shadow:0 1px 2px #0f172a0f,0 10px 28px #0f172a1a}.mind-node.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.mind-node.kind-branch{border:1.5px solid #0f172a0f;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 22px #0f172a14}.mind-node.kind-root{letter-spacing:.03em;border-color:#ffffff47;box-shadow:0 2px 4px #0f172a14,0 14px 36px #4f46e538}.mind-node.is-selected{border-color:#818cf8;box-shadow:0 0 0 3px #818cf847,0 12px 28px #0f172a1f}.mind-node.has-image{border-radius:16px;gap:.4rem;padding:.55rem .7rem .7rem}.note-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px;box-shadow:0 0 0 2px #fffc}.mind-node-image{object-fit:cover;pointer-events:none;border-radius:10px;width:100%;max-height:100px;display:block}.mind-node-text{white-space:pre-wrap;word-break:break-word;line-height:1.35}.mind-node-text-btn{color:inherit;font:inherit;font-weight:inherit;cursor:inherit;text-align:center;background:0 0;border:none;width:100%;margin:0;padding:0}.mind-edit-btn{color:#fff;cursor:pointer;z-index:3;background:#18181b;border:none;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:600;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.mind-edit-btn:hover{background:#3f3f46}.mind-placeholder{opacity:.55;font-style:normal;font-weight:500}.mind-node-input{resize:none;width:100%;color:inherit;text-align:center;outline-offset:1px;font:inherit;font-weight:inherit;-webkit-user-select:text;user-select:text;pointer-events:auto;caret-color:currentColor;background:#fff3;border:none;border-radius:8px;outline:2px solid #ffffff59}.mind-plus{color:#fff;cursor:pointer;z-index:2;background:#4f46e5;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:1rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #4f46e566}.mind-plus.left{left:-28px}.mind-plus.right{right:-28px}.mind-plus:hover{filter:brightness(1.08)}.mind-resize{background:var(--accent-blue);pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 3px #0003}.float-toolbar{z-index:8;transform-origin:bottom;pointer-events:auto;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute}.ft-bar{color:#27272a;white-space:nowrap;background:#fff;border:1px solid #e4e4e7;border-radius:12px;align-items:center;gap:.2rem;padding:.28rem .4rem;display:flex;box-shadow:0 8px 24px #18181b1f}.ft-select{appearance:none;color:#27272a;cursor:pointer;background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;padding:.28rem .5rem;font-size:.75rem;font-weight:600;line-height:1.2}.ft-divider{background:#e4e4e7;flex-shrink:0;width:1px;height:18px;margin:0 .2rem}.ft-color-btn{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.ft-color-btn.is-on{border-color:#a78bfa;box-shadow:0 0 0 2px #7c3aed2e}.ft-color-dot{border:1px solid #18181b2e;border-radius:999px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff59}.ft-palette{background:#fff;border:1px solid #e4e4e7;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:.35rem;width:max-content;max-width:min(280px,70vw);padding:.55rem;display:grid;box-shadow:0 10px 28px #18181b24}.ft-swatch{cursor:pointer;border:1px solid #18181b1f;border-radius:6px;width:22px;height:22px;padding:0}.ft-swatch.is-active{outline-offset:1px;outline:2px solid #7c3aed}.ft-shapes{align-items:center;gap:.15rem;display:flex}.ft-btn{color:#3f3f46;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:grid}.ft-btn:hover{background:#f4f4f5}.ft-btn.is-on{color:#6d28d9;background:#ede9fe}.ft-btn.ft-bold{font-family:Georgia,Times New Roman,serif;font-size:.95rem}.ft-btn.ft-danger:hover:not(:disabled){color:#be123c;background:#fee2e2}.ft-btn:disabled{opacity:.35;cursor:not-allowed}.tabbar{z-index:5;background:#fff;border-top:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .65rem;display:flex}.tabbar-scroll{flex:1;align-items:center;gap:.35rem;min-width:0;padding-bottom:.1rem;display:flex;overflow-x:auto}.tab-item{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:10px 10px 0 0;align-items:center;gap:.15rem;padding:.15rem .2rem .15rem .45rem;display:flex}.tab-item.is-active{background:#ede9fe;border-color:#c4b5fd}.tab-label{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;color:#3f3f46;background:0 0;border:none;max-width:160px;padding:.3rem .25rem;font-size:.82rem;overflow:hidden}.tab-close,.tab-add{cursor:pointer;color:#71717a;background:0 0;border:none;border-radius:6px;width:22px;height:22px;font-size:1rem;line-height:1}.tab-close:hover,.tab-add:hover{color:#18181b;background:#e4e4e7}.tab-add{width:28px;height:28px;font-size:1.15rem;font-weight:600}.tabbar-hint{color:#a1a1aa;white-space:nowrap;margin:0;font-size:.72rem}.modal-backdrop{z-index:50;background:#18181b73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(440px,100%);padding:1.4rem 1.35rem 1.25rem;position:relative;box-shadow:0 24px 60px #18181b40}.modal-kicker{color:#7c3aed;margin:0 0 .35rem;font-size:.85rem;font-weight:600}.modal-card h1,.modal-card h2{margin:0 0 .45rem;font-size:1.35rem;line-height:1.25}.modal-sub{color:#52525b;margin:0 0 1rem;font-size:.92rem;line-height:1.45}.login-form{gap:.7rem;display:grid}.login-form label{color:#3f3f46;gap:.3rem;font-size:.85rem;font-weight:500;display:grid}.login-form input{color:#18181b;pointer-events:auto;-webkit-user-select:text;user-select:text;box-sizing:border-box;background:#fff;border:1px solid #d4d4d8;border-radius:10px;outline:none;width:100%;padding:.6rem .75rem}.login-form input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed26}.password-field{display:grid;position:relative}.password-field input{padding-right:2.6rem}.password-toggle{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:2rem;height:2rem;padding:0;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-toggle:hover{color:#7c3aed;background:#f4f4f5}.form-error{color:#be123c;margin:0;font-size:.85rem}.btn-main{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;padding:.7rem 1rem;font-weight:600}.btn-main:hover{background:#6d28d9}.btn-ghost{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:.65rem 1rem}.login-foot{color:#71717a;margin-top:1rem;font-size:.82rem}.login-foot a,.contact-line a{color:#7c3aed;font-weight:600;text-decoration:none}.modal-close{cursor:pointer;color:#71717a;background:0 0;border:none;font-size:1.4rem;position:absolute;top:.55rem;right:.65rem}.bank-box{background:#fafafa;border:1px solid #e4e4e7;border-radius:14px;gap:.55rem;margin-bottom:.85rem;padding:.85rem 1rem;display:grid}.bank-box>div{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.bank-box span{color:#71717a}.bank-note{color:#3f3f46;border-top:1px dashed #e4e4e7;margin-top:.2rem;padding-top:.55rem;font-size:.85rem!important;display:block!important}.contact-line{color:#52525b;margin:0 0 1rem;font-size:.88rem}.ft-shapes{gap:.2rem;display:flex}.admin-unlock{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;gap:.45rem;margin-bottom:.9rem;padding:.75rem .85rem;display:grid}.admin-unlock label{color:#334155;gap:.3rem;font-size:.85rem;font-weight:500;display:grid}.admin-unlock input{border:1px solid #d4d4d8;border-radius:10px;outline:none;padding:.55rem .7rem}.paywall-actions{gap:.5rem;display:grid}.template-card{width:min(720px,100%)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem;max-height:min(58vh,480px);padding-right:.15rem;display:grid;overflow:auto}.template-item{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #e4e4e7;border-radius:14px;gap:.35rem;padding:.85rem .9rem;transition:border-color .15s,transform .15s,background .15s;display:grid}.template-item:hover{background:#fff;border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.template-swatch{border-radius:999px;width:100%;height:10px}.template-name{color:#0f172a;font-size:.95rem;font-weight:700}.template-desc{color:#64748b;font-size:.8rem;line-height:1.35}.auth-screen{background-color:#f4f4f5;background-image:radial-gradient(#d4d4d8 1.2px,#0000 1.2px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.auth-tabs{background:#f4f4f5;border-radius:12px;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.9rem;padding:.25rem;display:grid}.auth-tabs button{cursor:pointer;color:#71717a;background:0 0;border:none;border-radius:9px;padding:.55rem;font-weight:600}.auth-tabs button.is-active{color:#18181b;background:#fff;box-shadow:0 1px 3px #00000014}.remember-row{color:#3f3f46;align-items:center;gap:.5rem;font-size:.82rem!important;font-weight:500!important;display:flex!important}.remember-row input{width:auto}.tiny{color:#a1a1aa;margin:.35rem 0 0;font-size:.75rem}.notes-panel{background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;min-height:0;padding:.85rem;display:flex}.notes-panel.is-empty{justify-content:center}.notes-head{justify-content:space-between;gap:.5rem;margin-bottom:.65rem;display:flex}.notes-title{margin:0;font-size:.95rem;font-weight:700}.notes-node{color:#71717a;margin:.15rem 0 0;font-size:.8rem}.notes-hint{color:#71717a;margin:.5rem 0 0;font-size:.85rem;line-height:1.45}.notes-close{cursor:pointer;background:#f4f4f5;border:none;border-radius:8px;width:28px;height:28px;font-size:1.1rem}.notes-input{resize:none;border:1px solid #e4e4e7;border-radius:12px;outline:none;flex:1;min-height:180px;padding:.75rem;line-height:1.5}.notes-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed1f}@media (width<=720px){.topbar{flex-wrap:wrap}.ft-bar{max-width:92vw;overflow-x:auto}.ft-palette{grid-template-columns:repeat(6,1fr)}.tabbar-hint{display:none}.workspace-row.with-notes{grid-template-rows:1fr 40%;grid-template-columns:1fr}.notes-panel{border-top:1px solid #e4e4e7;border-left:none}}