body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.app{display:flex;flex-direction:column;height:100vh}.header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-bottom:1px solid #e5e5e5;display:flex;height:60px;justify-content:space-between;padding:0 25px}.title{font-size:18px;font-weight:600}.controls button{background:#e5e5ea;border:none;border-radius:10px;cursor:pointer;margin-left:8px;padding:8px 14px;transition:all .2s ease}.controls button:hover{background:#d1d1d6}.controls .primary{background:#009be3;color:#fff}.controls .primary:hover{background:#005ecb}.main{display:flex;flex:1 1;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e3710013;border-right:1px solid #e5e5e5;padding:15px;width:180px}.controls .dete{background:#e37100;color:#fff}.controls .dete:hover{background:#c16000}.sidebar button{background:#009fe3;border:none;border-radius:12px;color:#fff;cursor:pointer;margin-bottom:12px;padding:10px;transition:all .2s ease;width:100%}.sidebar button:hover{background:#0098cb;transform:translateY(-1px)}.canvas{background:#fafafa;flex:1 1;position:relative}.status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-top:1px solid #e5e5e5;display:flex;font-size:14px;height:45px;padding:0 20px}.node{stroke:#0071e3}.flow-edge{animation:flow 1.2s linear infinite}.popup{animation:popupFade 3s forwards;background:#0071e3;border-radius:12px;bottom:20px;box-shadow:0 8px 20px #00000026;color:#fff;padding:12px 18px;position:fixed;right:20px}@keyframes popupFade{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.node{fill:#fff;stroke:#e37100;stroke-width:2;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));transition:all .2s ease}.node:hover{transform:scale(1.01)}.selected{fill:#e6fdff;stroke:#00b9e3;stroke-width:3;filter:drop-shadow(0 0 10px rgba(0,113,227,.4))}.deadlock{fill:#ff3b30;stroke:#ff3b30;filter:drop-shadow(0 0 14px rgba(255,59,48,.6))}.edge{stroke-dasharray:6;animation:flow 2s linear infinite}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.island{animation:slideUp .4s ease;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffffbf,#ffffff8c);border:1px solid #fff6;border-radius:24px;bottom:40px;box-shadow:0 20px 40px #00000026,inset 0 1px 1px #fff9;font-size:14px;left:50%;line-height:1.6;max-width:90%;padding:22px 26px;position:fixed;transform:translateX(-50%);width:420px}.island:hover{transform:translateX(-50%) scale(1.02);transition:.2s ease}.island.danger{background:linear-gradient(135deg,#ff3b301f,#ff3b300f);border:1px solid #ff3b3033;color:#1d1d1f}.island .title{color:#ff3b30;font-size:16px;font-weight:600;margin-bottom:10px}.section{margin-top:10px}ul{margin:6px 0 0 18px;padding:0}li{color:#333;margin-bottom:4px}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(80px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.island.info{background:#0071e314;border:1px solid #0071e333;color:#0071e3}*{box-sizing:border-box}body{overflow-x:hidden}button{-webkit-tap-highlight-color:transparent}@media (max-width:1024px){.sidebar{padding:10px;width:140px}.header{padding:0 15px}.controls button{font-size:13px;padding:6px 10px}.island{padding:18px;width:90%}}@media (max-width:768px){.main{height:100vh;overflow:hidden}.header,.main{flex-direction:column}.header{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border-bottom:1px solid #00000014;box-shadow:0 6px 20px #00000014,inset 0 1px 0 #fff9;gap:10px;height:auto;padding:12px 14px;position:sticky;top:0;z-index:100}.title{font-size:15px;font-weight:600;text-align:center}.controls{display:flex;gap:8px;width:100%}.controls button{background:#0000000d;border-radius:12px;flex:1 1;font-size:12px;font-weight:500;padding:8px;transition:all .2s ease}.controls button:active{transform:scale(.96)}.controls .dete{background:linear-gradient(135deg,#ff9500,#ff6a00);box-shadow:0 4px 10px #ff95004d;color:#fff}.controls .primary{background:linear-gradient(135deg,#009be3,#005ecb);box-shadow:0 4px 10px #009be34d;color:#fff}.sidebar{border-bottom:1px solid #e5e5e5;border-right:none;display:flex;gap:8px;padding:8px;width:100%}.sidebar button{flex:1 1;font-size:12px;padding:8px}.canvas{flex:1 1;height:calc(100vh - 170px);min-height:280px;overflow:hidden;position:relative;touch-action:none;width:100vw}.canvas svg{height:100%;width:100%}.canvas *{max-height:100%;max-width:100%}.status{font-size:12px;padding:0 10px}.popup{bottom:10px;font-size:12px;padding:10px 14px;right:10px}.island{border-radius:18px;bottom:12px;font-size:13px;padding:14px;width:92%}.island .title{font-size:14px}}@media (max-width:480px){.controls button,.sidebar button{font-size:11px;padding:6px}.title{font-size:14px}.canvas{height:calc(100vh - 160px)}.island{font-size:12px;padding:12px}}
/*# sourceMappingURL=main.6333433f.css.map*/