.studio{background:#f4f6fa;color:#162135;min-height:100vh;font:16px/1.5 Arial,Helvetica,sans-serif}.studio header{height:84px;background:#132039;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.6px}.brandmark{background:#c4f476;color:#172536;width:40px;height:40px;display:grid;place-items:center;border-radius:11px}.brandlight{font-size:17px;font-weight:400;color:#b8c5d9;letter-spacing:0}.account{display:flex;gap:8px;align-items:center;font-size:14px;color:#e2e8f3}.studio main{max-width:1280px;margin:auto;padding:40px 36px 20px}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px!important;font-weight:700;letter-spacing:1.3px;color:#667895;margin:0 0 8px}h1{font-size:36px;letter-spacing:-1.4px;font-weight:700;line-height:1.2;margin:0 0 9px}h2{font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}h3{font-weight:700;font-size:18px;margin:0 0 4px}.muted{color:#64718a;margin:0}.status{display:flex;align-items:center;gap:7px;background:#e7ebf2;border:1px solid #d6dce7;border-radius:30px;padding:8px 13px;font-size:14px;white-space:nowrap}.setup-banner{background:#e8edff;border:1px solid #c8d5ff;padding:18px 22px;border-radius:12px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;color:#314579}.setup-banner>div{display:flex;gap:15px;align-items:center}.setup-banner strong{font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:.15s;border:1px solid transparent}.button:hover{filter:brightness(.95)}.button:disabled{opacity:.5;cursor:not-allowed}.white{background:white;color:#293d68;border-color:#d5def7}.primary{background:#315beb;color:white}.outline{background:white;border-color:#d9e0ed;color:#253b61}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:0;background:white;border:1px solid #dce2ec;border-radius:12px;margin:25px 0 27px;padding:22px 0}.stats>div{padding:0 25px;border-right:1px solid #e5e9f0}.stats>div:last-child{border:0}.stats span{font-size:12px;letter-spacing:.8px;font-weight:700;color:#708098;display:block}.stats strong{font-size:34px;line-height:1.3;display:block;letter-spacing:-1px}.stats small{font-size:13px;color:#788399}.stat-note{display:flex;align-items:center;gap:17px;color:#51638a}.stat-note strong{font-size:17px;letter-spacing:0}.stat-note p{font-size:15px}.navtabs{border-bottom:1px solid #d5ddea!important;width:100%!important;justify-content:flex-start!important;border-radius:0!important;height:auto!important;gap:22px!important;margin-bottom:23px!important;padding:0!important}.navtabs [role=tab]{flex:0!important;padding:13px 3px!important;font-size:15px!important;border-radius:0!important}.navtabs [role=tab][data-state=active]{color:#315beb!important}.workspace{display:grid;grid-template-columns:1.22fr 1fr;gap:25px}.panel{background:#fff;border:1px solid #dce2ec;border-radius:12px;padding:26px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.pill{background:#eff2f8;border:1px solid #e0e5ef;border-radius:5px;font-size:13px;padding:3px 9px;color:#6b7891}.studio label{display:block;font-size:14px;font-weight:700;margin:0 0 19px}.studio input,.studio textarea,.studio select{display:block;border:1px solid #ced6e5;background:#fbfcfe;border-radius:7px;padding:11px 12px;width:100%;font:400 14px/1.6 Arial,sans-serif;color:#213450;margin-top:7px}.studio textarea{resize:vertical}.studio input:focus,.studio textarea:focus,.studio select:focus{outline:2px solid #7695fa;outline-offset:1px}.studio small{display:block;color:#708098;font-size:13px;font-weight:400;margin-top:6px}.safety-row{background:#f5f8f0;border:1px solid #e3ead8;color:#526246;border-radius:7px;padding:12px;display:flex;align-items:center;gap:9px;font-size:13px;margin:18px 0}.safety-row span{flex:1}.workspace>.panel>.button{width:100%}.preview{background:#fafbff}.chat{border:1px solid #dde4ef;border-radius:12px;background:white;padding:18px}.chat-header{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf0f6;padding-bottom:17px;font-size:14px}.chat-header small{margin:0}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#14223b;color:#c4f476;border-radius:50%;font-size:23px;font-weight:800}.chat-bubble{margin:23px 0 10px 28px;background:#395cea;color:white;border-radius:17px 17px 3px 17px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.preview-note{text-align:center;font-size:12px;color:#7b87a0;margin:18px 0 0}.test{margin-top:23px}.test .button{width:100%;margin-top:14px}.test p{font-size:14px}.empty{text-align:center;min-height:300px;display:grid;align-content:center;justify-items:center;gap:12px}.empty p{color:#6d7d95;max-width:500px}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#14223b;color:white;padding:15px 22px;border-radius:9px;box-shadow:0 8px 25px #14223b30;max-width:90vw;display:flex;gap:20px;z-index:50}.notice button{cursor:pointer;font-size:22px}footer{display:flex;justify-content:space-between;margin-top:35px;border-top:1px solid #dbe2ec;padding-top:20px;color:#7a879c;font-size:12px;letter-spacing:.7px}footer span{letter-spacing:0}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.inline{display:flex;gap:12px;align-items:center}.error-box{background:#fff0ee;color:#a23224;padding:12px;border:1px solid #f1c9c4;border-radius:7px;margin:15px 0;font-size:14px}.codebox{font:13px/1.7 monospace;overflow-wrap:anywhere;background:#f2f5fa;border-radius:6px;padding:12px;margin:12px 0}.steps{display:grid;gap:17px;list-style:decimal;padding-left:20px;color:#516482;font-size:14px}.steps strong{color:#20334e}.steps a{color:#315beb;text-decoration:underline}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.good{background:#e7f4dd;color:#42612c}.live{background:#dceec8;border-color:#b9d49d;color:#42612c}@media(max-width:850px){.workspace,.connection-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:23px}.stats>div:nth-child(2){border:0}.titlebar{align-items:flex-start}.titlebar h1{font-size:29px}.brandlight{display:none}.setup-banner{align-items:flex-start}.studio main{padding:26px 18px}.stat-note{font-size:14px}}@media(max-width:540px){.titlebar,.setup-banner{flex-direction:column}.account{font-size:12px}.studio header{height:70px}.panel{padding:20px}.stats>div{padding:0 17px}.stats small{font-size:12px}.navtabs{gap:17px!important}.chat-bubble{margin-left:10px}footer span{display:none}.inline{flex-wrap:wrap}}
.multi-main{max-width:1240px;margin:auto}.multi-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.account-picker{font-size:12px}.account-picker select,.multi-shell select{display:block;max-width:100%;padding:10px;border:1px solid #ccd5d0;border-radius:8px;background:white;color:#18382e}.rule-list{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.rule-card{border:1px solid #cad8d1;border-radius:12px;padding:16px;text-align:left;background:white;cursor:pointer}.rule-card.selected{border:2px solid #256c50;background:#eef7f1}.rule-card small{display:block;margin-top:6px;color:#52675b}.legacy-wrap>.studio>header,.legacy-wrap>.studio>footer{display:none}.legacy-wrap>.studio>main{padding:0}.multi-shell .check-label{display:flex;gap:10px;align-items:center;margin:20px 0}.multi-shell .check-label input{width:18px;height:18px;margin:0}.multi-events article{padding:15px 0;border-bottom:1px solid #dce5df;overflow-wrap:anywhere}.multi-shell .chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere}.multi-shell .panel>p{margin:12px 0}.multi-shell input,.multi-shell textarea{max-width:100%}.multi-shell footer{text-align:center;padding:30px}.multi-shell .workspace{align-items:start}@media(max-width:700px){.multi-shell>header{flex-wrap:wrap;gap:14px}.account-picker{order:3;width:100%}.account-picker select{width:100%}.rule-card{width:100%}.multi-main{padding:22px 14px!important}.multi-toolbar .button{flex:1}.multi-shell h1{font-size:28px}.multi-shell .panel{padding:20px}}