:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.app-layout{height:100vh;width:100vw;background:#f0f2f5}.header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3195fa,#1677ff);padding:0 24px;color:#fff;height:64px;box-shadow:0 2px 8px #00000026;position:relative;z-index:1000}.header-nav{flex:1;display:flex;align-items:center;margin-left:40px}.nav-link{color:#ffffffd9!important;font-size:15px!important;font-weight:500!important;padding:0 16px!important;height:64px!important;display:flex!important;align-items:center!important;transition:all .3s;border-radius:0!important}.nav-link:hover,.nav-link:focus,.nav-link-active{color:#fff!important;background:#ffffff1a}.nav-link svg{margin-left:6px;font-size:12px}.header-right a{color:#ffffffd9;transition:color .3s;display:flex;align-items:center;padding:8px;border-radius:4px}.header-right a:hover{color:#fff;background:#ffffff1a}.logo{font-size:18px;font-weight:700;color:#fff}.sidebar-left{background:#fff;border-right:1px solid #f0f0f0;overflow-y:auto;margin:16px 0;border-radius:8px;box-shadow:0 2px 8px #00000026;height:calc(100vh - 96px)!important}.sidebar-right{background:#fff;border-left:1px solid #f0f0f0;padding:16px;overflow-y:auto;margin:16px 0;border-radius:8px;box-shadow:0 2px 8px #00000026;height:calc(100vh - 96px)!important}.canvas-container{flex:1;background:#f5f5f5;position:relative;overflow:hidden;height:calc(100vh - 64px)}#container{width:100%;height:100%}.dnd-item{cursor:grab;padding:10px;margin-bottom:8px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;transition:all .3s;display:flex;align-items:center;gap:10px}.dnd-item:hover{border-color:#1677ff;box-shadow:0 2px 8px #00000026}.dnd-item:active{cursor:grabbing}.dnd-item.active-edge-type{border-color:#1677ff;background-color:#e6f7ff}.x6-widget-selection-box{border:2px dashed #1677ff}.category-panel>.ant-collapse-content>.ant-collapse-content-box{padding:0!important}.sub-collapse .ant-collapse-header{padding-left:24px!important;background:#fafafa;font-size:13px}.sub-collapse .ant-collapse-content-box{padding:12px 12px 0!important;background:#fff}.attack-website-embedded .header .logo,.attack-website-embedded .header .header-right{display:none!important}.attack-website-embedded .header{background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;position:fixed!important;top:8px!important;left:480px!important;z-index:2000!important;width:auto!important}.attack-website-embedded .header .header-nav{margin-left:0!important;display:flex!important;gap:0!important}.attack-website-embedded .header .nav-link{color:#ffffffd9!important;font-size:15px!important;font-weight:500!important;padding:0 16px!important;height:48px!important;display:flex!important;align-items:center!important;border-radius:0!important;background:transparent!important;border:none!important}.attack-website-embedded .header .nav-link:hover{color:#fff!important;background:#ffffff1a!important}.attack-website-embedded .canvas-container{height:calc(100vh - 64px)!important}.attack-website-embedded .sidebar-left,.attack-website-embedded .sidebar-right{height:calc(100vh - 96px)!important;margin:16px 0!important}