@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@600;700&display=swap";*{box-sizing:border-box}html,body,#root{color:#e4e7eb;background:#101217;height:100%;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}main{background:radial-gradient(circle at 50% 10%,#14242a 0,#101217 35%);flex-direction:column;min-height:100vh;display:flex}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#101217dd;border-bottom:1px solid #2a3038;flex:none;justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;position:relative}.brand{letter-spacing:.15em;white-space:nowrap;align-items:center;gap:10px;font-family:Space Grotesk;display:flex}.brand svg,.hero svg{color:#00eaff;filter:drop-shadow(0 0 8px #00eaff)}.brand span{color:#00eaff;border:1px solid #00eaff55;padding:2px 5px;font:10px JetBrains Mono}.lebefreiHeaderLogo{justify-content:center;align-items:center;max-width:32vw;height:40px;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lebefreiHeaderLogo img{object-fit:contain;width:auto;max-width:100%;max-height:40px;transition:filter .2s,transform .2s;display:block}.lebefreiHeaderLogo:hover img{filter:drop-shadow(0 0 7px #00eaff66);transform:scale(1.02)}nav{gap:8px;display:flex}button{cursor:pointer;background:#171b21;border:1px solid #303842;border-radius:6px;align-items:center;gap:7px;padding:9px 13px;display:inline-flex}button:hover,.active{background:#1b252b;border-color:#00eaff66}.workspace{flex:1;grid-template-rows:minmax(300px,1fr) auto;min-height:0;display:grid}.stage{min-height:0;position:relative;overflow:hidden}.status{z-index:5;color:#82909e;gap:22px;font:11px JetBrains Mono;display:flex;position:absolute;top:18px;left:22px}.status i{font-style:normal}.status .on{color:#49f49a;text-shadow:0 0 8px #49f49a}.canvas{position:absolute;inset:0;overflow:hidden}.grid{opacity:.17;background-image:linear-gradient(90deg,#59606a 1px,#0000 1px),linear-gradient(#59606a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.centerline{background:#00eaff24;width:1px;position:absolute;top:0;bottom:0;left:50%}.dot{border-radius:50%;position:absolute}.flash{background:#fff;position:absolute;left:0;right:0;box-shadow:0 0 35px #fff}.workspace aside{background:#13161c;border-top:1px solid #2a3038;padding:16px 22px 18px}.panelTitle{align-items:baseline;gap:16px;margin-bottom:12px;font-family:Space Grotesk;display:flex}.panelTitle small{color:#65717d;font:10px JetBrains Mono}.columns{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.group{border-left:1px solid #2b333b;padding-left:16px}.group h3{color:#00eaff;letter-spacing:.12em;margin:0 0 12px;font:11px JetBrains Mono}.field{margin:9px 0;display:block}.field span,.color{color:#929ca7;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.field b{color:#d9e0e6;font:11px JetBrains Mono}.field input{accent-color:#00eaff;width:100%;height:3px}.color input{background:0 0;border:0;width:32px;height:25px}.color code{font-size:10px}.toggle{color:#aeb6bf;align-items:center;gap:8px;margin:9px 0;font-size:11px;display:flex}.toggle input{accent-color:#00eaff}.actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.primary{color:#071014;background:#00eaff;border-color:#00eaff;font-weight:700;box-shadow:0 0 18px #00eaff33}.danger{color:#ff7886;border-color:#ff586966}.secondary{margin-right:auto}.page{flex-direction:column;align-items:center;gap:24px;width:min(920px,100% - 36px);margin:0 auto;padding:58px 0;display:flex}.narrow{align-items:stretch;width:min(760px,100% - 36px)}.hero{text-align:center}.hero h1{letter-spacing:.06em;margin:10px 0 4px;font:700 46px Space Grotesk}.hero p{color:#87939e;margin:0}.hero.small h1{font-size:32px}.cards{grid-template-columns:1fr 1fr;gap:18px;width:100%;display:grid}.card{background:#151a20cc;border:1px solid #2a333c;border-radius:10px;width:100%;padding:22px;box-shadow:0 16px 45px #0003}.card h2{align-items:center;gap:10px;margin:0 0 13px;font:600 21px Space Grotesk;display:flex}.card h2 svg{color:#00eaff}.card p{color:#a5afb9;margin:8px 0;line-height:1.65}.warning{background:#25171a88;border-color:#ff586944}.warning h2,.warning h2 svg{color:#ff7886}.big{padding:13px 24px;font-size:16px}.powered{color:#65717d;font-size:11px}.powered a{color:#00eaff;margin-left:5px;text-decoration:none}.faq details{border-top:1px solid #2a333c;padding:15px 0}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;font-weight:600}.faq details p{padding-right:20px}@media (width<=800px){.columns,.cards{grid-template-columns:1fr}.columns{max-height:37vh;overflow:auto}.workspace{grid-template-rows:minmax(280px,1fr) auto}.panelTitle small{display:none}.status{gap:9px;font-size:9px}header{padding:0 10px}.lebefreiHeaderLogo{max-width:24vw;height:30px}.lebefreiHeaderLogo img{max-height:30px}.brand span{display:none}nav button{padding:9px;font-size:0}nav button svg{margin:0}.page{padding-top:36px}}@media (width<=520px){.lebefreiHeaderLogo{display:none}}