:root{font-family:Inter,"Segoe UI",Arial,sans-serif;--blue:#6260ed;--line:#e5e7f5;--muted:#76819a;color:#283451;background:#eff2ff}body{background:radial-gradient(ellipse at 12% 12%,#dff5ff 0,transparent 45%),radial-gradient(ellipse at 92% 88%,#ece0ff 0,transparent 45%),#f1f3ff}.app-frame{border:1px solid #ffffff;border-radius:19px;box-shadow:0 20px 65px #6262a51a,0 0 0 1px #dce2f4;background:#fff;height:min(790px,calc(100dvh - 48px))}header{background:linear-gradient(110deg,#477fe7,#6761e9 65%,#8b61dc);padding:17px 25px;position:relative}header:after{content:'';position:absolute;right:30%;top:-50px;width:160px;height:160px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.brand{font-size:19px;letter-spacing:-.4px}.brandmark{background:#ffffff22;border:1px solid #ffffff66;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff55;font:24px "Segoe UI",sans-serif;color:#fff;width:35px;height:35px}.brand small{border-color:#ffffff40;color:#ffffffdd;font-size:10px;letter-spacing:1.2px}.free{background:#ffffff1a;border-color:#ffffff44;border-radius:6px}header .secondary{border-color:#ffffff44;background:#ffffff20;box-shadow:inset 0 1px 0 #ffffff22;border-radius:8px}.iconbtn{border-color:#ffffff55;color:white}.tabs{padding:11px 22px;gap:7px;background:#fafbff;border-bottom-color:#eceefa}.tab{border:0;border-radius:9px;padding:10px 17px;color:#7c849e;transition:background .18s,transform .18s,box-shadow .18s}.tab.active{background:#e9eaff;color:#5755cc;box-shadow:inset 0 0 0 1px #dfe0ff}.tab:hover{background:#eff0ff}.tab>span{font-size:17px}.tab b{background:#dde0fb;color:#6461c5;border-radius:5px}.readybar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 27px;background:#fff;border-bottom:1px solid #eef0f8;flex:none}.ready-state{display:flex;align-items:center;gap:9px;font-size:11px;color:#61738b;font-weight:500}.ready-light{width:7px;height:7px;border-radius:50%;background:#2bbda0;box-shadow:0 0 0 4px #2bbda013;animation:breathe 2.5s ease-in-out infinite}.ready-light.attention{background:#e49b41;box-shadow:0 0 0 4px #e49b4118;animation:none}.connect-first{border:1px solid #dddfff;background:#f3f2ff;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:600;color:#6860d3;display:flex;gap:14px;align-items:center;transition:box-shadow .2s,transform .2s}.connect-first:hover{box-shadow:0 3px 12px #756ae922;transform:translateY(-1px)}.notice{background:#f7f8ff;border-color:#e9ebf7;color:#727992}.notice:before{content:none}.viewhead{padding-top:19px}h1{font-size:18px;color:#303954}.draft-badge{display:flex;align-items:center;gap:5px;font-size:10px;color:#8a91a7}.draft-badge>span{width:5px;height:5px;border-radius:50%;background:#a9b2c8}label{color:#6e7892;font-size:11px}input,select{background:#fcfcff;border:1px solid #e0e4f1;border-radius:8px;padding:11px 12px;color:#384364;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#a19afa;box-shadow:0 0 0 3px #eceaff}.messagearea{border-color:#e0e4f1;border-radius:9px 9px 0 0;background:#fcfcff}textarea{background:#fcfcff;border-radius:9px 9px 0 0;padding:18px;color:#384364}textarea:focus{box-shadow:inset 0 0 0 1px #aaa2f5}.editorbar{background:#f8f9ff;border-color:#e0e4f1;border-radius:0 0 9px 9px;padding:7px 12px;color:#929ab0}.textbtn{color:#7b7ba5}.primary{border:0;background:linear-gradient(110deg,#577bef,#8061e7);border-radius:9px;box-shadow:0 5px 13px #7767d528;padding:12px 21px;transition:transform .18s,box-shadow .18s}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #7767d539}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.62;box-shadow:none}.connection{color:#7c81a1}.statusdot{background:#b2b6d7}.statusdot.active{background:#2bbda0}.sendfooter{padding-top:16px;padding-bottom:18px}.framefoot{background:#fcfcff;border-color:#eceefa;padding:5px 25px;color:#9399b0}.setup-meter{display:flex;align-items:center;gap:9px;font-size:9px}#setupTrack{display:block;height:4px;width:48px;background:#e7e8f4;border-radius:5px;overflow:hidden}#setupTrack i{height:100%;display:block;background:linear-gradient(90deg,#7e73e8,#59cdbd);width:0;transition:width .3s}.dropzone{border-color:#c6c4f2;border-radius:12px;background:linear-gradient(140deg,#f4f6ff,#f8f3ff);color:#8073c9}.dropzone>span{display:grid;place-items:center;width:42px;height:42px;background:#ebe7fc;border-radius:13px}.stats strong{color:#7166cf}.progress{background:#ecebfa}.progress>div{background:linear-gradient(90deg,#7476ed,#5dc6d5)}.pill{background:#f4f2ff;color:#8577b8;border-color:#e5def8;border-radius:6px}.secondary{border-radius:8px;border-color:#dbdef0;color:#7269a9}.backend-note{background:#f6f4ff;border-color:#e4def8;color:#8573a5;border-radius:8px}.modalhead h2{color:#514971}dialog{border-color:#e1def1;border-radius:16px}.close{border-radius:8px;color:#8577b8;background:#f3f0fc}#toast{background:#645caa;border-radius:10px}.danger{color:#c66c87}@keyframes breathe{0%,100%{box-shadow:0 0 0 3px #2bbda010;opacity:1}50%{box-shadow:0 0 0 6px #2bbda018;opacity:.7}}@media(max-width:650px){body{background:#fff}.app-frame{height:100dvh;border:0;border-radius:0;box-shadow:none}header{padding:15px 17px}.tabs{padding:9px;gap:3px}.tab{padding:10px 11px}.readybar{padding:11px 18px;gap:8px}.connect-first{font-size:10px;gap:8px;padding:8px}.ready-state{font-size:10px;gap:7px}.brandmark{width:30px;height:30px;font-size:20px}.brand{font-size:17px}.framefoot{padding:5px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}