.site-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px;align-items:start}.site-preview-column{position:sticky;top:90px;min-width:0;box-sizing:border-box}.site-preview-column iframe{display:block;width:100%;height:min(76dvh,850px);border:1px solid #b5e5ee55;border-radius:26px;background:#17232e;box-shadow:0 20px 65px #0004}.site-preview-column p{font-size:13px}.site-design-controls{padding:20px;border:1px solid #c5f5ef33;border-radius:20px;margin:20px 0}.site-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.site-palette-grid button{padding:8px!important;font-size:12px!important;white-space:normal}.site-palette-grid i{display:block;height:30px;background:linear-gradient(115deg,var(--swatch) 60%,var(--swatch-accent) 60%);border:1px solid #fff6;border-radius:9px;margin-bottom:5px}.site-color-fields{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.site-color-fields label{display:grid;gap:6px}.site-color-fields input{width:70px;min-height:42px;padding:3px}.site-design-controls select{display:block;width:100%;margin:6px 0 15px}.agent-access-grid,.agent-goal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin:24px 0}.agent-access-grid .tile,.agent-goal-list .tile{padding:24px;min-width:0}.agent-access-link{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid #a0ece488;text-decoration:none;color:inherit;background:#82d4c81c}.agent-provider-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#bef8ed44,#466ea833);box-shadow:inset 0 1px #fff7,0 6px 18px #0003;font-size:28px}.agent-map-canvas{padding:32px 24px;border:1px solid #b6dcec33;border-radius:28px;background:radial-gradient(ellipse at 50% 0%,#59b8ae22,transparent 65%),radial-gradient(#badde31c 1px,transparent 1px);background-size:auto,24px 24px;margin:22px 0}.agent-brain-node{width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto 36px;text-align:center;border:1px solid #8de7df88;border-radius:24px;padding:22px 36px;box-shadow:0 0 45px #68dcc922,inset 0 1px #fff5;background:#14313bd9}.agent-brain-node>span{font-size:40px;color:#b6f5e9}.agent-map-nodes{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.agent-map-node{position:relative;flex:1 1 240px;max-width:380px;border:1px solid #a8c5cb44;border-radius:20px;padding:22px;background:#14232cdd;overflow-wrap:anywhere}.agent-map-node.working{border-color:#87e7be;box-shadow:0 0 28px #78e7bc22}.agent-map-node.working:before{content:'';position:absolute;width:2px;height:26px;background:#8cebd2;top:-28px;left:50%;animation:agent-flow 1.8s ease-in-out infinite}.agent-state{font-size:12px;text-transform:uppercase;color:#acefd8;letter-spacing:.08em}.agent-map-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;margin:18px 0}.live-indicator{width:9px;height:9px;display:inline-block;border-radius:50%;background:#8f9aa8}.live-indicator.online{background:#8aeab6;box-shadow:0 0 10px #8aeab677}@keyframes agent-flow{50%{opacity:.3;transform:scaleY(.65)}}@media(prefers-reduced-motion:reduce){.agent-map-node.working:before{animation:none}}@media(max-width:1000px){.site-editor-grid{grid-template-columns:minmax(0,1fr)}.site-preview-column{position:static;grid-row:1}.site-preview-column iframe{height:480px;max-width:100%}}