@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#202743;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7b75df;outline-offset:3px}.app{display:flex;min-height:100vh}.sidebar{width:266px;flex-shrink:0;background:#11172d;color:#dee4f5;padding:28px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 34px}.brandmark{background:linear-gradient(145deg,#8977ef,#577fff);width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800}.brand b{display:block;color:#fff;font-size:18px;letter-spacing:-.7px}.brand small{display:block;font-size:9px;letter-spacing:1px;color:#7e8ba8;margin-top:4px}.eyebrow{font-size:10px!important;font-weight:800!important;letter-spacing:1.5px!important;color:#7d83a1!important;margin:0 0 12px!important}.sidebar>.eyebrow{color:#6d7898!important;padding-left:12px}.nav{width:100%;border:0;background:transparent;color:#aeb9d2;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 12px;border-radius:11px;margin:2px 0;font-size:12px}.nav span{flex:1}.nav em{font-style:normal;color:#7e89a5}.nav.selected,.nav:hover{background:#292d4b;color:#fff}.nav.selected svg{color:#ab99ff}.sidebar-foot{position:relative;margin:32px 12px 0;color:#697795;font-size:10px;line-height:1.8}main{flex:1;min-width:0}header{height:77px;background:#fff;border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px;color:#637089}header span:not(.phase){color:#acb4c7;margin:0 8px}.phase{color:#6771aa;background:#f0f2ff;border-radius:100px;padding:9px 13px;font-size:11px}.content{max-width:1490px;padding:44px 46px;margin:auto}.hero{background:linear-gradient(115deg,#fff,#f1f0ff);border:1px solid #e9e9f6;border-radius:24px;padding:45px 48px;min-height:300px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-135px;width:420px;height:420px;border:65px solid #e6e2ff;border-radius:50%;opacity:.6}.hero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2.7px;line-height:1.16;margin:8px 0 14px}.hero h1 span{color:#6b5ce0}.hero>p:not(.eyebrow){max-width:590px;line-height:1.8;font-size:13px;color:#78839a}.stats{display:flex;gap:38px;margin-top:33px}.stats div{display:flex;flex-direction:column;gap:3px}.stats b{font-size:24px}.stats small{font-size:10px;color:#8d96ac}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 19px}.section-heading h2{font-size:22px;letter-spacing:-.7px;margin:0}.search{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:11px 14px;width:min(100%,330px);color:#9aa6b7}.search input{border:0;outline:0;min-width:0;width:100%;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.reference{text-align:left;min-width:0;padding:0;border:1px solid #e5eaf3;border-radius:17px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}.reference:hover{transform:translateY(-3px);box-shadow:0 16px 30px #20284915}.art{height:178px;display:grid;place-items:center;position:relative;overflow:hidden}.art>span{position:absolute;left:14px;top:14px;background:#ffffffd9;padding:6px 10px;border-radius:99px;color:#545a80;font-size:9px;font-weight:700}.art-0{background:#e8edf6}.art-1{background:#e3e3fb}.art-2{background:#faeee6}.art-3{background:#e7e5f9}.art-4{background:#24283d}.art-5{background:#e1edff}.mini-auth{background:#eff2fa;padding:15px;border-radius:13px;width:130px;display:grid;gap:8px;box-shadow:8px 8px 17px #c5ccdc,-7px -7px 17px #fff}.mini-auth strong{text-align:center;color:#7561df}.mini-auth i{height:18px;background:#e6ebf5;border-radius:5px;box-shadow:inset 2px 2px 4px #c2c9d6}.mini-auth b{background:#6b5ce0;color:#fff;text-align:center;border-radius:6px;font-size:9px;padding:7px}.mini-colors{display:flex;align-items:end;gap:5px}.mini-colors i{width:45px;height:87px;border-radius:9px}.mini-board{display:flex;gap:8px}.mini-board div{width:57px;background:#363b53;padding:8px;border-radius:7px;display:grid;gap:5px}.mini-board i{height:22px;border-radius:4px;background:#4d526f}.mini-icon{color:#7363e5;background:#ffffff78;padding:25px;border-radius:24px}.reference-body{padding:21px}.reference-body>small{font-size:10px;color:#7b80bd}.reference h3{display:flex;justify-content:space-between;font-size:15px;letter-spacing:-.4px}.reference p{color:#7e879e;font-size:11px;line-height:1.7;min-height:57px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tags span{background:#f3f4fa;border-radius:6px;color:#69738d;font-size:9px;padding:6px 8px}.back{border:0;background:none;color:#6571ab;padding:0;margin-bottom:26px}.detail-header h1{font-size:35px;margin:0 0 10px}.detail-header>p:last-child{color:#7e879e;max-width:650px;line-height:1.7}.tabs{border-bottom:1px solid #e2e6ef;display:flex;gap:25px;margin:32px 0 24px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 5px;font-size:13px;color:#7b879c}.tabs button.active{border-color:#6b5ce0;color:#554bd2;font-weight:700}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #e5eaf3;border-radius:19px;padding:28px}.panel h3{font-size:16px;margin:0 0 14px}.panel h3:not(:first-child){margin-top:28px}.panel p{font-size:12px;line-height:1.9;color:#7b8699}.panel a{display:inline-flex;align-items:center;gap:7px;color:#625bd3;font-size:12px;font-weight:700}.check{padding:8px 0;border-bottom:1px solid #edf0f5}.auth-scene{background:#e8edf6;padding:50px 14px;border-radius:18px;display:grid;place-items:center}.auth-card{max-width:330px;width:100%;padding:30px;background:#e8edf6;border-radius:23px;box-shadow:14px 14px 30px #c3cbd9,-14px -14px 30px #fff;display:grid;gap:13px}.auth-logo{margin:auto;color:#7667e7;font-size:30px}.auth-card h2{text-align:center;margin:0}.auth-card p,.auth-card small{text-align:center;color:#9099a9;font-size:11px}.auth-card input{background:#e8edf6;box-shadow:inset 5px 5px 10px #c3cad5,inset -5px -5px 10px #fff;border:2px solid transparent;border-radius:10px;padding:13px;outline:0;font-size:12px}.auth-card input:focus{border-color:#7178ee;box-shadow:0 0 0 4px #777af232,inset 3px 3px 7px #c3cad5}.auth-submit{background:linear-gradient(110deg,#6174e9,#8271ed);color:#fff;border:0;border-radius:10px;padding:14px}.auth-switch{border:0;color:#6154d9;background:none;font-size:11px}.color-playground label{display:flex;align-items:center;gap:14px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:23px 0}.swatches div{height:100px;border-radius:9px}.secondary{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe3ef;background:#f8f9fd;border-radius:10px;padding:12px 15px;color:#545bd1}.pending{display:grid;place-items:center;gap:12px;text-align:center;color:#858fb1;padding:55px}.menu,.mobile-close{display:none}footer{text-align:center;color:#a0aabc;font-size:10px;margin-top:54px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:30px}.sidebar{width:230px}}@media(max-width:750px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#12162b90;z-index:40;border:0}.menu,.mobile-close{display:inline-flex;background:none;border:0;color:inherit}.mobile-close{margin-left:auto}header{height:64px;padding:0 18px;gap:10px}.content{padding:19px}.hero{padding:28px 22px;min-height:0}.hero:after{display:none}.stats{gap:18px;flex-wrap:wrap}.section-heading{display:grid;gap:15px}.cards,.detail-grid{grid-template-columns:1fr}.phase{white-space:nowrap}.swatches div{height:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 8px}.detail-actions>.secondary{display:inline-flex;gap:8px;align-items:center;padding:11px 14px}.detail-board-select{display:flex;align-items:center;gap:8px;font-size:11px;color:#77849c}.detail-board-select select{border:1px solid #e2e6f0;background:#fff;color:#56617b;border-radius:9px;padding:10px 12px;max-width:210px}.detail-save{border:1px solid #6758dc;background:#6b5ce0;color:#fff;border-radius:10px;padding:11px 14px;display:inline-flex;gap:7px;align-items:center;font-size:11px}.detail-save-message{font-size:11px;color:#299b73}.art-ref-electric-login{background:radial-gradient(circle at 20% 10%,#173c43,#070e16 68%)!important}.art-ref-electric-login .mini-auth{color:#eafaff;background:#101a23;box-shadow:0 12px 30px #01080cce,0 0 16px #00eaff76;position:relative;border:1px solid #00dbea}.art-ref-electric-login .mini-auth strong{color:#00eaff;text-shadow:0 0 18px #00eaff;animation:el-logo-glow 2.4s ease-in-out infinite}.art-ref-electric-login .mini-auth i{background:#1d2b35;box-shadow:inset 2px 2px 4px #0009;border:1px solid #204857}.art-ref-electric-login .mini-auth b{background:linear-gradient(90deg,#00acc3,#00eaff,#00acc3);background-size:220% 100%;animation:el-button-flow 3s linear infinite;color:#04303b}.art-ref-messaging{background:#efe5da!important}.mini-messaging{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,51px);gap:6px;width:78%;max-width:220px}.mini-messaging>div{font-size:17px;font-weight:800;color:#40323c;background:#fffaf4;border-radius:9px;padding:11px 8px 6px;box-shadow:0 3px 10px #59351f13}.mini-messaging>div:first-child{grid-row:span 2;background:#bf4725;color:#fff;font-size:25px;padding-top:24px}.mini-messaging>div:last-child{grid-column:span 2;background:#29232d;color:#fff}.mini-messaging span{display:block;font-size:8px;font-weight:500;opacity:.7;margin-top:4px}.reference-body>small{font-weight:700}.art-ref-tanstack{background:#e8f0ff!important}.library-search-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.library-search-tools .search{width:270px}.fidelity-select{display:grid;gap:5px;color:#8c95a8;font-size:10px;font-weight:700}.fidelity-select select{border:1px solid #e4e9f2;background:#fff;color:#5e6981;padding:12px;border-radius:10px;font-size:11px;max-width:235px}.stats{position:relative;z-index:1}.stats div:last-child b{color:#6259d9}@media(max-width:780px){.section-heading{display:grid;gap:14px}.library-search-tools{width:100%}.library-search-tools .search{flex:1;min-width:200px}.fidelity-select{flex:1}.fidelity-select select{max-width:none;width:100%}}.lab-demo{border-radius:16px;border:1px solid #e5e9f3;background:#f7f8fc;padding:20px;min-height:270px;color:#29304b}.lab-demo button,.lab-demo select{cursor:pointer}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.demo-toolbar>div{display:flex;align-items:center;gap:5px}.demo-toolbar button,.skill-stages button{border:1px solid #e2e6ef;border-radius:8px;background:#fff;color:#68718b;padding:8px 11px;font-size:11px}.demo-toolbar .chosen,.skill-stages .chosen{background:#6b5ce0;color:#fff}.demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-kpis>div{background:#fff;border:1px solid #edf0f6;border-radius:12px;padding:14px;display:grid;gap:8px}.demo-kpis small,.demo-chart small{color:#8b93a5;font-size:10px}.demo-kpis b{font-size:20px}.demo-kpis em{color:#209b7c;font-style:normal;font-size:10px}.demo-chart{background:#fff;border-radius:12px;margin-top:12px;padding:18px}.demo-chart>div:first-child{display:flex;justify-content:space-between}.demo-bars{display:flex;align-items:end;height:120px;gap:9px;margin-top:18px}.demo-bars span{flex:1;background:linear-gradient(#8b78ee,#e6e0fc);border-radius:6px 6px 0 0}.kanban-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kanban-column{background:#eceff6;padding:10px;border-radius:12px;min-height:190px}.kanban-column h4{font-size:11px;display:flex;align-items:center;gap:6px}.dot{height:8px;width:8px;border-radius:50%;background:#b2a2ee}.d1{background:#649ef4}.d2{background:#e6ac64}.d3{background:#65b994}.kanban-task{background:#fff;border-radius:9px;padding:12px;display:grid;gap:9px;box-shadow:0 2px 8px #2028490c}.kanban-task small{color:#7d86a0}.kanban-task b{font-size:11px}.kanban-task p{font-size:10px;margin:0}.kanban-task select{width:100%;padding:7px;border:1px solid #ddd;border-radius:6px;font-size:10px}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.schedule-grid>div{min-height:170px;border:1px solid #e6eaf3;background:#fff;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.schedule-grid strong{font-size:11px}.schedule-grid small{color:#a1a8b8}.schedule-grid span{padding:10px 6px;border-radius:7px;font-size:10px;color:#4c5770}.motion-stage{height:230px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#d4ccff,#f5f4ff 65%);border-radius:13px}.floating-card{position:relative;z-index:1;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #655bb53d;border:1px solid white;border-radius:18px;padding:25px;display:grid;gap:8px}.floating-card strong{font-size:18px}.floating-card small{color:#7d88a3}.motion-orb{position:absolute;width:100px;height:100px;border-radius:50%;background:#8e7af0;right:20%;top:20%;filter:blur(8px)}.motion-stage.playing .floating-card{animation:lab-float 3s ease-in-out infinite}.motion-stage.playing .motion-orb{animation:lab-orbit 5s ease-in-out infinite alternate}@keyframes lab-float{50%{transform:translateY(-13px)}}@keyframes lab-orbit{to{transform:translate(-70px,70px)}}.booking-demo{display:grid;place-items:center}.phone-demo{width:245px;background:#fff;border:7px solid #272c45;border-radius:30px;padding:24px 14px;box-shadow:0 15px 35px #333a5b30}.phone-notch{height:6px;width:65px;background:#29304b;border-radius:10px;margin:-13px auto 22px}.phone-demo small{color:#8a92a5}.phone-demo h3{font-size:21px;margin:8px 0 16px}.phone-search{padding:11px;background:#f3f4f8;border-radius:9px;color:#939aaa;font-size:10px}.workspace-photo{height:110px;background:linear-gradient(130deg,#e6dbca,#b3c7c3);border-radius:13px;margin:16px 0 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:25px}.workspace-photo span{font-size:14px;font-weight:800;color:#fff}.phone-demo p{font-size:10px;color:#8a92a5}.phone-demo button{background:#6b5ce0;color:#fff;border:0;padding:12px;border-radius:10px;width:100%}.pipeline-steps,.skill-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.pipeline-steps>div{border:1px solid #dddff0;border-radius:13px;padding:16px 8px;background:#fff;display:grid;gap:12px;text-align:center;font-size:11px}.pipeline-steps span{margin:auto;background:#eae5ff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#6357cc}.pipeline-demo p,.video-demo p,.skill-demo p{font-size:11px;line-height:1.7;color:#7c859b}.video-stage{height:230px;background:radial-gradient(circle at 60% 50%,#6357ac,#191a35 75%);border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff}.video-title{font-size:38px;line-height:1.1;font-weight:900;letter-spacing:2px}.video-title span{color:#b9a9ff}.video-title.playing{animation:lab-float 3s infinite}.video-stage small{position:absolute;bottom:12px;left:15px;color:#b7b2d4}.video-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.video-timeline div{text-align:center;border-radius:6px;padding:11px 4px;font-size:10px}.skill-stages button{display:grid;gap:9px;padding:16px 8px}.skill-stages span{font-weight:800}.skill-demo small{color:#9b6c5c}.fallback-demo{display:grid;place-content:center;text-align:center}@media(max-width:850px){.demo-kpis,.kanban-columns,.pipeline-steps,.skill-stages{grid-template-columns:repeat(2,1fr)}.demo-chart>div:first-child{flex-direction:column;gap:8px}}@media(max-width:480px){.demo-kpis,.kanban-columns{grid-template-columns:1fr 1fr}.schedule-grid{overflow:auto}.schedule-grid>div{min-width:85px}.demo-toolbar{align-items:start;flex-wrap:wrap}.demo-toolbar button{padding:7px}.lab-demo{padding:12px}.video-title{font-size:29px}}@media(prefers-reduced-motion:reduce){.motion-stage.playing .floating-card,.motion-stage.playing .motion-orb,.video-title.playing{animation:none}}.electric-reference{font-family:Inter,system-ui,sans-serif;color:#283044}.electric-reference *{box-sizing:border-box}.el-demo-header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.el-demo-header h3{margin:5px 0;font-size:17px;letter-spacing:-.5px}.el-demo-header p{color:#8790a4;font-size:11px;margin:0}.el-reference-label{color:#6288a4;font-size:9px;font-weight:800;letter-spacing:1.3px}.el-variants{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.el-variants label{font-size:10px;color:#8190a7;display:grid;gap:5px}.el-variants select,.el-variants button{border:1px solid #dee5ee;border-radius:9px;padding:9px;background:#fff;color:#596780;font-size:11px;min-height:36px}.el-variants button{display:flex;align-items:center;gap:5px}.el-scene{--el-accent:#00eaff;--el-accent-rgb:0,234,255;--el-panel:#0c1119;--el-text:#f2fbff;--el-muted:#788797;position:relative;min-height:750px;border-radius:16px;background:radial-gradient(circle at 19% 17%,#153845 0,transparent 31%),radial-gradient(circle at 84% 86%,#122b48,transparent 30%),#080c13;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:29px 15px 52px}.el-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px);opacity:.88}.el-orb-one{width:155px;height:155px;background:#00ddf4;box-shadow:0 0 100px #00eaff;left:-76px;top:-71px;animation:el-orbit-one 7s ease-in-out infinite}.el-orb-two{width:120px;height:120px;background:#007dff;box-shadow:0 0 95px #007dff;bottom:-50px;right:-58px;animation:el-orbit-two 8s ease-in-out infinite}.el-perspective{width:min(100%,400px);height:660px;perspective:1600px;position:relative;z-index:1}.el-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.75,.2,1)}.el-flip.el-flipped{transform:rotateY(180deg)}.el-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;padding:2px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate;box-shadow:0 25px 60px #0009}@property --el-electric-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.el-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--el-electric-angle),#00eaff 0deg,#ebffff 13deg,#00eaff 24deg,transparent 42deg,transparent 235deg,#00eaff 277deg,#ffffff 302deg,#00eaff 327deg,transparent 349deg,#00eaff 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:el-electric-spin 3s linear infinite;z-index:3;pointer-events:none}.el-signup{transform:rotateY(180deg)}.el-face-inner{height:100%;border-radius:24px;background:linear-gradient(145deg,#18212d,#090d14);box-shadow:inset 7px 7px 14px #0008,inset -3px -4px 10px #ffffff08;position:relative;z-index:1;overflow:clip;padding:30px 31px 22px;scrollbar-width:thin;scrollbar-color:#314758 transparent;color:var(--el-text)}.el-face-inner:before,.el-face-inner:after{content:"";position:absolute;pointer-events:none;border:1px solid #00eaff20;border-radius:50%}.el-face-inner:before{width:170px;height:170px;right:-90px;top:-90px;box-shadow:0 0 40px #00eaff0f}.el-face-inner:after{width:100px;height:100px;bottom:-75px;left:-75px}.el-logo{width:52px;height:52px;margin:0 auto 15px;border-radius:16px;background:#101923;color:#00eaff;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:7px 7px 14px #0007,-4px -4px 10px #ffffff08;text-shadow:0 0 18px #00eaff;animation:el-logo-glow 2.4s ease-in-out infinite}.el-face-inner h4{text-align:center;font-size:23px;letter-spacing:.3px;color:var(--el-text);margin:0 0 5px}.el-subtitle{color:#8b98a8;text-align:center;font-size:11px;margin:0 0 25px}.el-fieldset{border:0;padding:0;margin:0;min-width:0}.el-field{position:relative;margin:0 0 17px}.el-floating-label{display:block;position:relative}.el-floating-label input{width:100%;height:47px;border-radius:11px;border:1px solid transparent;outline:0;padding:15px 43px 7px 14px;background:#101721;box-shadow:inset 4px 4px 8px #0008,inset -2px -2px 5px #ffffff07;color:var(--el-text);font-size:12px;transition:border-color .2s,box-shadow .2s}.el-floating-label input:focus{border-color:#00eaff;box-shadow:0 0 0 1px #00eaff70,0 0 16px #00eaff4b,inset 3px 3px 7px #0009}.el-floating-label span{position:absolute;left:13px;top:16px;font-size:11px;color:var(--el-muted);pointer-events:none;transition:top .2s,font-size .2s,color .2s;text-shadow:none}.el-floating-label input:focus+span,.el-floating-label input:not(:placeholder-shown)+span{top:-7px;padding:0 5px;font-size:9px;color:#00eaff;background:#0e151e;text-shadow:0 0 7px #00eaff70}.el-eye{position:absolute;right:8px;top:10px;width:31px;height:30px;color:#8993a0;border:0;background:transparent;display:grid;place-items:center}.el-eye:hover{color:#00eaff}.el-options{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 20px;font-size:10px}.el-options label{display:flex;align-items:center;gap:5px;color:#8191a0}.el-options input,.el-terms input{accent-color:#00eaff}.el-options button,.el-switch button{border:0;background:none;padding:0;color:#00eaff;font-size:10px;cursor:pointer}.el-primary{width:100%;height:46px;border:0;border-radius:11px;color:#052332;font-size:12px;letter-spacing:1.2px;font-weight:800;cursor:pointer;background:linear-gradient(105deg,#00a9c1,#00eaff,#a4ffff,#00a9c1);background-size:260% 100%;animation:el-button-flow 4s linear infinite;box-shadow:0 8px 19px #0008,0 0 18px #00eaff39;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.el-primary:before{content:"";position:absolute;width:45px;top:-25%;bottom:-25%;left:-65px;background:#ffffff90;transform:rotate(20deg);transition:left .5s}.el-primary:hover:before{left:125%}.el-primary:hover{transform:translateY(-2px);box-shadow:0 10px 23px #0009,0 0 31px #00eaff95}.el-primary:active{transform:translateY(1px)}.el-primary b{margin-left:10px;font-size:17px}.el-divider{display:flex;align-items:center;gap:9px;color:#6f7c8c;font-size:9px;margin:18px 0}.el-divider:before,.el-divider:after{content:"";height:1px;background:#3c4450;flex:1}.el-social{display:flex;gap:7px}.el-social button{flex:1;background:#111922;color:#9eabbc;border:0;box-shadow:4px 4px 8px #0007,-2px -2px 6px #ffffff06;height:35px;border-radius:9px;font-size:10px;cursor:pointer}.el-social button:hover{color:#00eaff;box-shadow:0 0 15px #00eaff38}.el-switch{text-align:center;color:#8793a1;font-size:10px;margin:19px 0 0}.el-switch button{font-weight:800}.el-message{min-height:18px;text-align:center;color:#00eaff;font-size:10px;line-height:1.4;margin:12px 0 0}.el-signup .el-subtitle{margin-bottom:19px}.el-signup .el-field{margin-bottom:14px}.el-terms{display:flex;gap:7px;align-items:start;font-size:10px;line-height:1.4;color:#9aa5b1;margin:3px 0 15px}.el-scene-caption{position:absolute;bottom:16px;left:20px;right:20px;display:flex;gap:12px;justify-content:space-between;align-items:center;color:#95a7b9;font-size:10px}.el-scene-caption span{display:flex;align-items:center;gap:6px}.el-pulse{width:7px;height:7px;border-radius:50%;background:#00f0c9;box-shadow:0 0 10px #00f0c9}.el-adoption-note{display:flex;gap:8px;align-items:start;color:#7d879b;font-size:10px;line-height:1.8;margin-top:12px}.el-adoption-note svg{flex-shrink:0;margin-top:2px}.el-adoption-note a{color:#5c57cb}.el-paused .el-face:before,.el-paused .el-primary,.el-paused .el-logo,.el-paused .el-orb{animation-play-state:paused}.el-embossed .el-scene{background:radial-gradient(circle at 20% 10%,#d3def5,#eef2fb 55%,#d8e4f6);--el-text:#2f3856;--el-muted:#8793a5}.el-embossed .el-face-inner{background:#e9edf6;color:#2f3856;box-shadow:inset 6px 6px 12px #cbd3e1,inset -5px -5px 12px #fff}.el-embossed .el-face:before{background:conic-gradient(from var(--el-electric-angle),#6076ee 0deg,#f8faff 16deg,#6076ee 32deg,transparent 50deg,transparent 220deg,#6076ee 270deg,#c5d4ff 300deg,#6076ee 330deg,transparent 359deg,#6076ee 360deg)}.el-embossed .el-face-inner h4{color:#303854}.el-embossed .el-floating-label input{background:#e9edf6;color:#303854;box-shadow:inset 4px 4px 8px #c3cddc,inset -4px -4px 8px #fff}.el-embossed .el-floating-label input:focus{border-color:#667bf0;box-shadow:0 0 16px #687bff50,inset 4px 4px 8px #ccd6e4}.el-embossed .el-floating-label input:focus+span,.el-embossed .el-floating-label input:not(:placeholder-shown)+span{background:#e9edf6;color:#6070dd}.el-embossed .el-logo{background:#e5ebf5;color:#6272e5;box-shadow:7px 7px 12px #c5cddd,-5px -5px 10px #fff}.el-embossed .el-options button,.el-embossed .el-switch button{color:#6572de}.el-embossed .el-primary{background:linear-gradient(110deg,#5a73ee,#a491ff,#6375ed);color:#fff;box-shadow:6px 7px 12px #b6c1d3}.el-embossed .el-social button{background:#e8edf6;color:#687799;box-shadow:4px 4px 9px #c4cbd7,-3px -3px 6px #fff}.el-embossed .el-orb-one{background:#acbafa;box-shadow:0 0 100px #a4afff}.el-embossed .el-orb-two{background:#c4a9f7;box-shadow:0 0 90px #c4a9f7}.el-embossed .el-message{color:#5d65cf}@keyframes el-electric-spin{to{--el-electric-angle:360deg}}@keyframes el-logo-glow{50%{box-shadow:0 0 31px #00eaff75,7px 7px 14px #0007}}@keyframes el-orbit-one{50%{transform:translate(62px,57px)}}@keyframes el-orbit-two{50%{transform:translate(-63px,-62px)}}@keyframes el-button-flow{to{background-position:260% 0}}@media(max-width:600px){.el-demo-header{align-items:start}.el-scene{min-height:715px;padding:12px 10px 50px}.el-perspective{height:650px}.el-face-inner{padding:25px 18px}.el-scene-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.electric-reference .el-face:before,.electric-reference .el-logo,.electric-reference .el-orb,.electric-reference .el-primary{animation:none!important}.el-flip,.el-floating-label span{transition:none!important}.el-primary:before{transition:none!important}}.messaging-reference{font-family:Inter,system-ui,sans-serif;color:#352c34}.mb-demo-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.mb-demo-header h3{font-size:17px;margin:6px 0;letter-spacing:-.5px}.mb-demo-header p{font-size:11px;color:#8891a2;margin:0}.mb-overline{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#b97151}.mb-sample-badge{font-size:9px;background:#fbede2;color:#aa5e3e;border-radius:7px;padding:8px 10px;font-weight:800}.mb-workspace{container-type:inline-size;border-radius:16px;border:1px solid #e0d3c8;overflow:hidden;background:#f1ebe4}.mb-app{display:flex;min-height:590px}.mb-rail{width:62px;flex-shrink:0;background:#29232b;display:flex;flex-direction:column;align-items:center;gap:10px;padding:17px 9px}.mb-brand{width:38px;height:38px;display:grid;place-items:center;font-size:19px;font-weight:800;border-radius:11px;background:#b84426;color:#fff;margin-bottom:15px}.mb-rail-button{display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:10px;background:none;color:#a59aa8;cursor:pointer}.mb-rail-button:hover{color:#fff;background:#514552}.mb-rail-button.active{background:#fffaf4;color:#b8472a}.mb-content{flex:1;min-width:0;padding:25px 22px 20px}.mb-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px}.mb-top>div:first-child{min-width:0}.mb-top small{color:#887d78;font-size:10px}.mb-top h2{font-size:clamp(19px,2.4vw,29px);letter-spacing:-.9px;margin:4px 0 6px;color:#362d34}.mb-top p{color:#9b8e89;font-size:10px}.mb-actions{display:flex;align-items:center;gap:7px}.mb-search{display:flex;gap:6px;align-items:center;background:#fffdfa;border:1px solid #e9dfd4;border-radius:10px;padding:10px;color:#93857e}.mb-search input{max-width:130px;min-width:0;border:0;background:transparent;outline:none;font-size:10px;color:#382e32}.mb-sync{display:flex;align-items:center;gap:5px;border:1px solid #e9dfd4;background:#fffdfa;padding:10px;border-radius:10px;font-size:10px;color:#574d50;cursor:pointer}.mb-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#755490;color:#fff;font-size:10px;font-weight:800}.mb-grid{display:grid;grid-template-columns:1.04fr .9fr .95fr;grid-template-rows:158px 158px 218px;gap:10px}.mb-tile{background:#fffdfa;border:1px solid #e8e0d9;border-radius:15px;padding:16px;min-width:0;overflow:hidden;transition:opacity .15s;display:flex;flex-direction:column}.mb-faded{opacity:.2}.mb-heading{display:flex;justify-content:space-between;gap:9px;align-items:center}.mb-heading h3{font-size:11px;margin:0;font-weight:800;display:flex;align-items:center;gap:6px;min-width:0}.mb-heading small,.mb-heading>span{font-size:9px;color:#aa9e9a;white-space:nowrap}.mb-heading button{border:1px solid #e3dbd3;background:#fff;border-radius:7px;padding:5px 7px;color:#7e6d73;font-size:10px;cursor:pointer}.mb-number{font-size:clamp(21px,2.9vw,35px);font-weight:850;letter-spacing:-1.5px;margin-top:15px;display:block}.mb-number em,.mb-tile>em{display:inline-block;font-size:9px;color:#267d58;background:#e5f5ea;padding:4px 5px;border-radius:5px;font-style:normal;letter-spacing:0;vertical-align:middle}.mb-tile p,.mb-tile>small{font-size:9px;color:#958680;line-height:1.5;margin-top:5px}.mb-tile p em{font-style:normal;color:#2c9565}.mb-audience{grid-row:span 2;background:linear-gradient(148deg,#cb4d27,#a93015);color:#fff;border-color:#b74324}.mb-audience .mb-number{font-size:clamp(28px,3.8vw,45px);letter-spacing:-1.8px}.mb-audience .mb-heading span,.mb-audience p{color:#f7d3c3}.mb-audience p em{color:#fff;background:#8d321b;padding:4px 5px;border-radius:5px}.mb-audience-bars{display:flex;gap:7px;align-items:end;height:112px;margin-top:auto;padding-top:18px}.mb-audience-bars span{flex:1;background:#fff0db;border-radius:7px 7px 2px 2px;min-height:6px;animation:mb-rise .55s ease-out backwards;transform-origin:bottom}.mb-audience-bars span:nth-child(2n){animation-delay:.08s}.mb-month-labels{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#f6d5c9;margin-top:8px}.mb-delivery .mb-stripes,.mb-campaigns .mb-stripes{height:27px;margin-top:auto;border-radius:4px;background:repeating-linear-gradient(90deg,#bd5337 0 5px,transparent 5px 9px)}.mb-campaigns .mb-stripes{background:repeating-linear-gradient(90deg,#75548f 0 5px,transparent 5px 9px)}.mb-campaigns .mb-number small{font-size:13px;color:#a7a0a6;font-weight:500}.mb-campaigns>em{align-self:start;margin:3px 0}.mb-credits .mb-number{margin-top:17px}.mb-credits .mb-progress{margin-top:auto;margin-bottom:10px;height:8px;background:#ebe6ee;border-radius:7px}.mb-progress span{display:block;width:70%;height:100%;background:#76548f;border-radius:7px}.mb-messages{background:#29232d;color:#fff;border-color:#29232d}.mb-messages .mb-heading button{background:#4b4049;color:#f4d7cc;border-color:#655460}.mb-messages p{color:#c5b6c2}.mb-messages p em{color:#83d8a3}.mb-spark{height:65px;margin-top:auto}.mb-spark svg{width:100%;height:100%}.mb-monthly{grid-column:span 2}.mb-monthly p{margin-top:8px}.mb-legend-orange{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c45d37}.mb-monthly-bars{display:flex;align-items:end;gap:7px;height:117px;margin-top:auto}.mb-monthly-bars span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#c65a36,#edd0be);min-height:5px;animation:mb-rise .6s ease-out backwards}.mb-monthly-bars span:nth-child(2n){animation-delay:.1s}.mb-donut{width:126px;height:126px;max-width:100%;border-radius:50%;margin:16px auto 0;background:conic-gradient(#c04e2d 0,#c04e2d 45%,#77548f 45%,#77548f 77%,#d9ac7d 77%,#d9ac7d);display:grid;place-items:center}.mb-donut>span{width:77px;height:77px;border-radius:50%;background:#fffdfa;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:21px}.mb-donut>span small{font-size:8px;color:#a79c98;font-weight:600}.mb-channel-legend{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:7px;font-size:8px}.mb-channel-legend span:nth-child(1){color:#c04e2d}.mb-channel-legend span:nth-child(2){color:#77548f}.mb-channel-legend span:nth-child(3){color:#bf925d}.mb-footer{margin-top:16px;color:#9a8d84;font-size:9px;line-height:1.6}.mb-placeholder{display:grid;place-items:center;text-align:center;min-height:425px;background:#fffdfa;border-radius:14px;padding:24px}.mb-placeholder-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:14px;background:#f7efe7;color:#ba5537}.mb-placeholder h3{font-size:22px;margin:12px 0 4px}.mb-placeholder p{font-size:11px;color:#9a8d89;max-width:370px;line-height:1.8}.mb-placeholder button{border:0;border-radius:10px;padding:10px 15px;background:#c34b2c;color:#fff;margin-top:15px}.mb-toast{margin-top:9px;background:#ecf8ef;border:1px solid #c5e5cd;padding:10px;border-radius:8px;font-size:11px;color:#387b52}@keyframes mb-rise{0%{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}@container (max-width:800px){.mb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.mb-audience{grid-row:span 2;min-height:320px}.mb-tile{min-height:145px}.mb-monthly{grid-column:span 2}.mb-top{flex-wrap:wrap}.mb-actions{flex-wrap:wrap;width:100%}.mb-search{flex:1}.mb-search input{max-width:none}}@container (max-width:490px){.mb-app{display:block}.mb-rail{width:100%;flex-direction:row;justify-content:space-between;padding:8px;gap:2px}.mb-brand{margin:0;flex-shrink:0;width:29px;height:29px;font-size:14px}.mb-rail-button{width:29px;height:29px}.mb-rail-button svg{width:15px;height:15px}.mb-content{padding:13px 11px}.mb-grid{grid-template-columns:1fr}.mb-audience{grid-row:auto;min-height:300px}.mb-monthly{grid-column:auto}.mb-tile{min-height:160px}.mb-audience-bars{height:130px}.mb-monthly-bars{height:118px}.mb-top h2{font-size:21px}.mb-top{margin-bottom:12px}.mb-donut{width:145px;height:145px}.mb-tile .mb-number{font-size:28px}}@media(prefers-reduced-motion:reduce){.mb-audience-bars span,.mb-monthly-bars span{animation:none}.mb-tile{transition:none}}.murmura-reference{font-family:Inter,system-ui,sans-serif;color:#2c3044}.mur-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px}.mur-heading span{font-size:9px;letter-spacing:1px;font-weight:800;color:#7374b0}.mur-heading h3{font-size:17px;margin:5px 0}.mur-heading p{font-size:11px;margin:0;color:#8993a4}.mur-heading>small{font-size:9px;padding:7px 9px;background:#f5eede;color:#987443;border-radius:7px}.mur-shell{display:flex;border-radius:15px;background:#f7f8fc;border:1px solid #e1e6f0;overflow:hidden;min-height:540px;container-type:inline-size;position:relative}.mur-sidebar{width:181px;flex-shrink:0;background:#fff;border-right:1px solid #eaedf4;padding:16px 10px;display:flex;flex-direction:column}.mur-brand{display:flex;align-items:center;gap:8px;padding:0 10px 21px}.mur-brand>div{background:#7567e7;color:#fff;font-weight:900;width:31px;height:31px;border-radius:10px;display:grid;place-items:center}.mur-brand strong{font-size:15px;letter-spacing:-.6px}.mur-brand strong small{display:block;color:#a2aabc;font-size:8px;font-weight:400;letter-spacing:.2px}.mur-workspace-pill{display:flex;align-items:center;gap:7px;border:1px solid #e6e8f2;border-radius:10px;padding:9px 7px}.mur-workspace-pill>div{background:#e5e1ff;color:#786bd8;border-radius:7px;padding:5px}.mur-workspace-pill span{font-size:10px;font-weight:800;flex:1}.mur-workspace-pill small{display:block;font-size:8px;color:#a2aabd;font-weight:400;margin-top:2px}.mur-nav-label{font-size:9px;letter-spacing:1px;color:#afb4c0;font-weight:800;margin:24px 10px 8px}.mur-sidebar nav{display:grid;gap:2px}.mur-nav-link{border:0;background:none;color:#7c869a;padding:10px;text-align:left;font-size:11px;border-radius:9px;display:flex;align-items:center;gap:10px;cursor:pointer}.mur-nav-link.active{background:#efedff;color:#6458d7;font-weight:800}.mur-nav-link:hover:not(.active){background:#f6f6fa}.mur-nav-link b{margin-left:auto;background:#f3e3eb;color:#bb6484;border-radius:20px;font-size:9px;padding:3px 7px}.mur-sidebar-foot{font-size:9px;color:#a3aabb;line-height:1.8;margin:auto 10px 0;padding-top:15px}.mur-main{flex:1;min-width:0}.mur-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #eaedf2;background:#fff;padding:12px 17px;color:#8b96a9;font-size:10px}.mur-toolbar>span{display:flex;align-items:center;gap:5px}.mur-toolbar>span b{color:#3f4560}.mur-toolbar>div{display:flex;align-items:center;gap:8px}.mur-toolbar button{border:0;background:none;color:#8590a8;cursor:pointer}.mur-command-button{display:flex;align-items:center;gap:7px;background:#f6f7fb!important;border:1px solid #e8eaf2!important;border-radius:9px!important;padding:8px 10px;font-size:10px}.mur-command-button kbd{font-size:9px;background:#fff;border:1px solid #e0e5eb;padding:3px 5px;border-radius:4px;color:#9ea5b6}.mur-avatar{width:27px;height:27px;background:#ded9ff;border-radius:50%;display:grid;place-items:center;color:#665bc7;font-size:10px;font-weight:800}.mur-mobile-open{display:none}.mur-content{padding:19px}.mur-page-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px}.mur-page-head small{font-size:9px;color:#979eb1;font-weight:700;letter-spacing:.7px}.mur-page-head h2{font-size:22px;letter-spacing:-.8px;margin:7px 0}.mur-page-head p{color:#919aab;font-size:10px;margin:0}.mur-create{background:#6b5ce0;color:#fff;border:0;border-radius:9px;padding:11px 12px;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.mur-create span{border:1px solid #ffffff8a;border-radius:3px;padding:1px 3px;font-size:9px}.mur-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.mur-stat{background:#fff;border:1px solid #ebeef6;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:7px}.mur-stat small{font-size:9px;color:#909cb0}.mur-stat strong{font-size:26px;letter-spacing:-1.3px}.mur-stat span{font-size:9px;color:#51a584}.mur-stat.ms-1 span{color:#c08a4a}.mur-stat.ms-2 span{color:#8f89b5}.mur-two-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.mur-section{background:#fff;border:1px solid #e8ebf3;border-radius:13px;padding:15px;min-width:0}.mur-section-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:14px}.mur-section-heading h3{font-size:12px;margin:0}.mur-section-heading button{display:flex;gap:2px;align-items:center;border:0;background:none;color:#7164cd;font-size:9px}.mur-section-heading span{font-size:9px;color:#98a1b0}.mur-schedule>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.mur-schedule>div:first-child span{text-align:center;font-size:9px;color:#919bb0}.mur-day{min-height:100px;display:flex;align-items:center;flex-direction:column;gap:22px;border:1px solid #e7e9f3;border-radius:8px;background:#fbfbfe;padding:10px 4px;font-size:11px}.mur-day em{font-size:9px;color:#7a65d3;background:#ebe7ff;padding:4px;border-radius:6px;font-style:normal;white-space:nowrap}.mur-approval{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f0f5}.mur-post-avatar{border-radius:9px;width:31px;height:31px;display:grid;place-items:center;background:#e9e4ff;color:#7a65d3;font-size:13px;font-weight:700;flex-shrink:0}.mur-approval>div:nth-child(2){flex:1;min-width:0}.mur-approval b,.mur-list-row b{font-size:10px;line-height:1.5;display:block}.mur-approval small,.mur-list-row small{color:#9da7b9;font-size:9px;display:block}.mur-approval>button{border:1px solid #d8e9dc;border-radius:8px;background:#f1faf3;color:#4f9d6a;padding:8px}.mur-empty{font-size:11px;color:#5caa7b}.mur-list{min-height:310px}.mur-list-search{display:flex;align-items:center;gap:7px;border:1px solid #e2e7f0;border-radius:9px;color:#8b94a9;padding:8px 10px;margin-bottom:8px}.mur-list-search input{border:0;outline:0;flex:1;font-size:11px;min-width:0}.mur-list-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0f0f5;padding:11px 2px}.mur-list-row>div:nth-child(2){flex:1;min-width:0}.mur-list-row>span{color:#a57c52;background:#fff5e9;border-radius:8px;padding:6px 8px;font-size:9px;white-space:nowrap}.mur-list-row button{border:0;background:#e8f8ee;color:#37936a;padding:8px;border-radius:7px;font-size:10px}.mur-placeholder{min-height:330px;display:grid;place-content:center;place-items:center;text-align:center;gap:10px;color:#8175cc}.mur-placeholder h3{font-size:17px;color:#4a4b66;margin:3px 0}.mur-placeholder p{max-width:350px;font-size:11px;color:#8a91a5;line-height:1.7}.mur-placeholder button{background:#6b5ce0;color:#fff;padding:9px 13px;border:0;border-radius:8px}.mur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:55px 15px;background:#161a368a;z-index:6;overflow:auto}.mur-dialog{width:min(100%,440px);background:#fff;box-shadow:0 18px 60px #171a344f;border:1px solid #e9ecf4;border-radius:16px;padding:15px;display:grid;gap:5px}.mur-command-search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e9edf4;padding:8px 2px 12px}.mur-command-search input{flex:1;min-width:0;border:0;outline:0;font-size:13px}.mur-command-search>button{border:1px solid #e5e8ee;color:#8b93a5;border-radius:5px;background:#f8f9fd;padding:5px}.mur-dialog>p{font-size:10px;font-weight:700;color:#a4abbd;margin:12px 4px 7px}.mur-dialog>button{display:flex;align-items:center;gap:12px;background:#fff;border:0;border-radius:8px;text-align:left;padding:10px;font-size:11px;color:#656d85}.mur-dialog>button:hover{background:#f2f0ff;color:#6258cf}.mur-dialog>button span{margin-left:auto;color:#a6abb8}.mur-compose-top{display:flex;align-items:center;justify-content:space-between}.mur-compose-top h3{font-size:16px;margin:0}.mur-compose-top button{border:0;background:none;color:#6b7086}.mur-compose-dialog>p{font-size:11px;margin:6px 0 12px;font-weight:400;color:#969eb0}.mur-compose-dialog textarea{border:1px solid #e0e4ed;border-radius:10px;padding:12px;font:inherit;font-size:12px;resize:vertical;min-height:125px}.mur-compose-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.mur-compose-bottom small{font-size:10px;color:#99a2b2}.mur-compose-bottom button{display:flex;align-items:center;gap:6px;background:#6b5ce0;color:#fff;border:0;border-radius:9px;padding:10px;font-size:10px}.mur-compose-bottom button:disabled{opacity:.55}.mur-toast{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf8f0;border:1px solid #d2ead8;border-radius:9px;color:#3b8c61;padding:10px;margin-top:10px;font-size:10px}.mur-toast button{border:0;background:none;color:inherit}@container (max-width:790px){.mur-sidebar{width:150px}.mur-content{padding:13px}.mur-stats{grid-template-columns:repeat(2,1fr)}.mur-two-columns{grid-template-columns:1fr}.mur-page-head h2{font-size:19px}.mur-command-button span,.mur-command-button kbd{display:none}}@container (max-width:480px){.mur-sidebar{position:absolute;top:0;bottom:0;left:0;z-index:5;transform:translate(-100%);transition:transform .2s;width:187px;box-shadow:10px 0 30px #161a342b}.mur-sidebar-open{transform:none}.mur-mobile-open{display:grid;place-items:center}.mur-toolbar{padding:11px}.mur-toolbar>span{margin-right:auto}.mur-toolbar>div{gap:5px}.mur-content{padding:12px}.mur-stats{grid-template-columns:repeat(2,1fr)}.mur-page-head{align-items:start;flex-wrap:wrap}.mur-create{font-size:9px}.mur-day{min-height:73px;gap:14px}.mur-day em{font-size:7px}.mur-list-row{flex-wrap:wrap}.mur-overlay{padding:35px 9px}}@media(prefers-reduced-motion:reduce){.mur-sidebar{transition:none}}.tanstack-real{background:linear-gradient(125deg,#f9faff,#edf1fd)!important}.tanstack-real .p-toolbar small{color:#637ab1;font-weight:800}.tanstack-real .p-overflow th{background:#e9eefc}.tanstack-real .p-overflow th button:hover{color:#554bd1}.tanstack-real .p-bottom{gap:12px;flex-wrap:wrap}.tanstack-real .p-bottom small{max-width:380px}.lab-demo .p-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.p-toolbar h3{margin:0;font-size:17px}.p-toolbar small{font-size:9px;color:#8992aa}.p-toolbar button,.p-tools button,.p-bottom button{border:1px solid #e1e5f0;border-radius:8px;padding:9px 12px;background:#fff;font-size:11px;color:#656d89}.p-toolbar>span{color:#747ea3;font-size:11px}.p-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:15px 0}.p-tools input:not([type=color]),.p-tools select{padding:10px;border:1px solid #dfe3ed;border-radius:8px;min-width:145px;font-size:11px}.p-tools label{font-size:11px;display:flex;align-items:center;gap:8px}.p-tools input[type=color]{width:36px;height:30px;border:0}.p-tools button.current,.p-landing nav .current{background:var(--studio-accent,#6b5ce0);color:#fff}.p-overflow{overflow-x:auto;background:#fff;border:1px solid #e6eaf2;border-radius:12px}.p-overflow table{border-collapse:collapse;width:100%;min-width:520px;font-size:11px}.p-overflow th,.p-overflow td{padding:13px 12px;text-align:left;border-bottom:1px solid #edf0f4}.p-overflow th{background:#f5f7fb}.p-overflow th button{border:0;background:none;color:#68728e;font-weight:700;font-size:10px}.p-overflow td input{padding:7px;width:150px;border:1px solid #e3e6ee;border-radius:6px}.p-status{background:#ebeafd;color:#665cc6;padding:5px 7px;border-radius:7px}.p-progress{height:5px;background:#e4e7ee;border-radius:9px;width:80px;display:inline-block;margin-right:8px}.p-progress i{display:block;background:var(--studio-accent,#6b5ce0);height:100%;border-radius:9px}.p-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#8a95aa;margin-top:13px}.p-bottom div{display:flex;align-items:center;gap:8px}.p-bottom button:disabled{opacity:.45}.p-shell{display:grid;grid-template-columns:150px 1fr;background:#fff;border:1px solid #e6e9f1;border-radius:10px;overflow:hidden;min-height:275px}.p-sidebar{background:#161b32;padding:17px 9px;color:#fff}.p-sidebar>strong{display:block;margin:0 7px 15px;font-size:11px}.p-sidebar button{display:block;border:0;background:none;color:#b2bad1;width:100%;text-align:left;padding:10px;border-radius:7px;font-size:10px}.p-sidebar .current{background:#46446b;color:#fff}.p-workarea{padding:19px;position:relative}.p-workarea small{color:#9ca5b5}.p-workarea h3{font-size:22px}.p-workarea p{font-size:11px;color:#8791a5}.p-skeleton{height:13px;background:#e9edf5;border-radius:6px;margin-top:16px}.p-skeleton.short{width:55%}.p-mega{position:absolute;top:30px;left:6px;right:6px;background:#fff;box-shadow:0 7px 30px #151b3150;border:1px solid #e5eaf3;border-radius:9px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:13px}.p-mega button{padding:13px;text-align:left;border:1px solid #e5e9f3;background:#f7f8fc;border-radius:7px}.p-alert{display:flex;gap:12px;background:#fff;border:1px solid #e6eaf2;border-left:4px solid var(--studio-accent,#6b5ce0);border-radius:10px;padding:13px;margin:10px 0;align-items:center}.p-alert>span{color:#6b5ce0;background:#efecff;padding:8px;border-radius:50%}.p-alert div{flex:1}.p-alert strong{font-size:12px}.p-alert p{font-size:10px;color:#929bae;margin:5px 0}.p-alert button{border:0;background:none;color:#a0aac0;font-size:21px}.p-chart svg{width:100%;height:auto;max-height:230px}.p-chart>small,.p-palette>small{font-size:10px;color:#8793a8}.p-login{display:grid;place-items:center;background:#e8ebf7;padding:30px}.p-login.aurora{background:radial-gradient(circle at 70% 30%,#6554af,#151a32 75%)}.p-login form{max-width:325px;width:100%;padding:26px;border-radius:17px;background:#ffffffef;display:grid;gap:12px;box-shadow:0 14px 45px #161a2940}.p-login form>span{font-size:28px;text-align:center;color:#6b5ce0}.p-login h3{font-size:20px;margin:0;text-align:center}.p-login p{text-align:center;font-size:11px;color:#858fa6}.p-login input{padding:12px;border:1px solid #e1e5ed;border-radius:9px;font-size:12px}.p-login button{background:var(--studio-accent,#6b5ce0);border:0;border-radius:8px;padding:11px;color:#fff}.p-login button[type=button]{background:none;color:#6961c1}.p-login small{color:#2c987e;text-align:center}.p-palette h3{font-size:18px}.p-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.p-swatches div{height:70px;border-radius:7px;display:flex;align-items:end}.p-swatches span{font-size:9px;background:#ffffffaf;margin:5px;padding:3px;border-radius:3px;color:#4c5670}.p-color-sample{min-height:100px;padding:19px;border:1px solid #dde2ed;border-radius:12px;margin-top:16px;font-size:22px;font-weight:800;display:grid;align-content:center}.p-color-sample small{font-weight:400;font-size:11px;margin-top:8px}.p-landing{min-height:320px;background:#f0ebdb;color:#384a37}.p-landing.sea{background:#e9f0ef;color:#285566}.p-landing nav{display:flex;gap:12px;align-items:center}.p-landing nav b{flex:1;font-size:12px}.p-landing nav button{border:0;background:transparent;border-radius:6px;padding:8px;font-size:11px;color:inherit}.p-landing-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;align-items:center;margin:28px 0}.p-landing-hero small{display:block;font-size:10px;font-weight:700;margin-top:8px}.p-landing-hero h2{font-size:clamp(27px,4vw,44px);line-height:1.1;letter-spacing:-1px}.p-landing-hero p{font-size:12px;line-height:1.8}.p-landing-hero button{background:#425f48;color:#fff;border:0;padding:12px 16px;border-radius:25px}.p-landing.sea .p-landing-hero button{background:#2a677b}.p-landing-art{font-size:75px;text-align:center;background:radial-gradient(#f6ead2,#bccb9f);border-radius:50%;padding:45px 4px}.p-landing.sea .p-landing-art{background:radial-gradient(#fff5e5,#a9c9cf)}.p-ui-kit h3{font-size:18px}.p-ui-kit p{font-size:11px;color:#939aae}.p-action{background:var(--studio-accent,#6b5ce0)!important;color:#fff!important;border-color:transparent!important}.p-action.outline{background:transparent!important;color:var(--studio-accent,#6b5ce0)!important;border:1px solid var(--studio-accent,#6b5ce0)!important}.p-action.soft{background:#ece8ff!important;color:#6b5ce0!important}.p-action.ghost{background:none!important;color:var(--studio-accent,#6b5ce0)!important}.p-feedback{padding:13px;background:#e9f3f0;border-radius:8px;font-size:11px;color:#426a5e}.p-feedback button{border:0;background:none;color:#4f7c71}.studio-dark .p-overflow,.studio-dark .p-overflow th,.studio-dark .p-alert{background:#303850;color:#eef2ff;border-color:#49516a}.studio-dark .p-overflow td{border-color:#49516a}.studio-dark .p-workarea{background:#303850;color:#eef2ff}.studio-dark .p-workarea h3,.studio-dark .p-workarea p{color:#eef2ff}.studio-dark .p-tools button{background:#444c64;color:#eef2ff;border-color:#5f6880}@media(max-width:550px){.p-shell{grid-template-columns:105px 1fr}.p-landing-hero{grid-template-columns:1fr}.p-landing-art{padding:18px;font-size:55px}.p-bottom{flex-wrap:wrap}.p-toolbar h3{font-size:14px}}.p-ag-grid .p-overflow{border-color:#ccd8e4}.p-ag-grid .p-overflow th{background:#e9eff7;color:#526883}.p-ag-grid .p-status{background:#dff0ff;color:#296d9b}.p-row-group td{background:#e6ebf6!important;color:#465a7b;font-size:10px;font-weight:700;border-top:1px solid #cfd9e9!important}.p-row-group small{font-size:9px;font-weight:400;margin-left:7px;color:#71809d}.p-mui-grid .p-overflow th{background:#eff5fd}.p-mui-grid .p-status{background:#dcebff;color:#2563ad}.p-mui-grid .p-overflow input[type=checkbox],.p-ag-grid .p-overflow input[type=checkbox]{accent-color:#625be1}.p-row-selected td{background:#f1efff}.p-mui-grid.p-dense td,.p-mui-grid.p-dense th{padding:6px 10px}.p-sheet-grid .p-overflow th{background:#e3f5e9}.p-sheet-grid .p-overflow td{padding:5px 9px}.p-sheet-grid .p-overflow td input{border:1px solid transparent;background:transparent;border-radius:0;width:100%;min-width:120px}.p-sheet-grid .p-overflow td input:focus{border-color:#45ad75;background:#f1fff5;outline:2px solid #b3e8ca}.p-edit-indicator{font-size:10px;color:#5b9c6f}.p-headless-grid .p-overflow th{background:#f8f9fc}.p-tools button.current{background:#e5e9ff;border-color:#b8bdf5;color:#5256c3}.runtime-demo,.distinct-demo{padding:24px;background:#fff;border:1px solid #e2e7ef;border-radius:15px;color:#25324a;min-width:0;font-family:Inter,system-ui,sans-serif}.runtime-demo>p,.distinct-demo>p{font-size:13px;color:#64748b;line-height:1.7}.runtime-demo small,.distinct-demo small{font-size:11px;line-height:1.6}.demo-eyebrow{font-size:10px!important;letter-spacing:1.3px;font-weight:800;color:#6b5ce0}.demo-controls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;align-items:center}.demo-controls label,.demo-search{font-size:12px;display:grid;gap:7px}.demo-controls input,.demo-controls select,.demo-search input,.distinct-demo input:not([type=range]):not([type=checkbox]),.distinct-demo textarea,.distinct-demo select{border:1px solid #d8deea;border-radius:8px;padding:10px;background:#fff;color:#26324b;max-width:100%;min-width:0}.demo-search{margin:15px 0}.demo-search input{max-width:350px}.distinct-demo button,.demo-controls button{border:1px solid #dfe4ed;background:#f7f8fc;color:#394763;border-radius:9px;padding:10px 14px;cursor:pointer;font:inherit;font-size:12px;min-height:40px}.distinct-demo button:hover{background:#efecff}.distinct-demo button.active,.distinct-demo button.primary{background:#6b5ce0;color:#fff;border-color:#6b5ce0}.distinct-demo :focus-visible,.runtime-demo :focus-visible{outline:3px solid #7b71e4;outline-offset:3px}.elix-slide{height:100%;box-sizing:border-box;padding:38px 54px;background:#e9e5ff;color:#39316f}.elix-slide-1{background:#def0ef;color:#1f6661}.elix-slide-2{background:#ffe8d4;color:#895b32}.elix-slide span{font-size:48px;opacity:.5}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-card{padding:18px;background:#f5f7fc;border:1px solid #e3e8f2;border-radius:12px}.demo-card b{display:block;font-size:24px;margin:8px 0}.demo-card small{display:block;color:#6e7a8e}.demo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.demo-live{padding:12px;border-radius:8px;background:#e8f5ee;color:#26624b;font-size:12px;margin-top:15px}.demo-note{font-size:11px!important;color:#68788e;margin-top:16px}.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-list{display:grid;gap:10px;margin:15px 0}.demo-list-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:13px;border:1px solid #e4e9f1;border-radius:10px}.demo-list-row small{display:block;color:#64748b}.demo-list-row button{flex-shrink:0}.demo-avatars{display:flex;gap:8px;flex-wrap:wrap}.demo-avatar{width:43px;height:43px;border-radius:50%!important;padding:0!important;background:#ebe6ff!important;color:#6352c2!important}.demo-avatar.active{box-shadow:0 0 0 3px #8578e5}.demo-stage{position:relative;min-height:240px;overflow:hidden;border-radius:13px;background:#12172c;color:#fff;display:grid;place-items:center}.demo-stage h2{font-size:clamp(24px,6vw,50px);text-align:center;z-index:1}.demo-stage p{z-index:1}.demo-stage .demo-disc{position:absolute;width:180px;height:180px;border-radius:50%;background:#7968e7;right:-50px;top:-35px;opacity:.55}.demo-scene-1{background:#d8f1eb;color:#194f46}.demo-scene-2{background:#fae3cd;color:#674328}.demo-checkboxes{display:grid;gap:14px;margin:20px 0}.demo-checkboxes label{display:flex;gap:10px;font-size:13px;align-items:center}.demo-checkboxes input{accent-color:#6b5ce0}.demo-code{white-space:pre-wrap;background:#141b30;color:#dbe4ff;padding:18px;border-radius:10px;font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.demo-progress{height:8px;border-radius:5px;background:#e9e5fb;overflow:hidden}.demo-progress span{display:block;height:100%;background:#7c68e5;transition:width .25s}.demo-chart-wrap{width:100%;height:240px;min-width:0}.tree-demo-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.tree-demo-layout [role=tree]{border-inline-end:1px solid #e3e8f0;padding:12px;margin:0;list-style:none}.tree-demo-layout [role=group]{list-style:none;padding-inline-start:18px}.tree-demo-layout [role=treeitem]{padding:10px 6px;font-size:13px;cursor:pointer;border-radius:6px;outline-offset:-2px}.tree-demo-layout [aria-selected=true]{background:#ece8ff;color:#5f50bd}.tree-demo-layout [role=treeitem]>span{display:flex;gap:6px}.tree-demo-layout section{padding:18px;background:#f7f8fc;border-radius:12px}.aurora-auth{position:relative;min-height:520px;display:grid;place-items:center;background:#0b1420;overflow:hidden;isolation:isolate}.aurora-wire{position:absolute;width:180%;height:90%;left:-40%;bottom:-38%;background-image:linear-gradient(#33deb350 1px,transparent 1px),linear-gradient(90deg,#33deb350 1px,transparent 1px);background-size:36px 36px;transform:perspective(400px) rotateX(55deg);animation:wire-flow 12s linear infinite;z-index:-1}.aurora-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 10%,#1ea98d66,transparent 60%);z-index:-1}.auth-card{width:min(100%,330px);padding:25px;border:1px solid #ffffff25;border-radius:18px;background:#101c2de8;color:#fff}.auth-card h3{font-size:24px}.auth-card label{display:grid;gap:7px;font-size:12px;margin:14px 0}.auth-card input{width:100%;box-sizing:border-box}.auth-card button{width:100%}.signup-demo{background:#f2f0fb}.signup-demo .auth-card{margin:auto;background:#fff;color:#293149;border-color:#e2deee}.signup-demo .demo-stage{min-height:0}.signup-demo .signup-fields{animation:field-in .35s ease both}.tilt-sample{width:220px;height:150px;background:linear-gradient(135deg,#9c8af2,#534397);border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:0 20px 45px #23114a25;transition:transform .15s;margin:30px auto}.receipt-paper{width:min(100%,280px);margin:20px auto;padding:22px;background:#fff;box-shadow:0 12px 25px #172a4014;border-bottom:4px dashed #e4e8ed;animation:receipt-in .7s ease both}.receipt-paper dl{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:12px}.receipt-paper dd{margin:0}.demo-ball-track{height:80px;position:relative;background:#f0edfb;border-radius:12px;margin:25px 0;overflow:hidden}.demo-ball{position:absolute;top:21px;width:38px;height:38px;background:#7f68e4;border-radius:50%;left:8px}.demo-ball.go{left:calc(100% - 46px)}.shot-stage{height:260px;position:relative;overflow:hidden;background:linear-gradient(#bcd9dd 62%,#c1cba5 62%);display:grid;place-items:center;border:14px solid #10192a}.shot-subject{width:65px;height:140px;background:#d58960;border-radius:35px 35px 10px 10px;transform-origin:center;transition:transform .5s}.shot-subject:before{content:"";display:block;width:48px;height:48px;border-radius:50%;background:#e8b38e;position:relative;top:-30px;margin:auto}.shot-frame{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border:1px solid #fff9;pointer-events:none}.opus-style{padding:40px;border-radius:18px;transition:background .35s,color .35s;text-align:center}.opus-style h2{font-size:clamp(25px,6vw,48px);margin:16px 0}.opus-style .opus-forms{display:flex;justify-content:center;gap:15px}.opus-forms i{display:block;width:70px;height:70px;background:currentColor;border-radius:50%}.opus-forms i:nth-child(2){border-radius:12px;transform:rotate(25deg)}.preview-isolated{margin:0!important;padding:16px!important;background:#f4f7fb;min-width:0!important}.preview-isolated #root{min-width:0}.preview-isolated .studio-stage{margin:0;width:100%}.preview-isolated .studio-stage .lab-demo{min-height:300px}.preview-isolated :is(.electric-reference,.messaging-reference,.murmura-reference){min-width:0}.preview-isolated .studio-compact .distinct-demo{padding:14px}.preview-isolated .studio-spacious .distinct-demo{padding:32px}.preview-iframe{display:block;border:0;width:100%;min-height:800px;background:#f4f7fb}.studio-scroll:has(.preview-iframe){padding:10px}.studio-comparison>.studio-stage:has(.preview-iframe){flex:0 0 49%}.studio-isolated-mobile{width:390px;max-width:none!important;flex-shrink:0}.studio-isolated-tablet{width:740px;max-width:none!important;flex-shrink:0}@keyframes wire-flow{to{background-position:0 360px}}@keyframes field-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes receipt-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@media(max-width:600px){.demo-grid,.demo-split,.tree-demo-layout{grid-template-columns:1fr}.runtime-demo,.distinct-demo{padding:16px}.tree-demo-layout [role=tree]{border-inline-end:0;border-bottom:1px solid #e3e8f0}.demo-list-row{flex-wrap:wrap}.demo-controls{align-items:stretch}.demo-stage{min-height:210px}}@media(prefers-reduced-motion:reduce){.distinct-demo *,.distinct-demo *:before,.distinct-demo *:after{animation:none!important;transition:none!important}}.lab-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e142a99;z-index:1000}.lab-dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:16px;padding:26px;color:#26324b;z-index:1001;box-sizing:border-box;font-family:system-ui}.lab-dialog-content h2{font-size:23px}.lab-dialog-content p{font-size:13px;line-height:1.6}.lab-dialog-content form{display:grid;gap:12px}.lab-dialog-content input{border:1px solid #cdd5e4;border-radius:8px;padding:12px}.lab-dialog-content button{padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer}.lab-dialog-content .primary{background:#6b5ce0;color:#fff}.lab-dialog-close{position:absolute;right:12px;top:10px}.lab-dialog-content :focus-visible{outline:3px solid #7f73de;outline-offset:3px}.studio-dark .distinct-demo,.studio-dark .runtime-demo{background:#172033;color:#edf2fc;border-color:#35415a}.studio-dark .demo-card,.studio-dark .tree-demo-layout section{background:#242f45;border-color:#3c4860;color:#edf2fc}.studio-dark .demo-search input,.studio-dark .distinct-demo input:not([type=range]):not([type=checkbox]),.studio-dark .distinct-demo select,.studio-dark .distinct-demo textarea{background:#18263d;color:#edf2fc;border-color:#485671}.studio-dark :is(.distinct-demo,.runtime-demo)>p,.studio-dark .demo-card small{color:#bac6d8}.studio-dark .demo-list-row{border-color:#3a4760}.studio-dark .distinct-demo button:not(.primary):not(.active){background:#2b3852;color:#e5ebf8;border-color:#465571}.studio-dark .demo-eyebrow{color:#b6a8ff}.studio-dark .auth-card{color:#fff}.studio-dark .signup-demo .auth-card{background:#242f45;color:#edf2fc}.studio-dark .elix-slide{color:#39316f}.demo-controls button:disabled{opacity:.45;cursor:default}.studio{display:grid;gap:15px}.studio-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.studio-heading strong{font-size:16px}.studio-heading p{font-size:11px;color:#8490a4;margin:6px 0 0}.studio-label{font-size:9px;font-weight:800;letter-spacing:1px;background:#e9e7ff;color:#665ac4;padding:7px 9px;border-radius:7px;white-space:nowrap}.studio-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap;padding:14px;background:#f5f6fb;border-radius:12px}.studio-controls fieldset{display:flex;gap:4px;padding:0;border:0;margin:0}.studio-controls legend,.studio-color,.studio-variant{font-size:10px;color:#758097;font-weight:700}.studio-controls legend{margin-bottom:7px}.studio-controls button,.studio-footer button{background:#fff;border:1px solid #dfe4ef;border-radius:8px;padding:9px 12px;color:#59627b;font-size:11px}.studio-controls button.on{background:#6b5ce0;border-color:#6b5ce0;color:#fff}.studio-color,.studio-variant{display:grid;gap:5px}.studio-color{grid-template-columns:auto auto;align-items:center}.studio-color input{height:30px;width:40px;padding:2px;border:1px solid #dfe4ef;border-radius:6px}.studio-color code{grid-column:1/-1}.studio-variant select{border:1px solid #dfe4ef;background:#fff;padding:8px;border-radius:8px;color:#59627b;font-size:11px}.studio-workbench{border:1px solid #e1e6ef;border-radius:13px;overflow:hidden;background:#e9edf5}.studio-frame-header{height:38px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;background:#fff;border-bottom:1px solid #e1e6ef;color:#a0a9bb;font-size:10px}.studio-frame-header b{color:#66728b;font-weight:600}.studio-scroll{overflow-x:auto;padding:18px}.studio-stage{margin:auto;min-width:0;transition:max-width .2s}.studio-stage .lab-demo{--preview-accent:var(--studio-accent);min-height:260px}.studio-stage .demo-bars span{background:linear-gradient(var(--studio-accent),#e6e0fc)}.studio-stage .demo-toolbar .chosen,.studio-stage .skill-stages .chosen,.studio-stage .phone-demo button{background:var(--studio-accent)}.studio-dark .lab-demo{background:#22283b;color:#f1f3fc;border-color:#38415b}.studio-dark .demo-kpis>div,.studio-dark .demo-chart,.studio-dark .kanban-task,.studio-dark .schedule-grid>div,.studio-dark .pipeline-steps>div{background:#30384f;border-color:#444d68;color:#f2f4fc}.studio-dark .kanban-column{background:#3a435b}.studio-dark .demo-toolbar button,.studio-dark .skill-stages button{background:#38415a;color:#f3f4fc;border-color:#59617b}.studio-dark .demo-toolbar button.chosen,.studio-dark .skill-stages button.chosen{background:var(--studio-accent)}.studio-compact .lab-demo{padding:10px}.studio-compact .demo-kpis>div{padding:8px}.studio-spacious .lab-demo{padding:30px}.studio-spacious .demo-kpis{gap:18px}.studio-footer{display:flex;justify-content:space-between;gap:10px}.studio-notes{border:1px solid #e1e6ef;border-radius:10px;padding:14px}.studio-notes p{font-size:11px;color:#7c879b;line-height:1.7}@media(max-width:550px){.studio-scroll{padding:9px}.studio-stage{width:100%}.studio-controls{gap:10px}.studio-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.studio-stage{transition:none}}.studio-compare-button{padding:9px 12px;border:1px solid #dfe3ef;border-radius:9px;background:#fff;color:#5f61ad;font-size:11px}.studio-compare-button.on{background:#6b5ce0;color:#fff}.studio-comparison{display:flex;align-items:stretch;gap:14px}.studio-comparison>.studio-stage{flex:0 0 49%;max-width:none!important}.studio-frame-label{font-size:10px!important;font-weight:800!important;color:#7975b6!important;letter-spacing:1px;margin:0 0 9px!important}.studio-dark .studio-frame-label{color:#ccc2ff!important}@media(max-width:720px){.studio-comparison>.studio-stage{flex-basis:310px}.studio-comparison{overflow-x:auto}}.studio-fidelity{display:flex;justify-content:space-between;align-items:start;gap:15px;flex-wrap:wrap;border-radius:12px;border:1px solid #e5e9f1;background:#f7f8fb;padding:13px 15px}.studio-fidelity>div{max-width:680px}.studio-fidelity strong{font-size:12px;color:#3e4a63}.studio-fidelity p{color:#7f8aa1;font-size:10px;line-height:1.7;margin:4px 0 0}.studio-fidelity a{font-size:11px;color:#6054cf;text-decoration:none;font-weight:700}.studio-fidelity-recreated{border-color:#d3e9db;background:#f1faf5}.studio-fidelity-recreated strong{color:#237851}.studio-fidelity-runtime{border-color:#bfd8ee;background:#f0f8ff}.studio-fidelity-runtime strong{color:#2e6991}.studio-fidelity-concept,.studio-fidelity-unbuilt{border-color:#eddbbd;background:#fff9ee}.studio-fidelity-concept strong,.studio-fidelity-unbuilt strong{color:#a56d25}.studio-fidelity-illustrative{background:#f7f7ff;border-color:#e0dffc}.workbench-layout{display:grid;gap:20px}.wb-hero{padding:33px 37px;background:linear-gradient(120deg,#fff,#f1efff 70%,#e7e9fc);border:1px solid #e6e5f7;border-radius:22px;position:relative;overflow:hidden}.wb-hero:after{content:"";position:absolute;width:220px;height:220px;right:-85px;top:-115px;border:40px solid #ffffff7a;border-radius:50%;pointer-events:none}.wb-hero .wb-kicker{color:#7974c4;font-size:10px;font-weight:800;letter-spacing:1.6px}.wb-hero h1{margin:9px 0 12px;font-size:clamp(29px,3.1vw,42px);letter-spacing:-1.5px;line-height:1.17}.wb-hero h1 em{font-style:normal;color:#695be0}.wb-hero>p{margin:0;max-width:700px;font-size:12px;line-height:1.8;color:#818a9e}.wb-controls,.boards-main,.boards-sidebar{background:#fff;border:1px solid #e6eaf2;border-radius:17px;padding:19px}.wb-controls{display:grid;gap:15px}.wb-control-row{display:flex;align-items:end;gap:12px}.wb-filter-search{display:flex;align-items:center;gap:9px;flex:1;background:#f7f8fd;border:1px solid #e5e9f1;border-radius:10px;padding:11px 12px;color:#7d88a0}.wb-filter-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#29334e;font-size:12px}.wb-filter-label,.wb-picker-row label{display:grid;gap:7px;color:#738099;font-weight:700;font-size:10px;letter-spacing:.35px}.wb-filter-label select,.wb-picker-row select{border:1px solid #e2e7f0;background:#f9fafe;border-radius:10px;color:#313d56;padding:11px 12px;font-size:12px;width:100%}.wb-filter-label select{min-width:170px}.wb-picker-row{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px;align-items:end}.wb-picker-row label{min-width:0}.wb-swap{border:1px solid #e0e3f0;height:43px;background:#f5f2ff;color:#655bd0;border-radius:10px;display:grid;place-items:center}.wb-view-options{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border-top:1px solid #eef0f6;padding-top:13px}.wb-segments{display:flex;gap:2px;padding:3px;background:#f1f2f8;border-radius:9px}.wb-segments button{border:0;border-radius:7px;padding:8px 12px;background:transparent;font-size:11px;color:#717b90}.wb-segments button.active{background:#fff;box-shadow:0 1px 5px #222b4214;color:#594fc6;font-weight:700}.wb-view-options>label{display:flex;align-items:center;gap:8px;color:#7c879e;font-size:11px}.wb-view-options input[type=color]{width:38px;height:32px;border:1px solid #e5e7ef;border-radius:6px;padding:2px}.wb-view-options>span{color:#a0a8bb;font-size:10px;display:flex;align-items:center;gap:5px;margin-left:auto}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.compare-panel{min-width:0;border-radius:19px;background:#fff;border:1px solid #e4e8f1;padding:15px;display:flex;flex-direction:column;gap:13px}.compare-panel-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.compare-panel-head small{font-size:10px;color:#8994aa}.compare-panel-head h3{font-size:16px;margin:5px 0;letter-spacing:-.4px}.compare-flag{border-radius:99px;padding:7px 9px;font-size:9px;white-space:nowrap}.compare-flag.sample{background:#e9f6f0;color:#258569}.compare-flag.concept{background:#fff3df;color:#ad7b36}.compare-frame{border-radius:13px;background:#edf0f8;border:1px solid #e2e6ef;overflow:hidden;flex:1;min-height:300px}.compare-browser-chrome{background:#fff;border-bottom:1px solid #e7eaf2;padding:10px 12px;display:flex;justify-content:space-between;font-size:10px;color:#a0a8ba}.compare-viewport{padding:11px;overflow-x:auto}.compare-preview-content{margin:auto;min-width:0}.compare-preview-content>.lab-demo{min-height:260px}.compare-description{font-size:11px;line-height:1.7;color:#8590a5;margin:0}.compare-panel-foot{display:flex;flex-wrap:wrap;align-items:center;gap:9px;border-top:1px solid #f1f2f7;padding-top:12px;margin-top:auto}.wb-button,.compare-panel-foot>a{background:#f7f8fc;color:#626f8b;border:1px solid #e3e8f0;padding:9px 11px;border-radius:9px;font-size:11px;display:inline-flex;align-items:center;gap:5px;text-decoration:none}.wb-button.primary{color:#fff;background:#6b5ce0;border-color:#6b5ce0}.wb-button.saved{background:#e6f6ec;border-color:#c9ebd8;color:#1b8055}.wb-note{font-size:10px;color:#929aae;line-height:1.7}.boards-notice{display:flex;gap:12px;align-items:start;background:#fffbf3;border:1px solid #f1e4c5;color:#987240;border-radius:12px;padding:11px 14px}.boards-notice p{font-size:11px;line-height:1.7;margin:0;color:#8b754f}.boards-error{color:#b03838;font-size:12px}.boards-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:17px;align-items:start}.boards-sidebar{display:grid;gap:8px}.boards-sidebar>h3{display:flex;justify-content:space-between;font-size:13px;margin:0 0 12px}.boards-sidebar h3 span{color:#999db2}.boards-project{background:#f7f8fc;border:1px solid transparent;border-radius:10px;text-align:left;display:flex;align-items:start;gap:10px;padding:12px 10px;color:#72809b}.boards-project span{flex:1;font-size:11px;font-weight:700;line-height:1.5}.boards-project small{display:block;color:#9aa4b7;font-size:10px;font-weight:400;margin-top:3px}.boards-project.active{background:#efedff;color:#6557d8;border-color:#dedafa}.boards-create{margin-top:15px;padding-top:14px;border-top:1px solid #eef0f6;display:grid;gap:10px}.boards-create label{font-size:10px;color:#758099;font-weight:800}.boards-create input,.boards-main-header form input{border:1px solid #e1e6ef;border-radius:9px;padding:10px;font-size:11px;min-width:0}.boards-create button,.boards-export{background:#6b5ce0;border:1px solid #6b5ce0;color:#fff;border-radius:9px;padding:11px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.boards-export{background:#f6f7fc;border-color:#e5e9f0;color:#6d7891}.boards-main-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.boards-main-header small{font-size:10px;color:#8991a5}.boards-main-header h2{font-size:22px;margin:5px 0}.boards-main-header>div:last-child{display:flex;gap:6px}.boards-main-header button,.boards-main-header form button{border:1px solid #e4e8f1;background:#f8f9fc;color:#6c7489;border-radius:8px;padding:9px 10px;font-size:11px}.boards-main-header .danger{color:#bf6672}.boards-main-header .danger svg{vertical-align:middle}.boards-main-header form{display:flex;gap:7px;align-items:center;margin-top:6px}.boards-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:23px 0 17px}.boards-metrics>div{background:#f5f6fc;border:1px solid #f0f1f8;border-radius:12px;padding:14px;display:grid;gap:7px}.boards-metrics b{font-size:20px;color:#313954}.boards-metrics small{color:#8a94aa;font-size:10px}.boards-filter{display:flex;justify-content:flex-end;margin:0 0 15px}.boards-filter label{font-size:10px;color:#8c94a9;display:flex;align-items:center;gap:8px}.boards-filter select,.boards-card-actions select{border:1px solid #e1e6ef;padding:8px 10px;border-radius:7px;background:#fff;font-size:11px;color:#5e6880}.boards-empty{text-align:center;border:1px dashed #dfe3ed;border-radius:13px;padding:46px 20px;color:#858ca8}.boards-empty h3{font-size:14px;color:#525e75}.boards-empty p{font-size:11px;max-width:360px;line-height:1.8;margin:auto}.boards-items{display:grid;gap:12px}.boards-card{border:1px solid #e7eaf1;border-radius:13px;padding:16px;background:#fff}.boards-card-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.boards-card-title small{color:#939cb2;font-size:10px}.boards-card-title h3{font-size:15px;margin:4px 0}.board-status{border-radius:20px;padding:7px 9px;font-size:10px;white-space:nowrap;background:#eeebff;color:#6e63cc}.board-status.approved{background:#e3f6ed;color:#248f68}.board-status.rejected{background:#f9e9eb;color:#bc6773}.boards-card>p{font-size:11px;color:#8b93a8;line-height:1.6}.boards-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid #f0f2f6;margin-top:14px;padding-top:13px}.boards-card-actions button,.boards-card-actions a{display:inline-flex;align-items:center;gap:5px;border:1px solid #e6eaf2;background:#f7f8fc;border-radius:7px;padding:9px 10px;color:#637089;text-decoration:none;font-size:11px}.boards-card-actions button.danger{color:#b55a69}.boards-card-actions label{font-size:10px;color:#818da0;display:flex;align-items:center;gap:7px;margin-left:auto}.boards-notes-label{display:grid;gap:8px;font-size:11px;font-weight:700;color:#747f94;margin-top:15px}.boards-notes-label textarea{width:100%;border:1px solid #e0e6f0;border-radius:9px;resize:vertical;padding:12px;font-size:11px;color:#3d4960;line-height:1.6;font-weight:400}.boards-timestamp{display:block;color:#a4adbd;margin-top:9px;font-size:10px}.boards-message{display:flex;gap:8px;align-items:center;color:#31876f;background:#eaf7f1;padding:11px 14px;border-radius:10px;font-size:11px}@media(max-width:1240px){.comparison-grid{grid-template-columns:1fr}.compare-frame{min-height:260px}.boards-layout{grid-template-columns:205px minmax(0,1fr)}}@media(max-width:800px){.wb-hero{padding:25px}.wb-control-row{flex-wrap:wrap}.wb-filter-search{flex-basis:100%}.wb-filter-label{width:100%}.wb-picker-row{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:6px}.wb-picker-row select{padding:9px 5px;font-size:10px}.boards-layout{grid-template-columns:1fr}.boards-sidebar{position:static}.boards-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-view-options>span{margin-left:0}}@media(max-width:550px){.wb-picker-row{grid-template-columns:1fr}.wb-swap{height:32px;width:52px;margin:auto}.wb-hero h1{font-size:27px}.compare-panel{padding:10px}.compare-panel-head{flex-wrap:wrap}.wb-segments button{padding:7px 8px}.boards-main-header{align-items:start;flex-direction:column}.boards-card-actions label{margin-left:0}.boards-card-title{flex-wrap:wrap}.wb-controls{padding:12px}}.app>main>header{position:sticky;top:0;z-index:25;background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cat-tabs{position:sticky;top:89px;z-index:24;display:flex;align-items:center;gap:20px;min-width:0;margin:23px 0 25px;padding:12px 14px;background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #dddff1;border-radius:17px;box-shadow:0 8px 28px #2426420b,0 1px 3px #24264206;isolation:isolate}.cat-tabs-head{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:145px;padding-inline-end:18px;border-inline-end:1px solid #e7e8f2}.cat-category-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#f1edff,#e9eefc);color:#7462d3;flex-shrink:0}.cat-tabs-head>div{display:grid;gap:6px}.cat-eyebrow{font-size:8px;font-weight:800;letter-spacing:1.4px;color:#9892b1;white-space:nowrap}.cat-tabs-head strong{display:flex;align-items:center;gap:9px;font-size:12px;color:#343951;white-space:nowrap}.cat-tabs-head strong small{display:grid;place-items:center;background:#eeebfb;border:1px solid #e2dcf9;border-radius:6px;color:#7b6dc2;min-width:21px;height:20px;font-size:10px;font-weight:700}.cat-tab-track{flex:1;min-width:0;overflow:hidden;border-radius:11px}.cat-tab-scroll{position:relative;display:flex;align-items:stretch;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 2px;scrollbar-width:none}.cat-tab-scroll::-webkit-scrollbar{display:none}.cat-tab{scroll-snap-align:center;flex:0 0 auto;display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;border-radius:10px;color:#737b94;padding:11px 13px;min-height:45px;position:relative;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.cat-tab-number{font-size:9px;color:#a7abc0;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.3px}.cat-tab-name{font-size:11px;font-weight:650;white-space:nowrap}.cat-tab.active{background:linear-gradient(120deg,#7362df,#6252c4);color:#fff;border-color:#6d5bd1;box-shadow:0 4px 10px #6b5ce024}.cat-tab.active .cat-tab-number{color:#e1d9ff}.cat-tab-active-dot{height:5px;width:5px;border-radius:50%;background:#d4ffdf;margin-inline-start:2px;box-shadow:0 0 7px #b8f8ce50}.cat-tab:hover:not(.active){background:#f1effb;color:#6556ae}.cat-tab:focus-visible{outline:3px solid #a395ed;outline-offset:-3px}.cat-tab-arrows{display:flex;gap:5px;padding-inline-start:10px;border-inline-start:1px solid #e8e9f1;flex:0 0 auto}.cat-tab-arrows button{border:1px solid #e2e2ee;border-radius:9px;background:#fff;color:#7566b4;display:grid;place-items:center;width:33px;height:36px;transition:background .15s,opacity .15s}.cat-tab-arrows button:hover:not(:disabled){background:#f0edff}.cat-tab-arrows button:disabled{opacity:.3;cursor:default}@media(max-width:1100px){.cat-tabs{gap:12px}.cat-tabs-head{min-width:0;padding-inline-end:12px}.cat-category-icon{display:none}.cat-tab{padding:11px}.cat-tab-arrows{padding-inline-start:7px}}@media(max-width:750px){.cat-tabs{top:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;margin:15px 0 20px;padding:12px;border-radius:14px}.cat-tabs-head{grid-column:1;grid-row:1;border:0;padding:0;gap:9px}.cat-category-icon{display:grid;width:31px;height:31px;border-radius:9px}.cat-category-icon svg{width:16px}.cat-tabs-head>div{display:flex;align-items:center;gap:10px}.cat-eyebrow{font-size:7px;letter-spacing:1px}.cat-tabs-head strong{font-size:11px;gap:6px}.cat-tabs-head strong small{height:18px;min-width:19px;font-size:9px}.cat-tab-arrows{grid-column:2;grid-row:1;padding:0;border:0;gap:4px}.cat-tab-arrows button{width:30px;height:31px}.cat-tab-track{grid-column:1/-1;grid-row:2;margin:0 -3px}.cat-tab-scroll{padding:2px 3px}.cat-tab{padding:10px 12px;min-height:43px}.cat-tab-name{font-size:10px}.cat-tab-number{font-size:8px}.cat-tab-active-dot{width:4px;height:4px}}@media(prefers-reduced-motion:reduce){.cat-tab,.cat-tab-arrows button{transition:none}.cat-tab-scroll{scroll-behavior:auto}}