@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#cbd5e1;background:#070b14;font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00ffe02e;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00ffe059}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-border{0%,to{border-color:#00ffe02e}50%{border-color:#00ffe07a}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.fu{animation:.36s both fadeUp}.fu1{animation:.36s 60ms both fadeUp}.fu2{animation:.36s .12s both fadeUp}.fu3{animation:.36s .18s both fadeUp}.fu4{animation:.36s .24s both fadeUp}.fu5{animation:.36s .3s both fadeUp}.si{animation:.28s both slide-in}.card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;transition:background .18s,border-color .18s}.card:hover{background:#ffffff0a;border-color:#ffffff17}.model-drag{cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity .15s,transform .15s,box-shadow .15s}.model-drag:hover{transform:translate(3px)}.model-drag:active{cursor:grabbing}.model-drag.is-dragging{opacity:.35;transform:scale(.97)}.drop-zone{border:2px dashed #ffffff14;border-radius:16px;transition:border-color .2s,background .2s,box-shadow .2s}.drop-zone.over-a{background:#00ffe008;border-color:#00ffe0;box-shadow:inset 0 0 40px #00ffe00d,0 0 20px #00ffe00f}.drop-zone.over-b{background:#c084fc08;border-color:#c084fc;box-shadow:inset 0 0 40px #c084fc0d,0 0 20px #c084fc0f}.btn-cta{color:#070b14;cursor:pointer;letter-spacing:.02em;background:#00ffe0;border:none;border-radius:10px;font-family:Outfit,sans-serif;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}.btn-cta:hover:not(:disabled){background:#5cfff0;transform:translateY(-1px);box-shadow:0 6px 24px #00ffe047}.btn-cta:active:not(:disabled){transform:translateY(0)}.btn-cta:disabled{opacity:.42;cursor:not-allowed}.tab{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.tab.on{color:#00ffe0;background:#00ffe012;border-color:#00ffe038}.tab:hover:not(.on){color:#94a3b8;background:#ffffff0a}.prio-btn{cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;font-family:Outfit,sans-serif;transition:all .15s}.prio-btn.pq{background:#00ffe00f;border-color:#00ffe047}.prio-btn.ps{background:#fbbf240f;border-color:#fbbf2447}.prio-btn.pc{background:#c084fc0f;border-color:#c084fc47}.prio-btn:hover:not(.pq):not(.ps):not(.pc){background:#ffffff0a}.chip{cursor:pointer;color:#64748b;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:100px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.chip:hover{color:#00ffe0;background:#00ffe00f;border-color:#00ffe038}textarea.prompt-area{color:#e2eaf4;resize:none;background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;outline:none;width:100%;padding:16px 18px;font-family:Outfit,sans-serif;font-size:15px;line-height:1.65;transition:border-color .18s,box-shadow .18s}textarea.prompt-area:focus{border-color:#00ffe04d;box-shadow:0 0 0 3px #00ffe00f}textarea.prompt-area::placeholder{color:#475569}.result-hero{background:linear-gradient(135deg,#00ffe00e 0%,#00ffe005 60%,#0000 100%);border:1px solid #00ffe038;border-radius:16px;animation:4s ease-in-out infinite pulse-border}.mono{font-family:IBM Plex Mono,monospace}.bench-sel{border-left-style:solid!important;border-left-width:2px!important}input.search-box{color:#94a3b8;background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:Outfit,sans-serif;font-size:12px;transition:border-color .15s}input.search-box:focus{border-color:#00ffe040}input.search-box::placeholder{color:#475569}.dot-grid{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px}@media (max-width:768px){.playground-layout{flex-direction:column!important;overflow-y:auto!important}.playground-sidebar{border-bottom:1px solid #ffffff0e;flex-shrink:0;height:280px;border-right:none!important;width:100%!important}.playground-main{overflow-y:visible!important}.playground-slots{grid-template-columns:1fr!important;gap:24px!important}.playground-vs{padding:8px 0;flex-direction:row!important}.playground-vs .vs-line{flex:1;width:auto!important;height:1px!important}}