*{box-sizing:border-box}html,body,main,#designer{height:100%;margin:0;overflow:hidden}body{font:13px Inter,Segoe UI,sans-serif;color:#dce5f4;background:#101722}.shell{display:grid;grid-template-rows:58px 1fr;height:100%}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#161f2d;border-bottom:1px solid #2a374a}.brand{display:flex;align-items:center;height:40px;margin-right:16px}.brand img{display:block;width:176px;height:auto;max-height:40px;object-fit:contain}.spacer{flex:1}.btn{border:1px solid #34435a;border-radius:6px;background:#202c3d;color:#dce5f4;padding:7px 10px;cursor:pointer}.btn:hover{background:#2a3b52}.primary{background:#3979e8;border-color:#3979e8}.layout{display:grid;grid-template-columns:240px 1fr 280px;min-height:0}.panel{background:#161f2d;border-right:1px solid #2a374a;overflow:auto;padding:12px}.right{border-left:1px solid #2a374a;border-right:0}.panel h3{font-size:11px;letter-spacing:.1em;color:#8fa4c5;margin:16px 0 8px}.search,input,textarea{width:100%;background:#0d1420;border:1px solid #34435a;color:#e6edf7;border-radius:5px;padding:8px}.resource{display:flex;width:100%;gap:8px;align-items:center;padding:7px;border:0;border-radius:5px;background:transparent;color:#dce5f4;cursor:grab;text-align:left}.resource:hover{background:#223046}.resource-icon{width:24px;height:24px;padding:3px;object-fit:contain;flex:0 0 24px;background:linear-gradient(145deg,#fff,#cbd8e8);border:1px solid #a9bad1;border-radius:5px}.resource small{display:block;color:#8fa4c5}.canvas-wrap{position:relative;overflow:hidden;background-color:#111b29;background-image:radial-gradient(#34435a 1px,transparent 1px);background-size:20px 20px}.world{position:absolute;transform-origin:0 0;width:6000px;height:4000px}.node{position:absolute;min-width:130px;min-height:65px;background:#1d2a3c;border:1px solid #4b6382;border-radius:8px;padding:8px;box-shadow:0 3px 10px #0005;cursor:move;user-select:none}.node.selected{outline:2px solid #62a1ff}.node .icon{display:grid;place-items:center;float:left;width:28px;height:28px;margin:0 8px 6px 0;padding:3px;background:linear-gradient(145deg,#fff,#cbd8e8);border:1px solid #a9bad1;border-radius:6px}.node .icon img{width:100%;height:100%;object-fit:contain}.node small{display:block;color:#91a5c3;margin-top:3px}.node-meta{display:block;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fb3df;font-size:11px;font-style:normal;margin-top:6px}.node .resize{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border-right:2px solid #9cb2d0;border-bottom:2px solid #9cb2d0;cursor:nwse-resize}.container-node{background:#31517c22;border:2px dashed #668bc0;border-radius:10px;color:#cfe1ff}.connections{position:absolute;inset:0;pointer-events:none}.prop label{font-size:11px;color:#91a5c3;display:block;margin-top:10px}.chat{border-top:1px solid #2a374a;margin-top:20px;padding-top:10px}.messages{height:170px;overflow:auto;margin:8px 0}.message{padding:5px 0;border-bottom:1px solid #233044}.status{color:#8fa4c5;font-size:12px}.outline{border-top:1px solid #2a374a;margin-top:16px;padding-top:2px}.toast{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#293a52;padding:10px 15px;border-radius:6px;z-index:20}.cursor{position:absolute;color:#fff;font-size:11px;pointer-events:none}.hidden{display:none}