:root{--pine:#287A74;--teal:#55A9A0;--mint:#AEEED3;--lemon:#FFF8B0;--ink:#203D3A;--muted:#80918D;--surface:#FFFFFF;--bg:#F5F8F5;--line:#E4EDE8;--deep:#174D49;--shadow:0 14px 35px rgba(37,94,82,.045)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{text-decoration:none;color:inherit}svg{display:block}p{line-height:1.65}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #55A9A09A;outline-offset:3px}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;border-right:1px solid var(--line);height:100vh;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 16px 18px;z-index:25}.brand{display:flex;align-items:center;gap:11px;padding:0 11px;margin-bottom:48px}.brand img{border-radius:13px;box-shadow:0 7px 12px #287a7432}.brand-text strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-1.3px;font-weight:800;color:var(--deep)}.brand-text strong span{color:var(--teal)}.brand-text small{display:block;font-weight:800;font-size:8px;letter-spacing:2.1px;color:#9cb2aa;margin-top:2px}.sidebar-group{margin-bottom:29px}.sidebar-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#9baaa5;padding:0 17px;display:block;margin-bottom:14px}.nav-item{border:0;background:transparent;color:#778a85;width:100%;height:45px;display:flex;align-items:center;gap:13px;padding:0 16px;border-radius:10px;font-size:12px;font-weight:700;text-align:left;margin-bottom:4px;transition:.17s}.nav-icon svg{height:18px;width:18px}.nav-item:hover{background:#EFF7F3;color:var(--pine)}.nav-item.active{background:#E8F5EF;color:var(--pine)}.nav-count{margin-left:auto;padding:2px 7px;border-radius:6px;background:#E2F1ED;font-size:10px;color:var(--pine)}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:linear-gradient(145deg,#e4f5e9,#f5faf5);border:1px solid #d4eade;border-radius:13px;padding:17px}.tip-head{display:flex;gap:8px;align-items:center;color:var(--pine);font-size:12px}.tip-head svg{width:16px}.sidebar-tip p{font-size:11px;color:#78958b;line-height:1.65;margin:9px 0 13px}.tip-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:0;border-radius:8px;background:var(--pine);color:#fff;font-size:11px;font-weight:800}.tip-button svg{width:13px}.sidebar-foot{font-size:10px;color:#a4b4ac;margin:21px 5px 0}.sidebar-foot span{margin:0 7px}.workarea{margin-left:260px;min-width:0;flex:1;padding-bottom:110px}.topbar{height:76px;padding:0 clamp(22px,3vw,53px);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.top-left,.top-right{display:flex;align-items:center;gap:21px}.breadcrumb{font-size:12px;color:#91a19d}.breadcrumb span{margin:0 11px;color:#bbc6c1}.breadcrumb b{font-weight:750;color:#3b5d55}.top-right{gap:17px}.connection{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#eef8f3;color:var(--pine);font-size:11px;font-weight:700;border-radius:25px;white-space:nowrap}.status-dot{height:7px;width:7px;border-radius:50%;background:#6fbb8b;box-shadow:0 0 0 3px #bce7cb}.icon-button{height:36px;width:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:#71938c}.icon-button svg{width:18px}.account{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);font-size:12px;font-weight:800}.account>svg{width:15px;color:#9eaaa5}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e6f4ed;color:var(--pine);font-size:13px}.mobile-menu{display:none}.main{max-width:1470px;margin:0 auto;padding:36px clamp(22px,3vw,53px) 20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.1px;color:var(--teal);text-transform:uppercase}.heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.heading-row h1,.page-title{font-family:Manrope,sans-serif;letter-spacing:-1.1px;font-size:clamp(23px,2vw,30px);line-height:1.3;margin:5px 0 7px;color:var(--ink)}.page-sub{font-size:12px;color:var(--muted);margin:0;max-width:600px}.date-pill{font-size:11px;color:#65867c;background:#eaf5ef;padding:10px 15px;border-radius:10px;font-weight:700;white-space:nowrap;display:flex;gap:8px;align-items:center}.date-pill svg{width:15px}.hero{min-height:228px;border-radius:19px;background:linear-gradient(115deg,#236f6a 0%,#2d8780 60%,#5ab3a7 100%);color:white;padding:35px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #287a7424;margin-bottom:24px}.hero-content{z-index:2;position:relative;max-width:520px}.hero .pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff4a;background:#ffffff18;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:.3px}.hero h2{font-family:Manrope,sans-serif;margin:13px 0 9px;font-size:clamp(22px,2.5vw,34px);line-height:1.23;letter-spacing:-1.1px;max-width:500px}.hero h2 em{font-style:normal;color:var(--lemon)}.hero p{font-size:12px;line-height:1.65;color:#ddf5ea;max-width:425px;margin:0 0 19px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 17px;border:1px solid transparent;font-size:12px;font-weight:800;white-space:nowrap;transition:.17s}.btn:hover{transform:translateY(-1px)}.btn svg{width:15px;height:15px}.btn.white{background:var(--lemon);color:#265b55}.btn.primary{background:var(--pine);color:white}.btn.outline{border-color:#d5e9df;color:var(--pine);background:#fff}.btn.soft{background:#e9f5ee;color:var(--pine)}.btn.danger{background:#fff2f0;color:#b14e44}.btn.full{width:100%}.hero-art{position:absolute;right:0;top:0;width:48%;height:100%;z-index:1}.hero-art:before{content:'';height:350px;width:350px;position:absolute;right:-115px;top:-125px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 35px #ffffff09,0 0 0 75px #ffffff08,0 0 0 130px #ffffff06}.hero-wave{position:absolute;width:95%;height:86%;right:-2%;top:7%;opacity:.85}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;align-items:center;gap:12px;min-height:91px;box-shadow:var(--shadow)}.metric-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.metric-icon svg{width:21px}.metric-icon.green{background:#e9f7f0;color:var(--pine)}.metric-icon.yellow{background:#fff9d4;color:#b79528}.metric-icon.mint{background:#def4ec;color:#349d8d}.metric-icon.blue{background:#edf4f3;color:#618781}.metric b{display:block;font-family:Manrope,sans-serif;font-size:21px;line-height:1.1}.metric small{display:block;color:#91a29a;font-size:10px;margin-top:5px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.section-top h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.35px;margin:0}.section-top p{font-size:11px;color:#91a29a;margin:5px 0 0}.text-button{border:0;background:none;color:var(--pine);font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:4px}.text-button svg{width:14px}.lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.lab-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,border .18s;min-width:0}.lab-card:hover{transform:translateY(-3px);border-color:#acd4c2}.lab-picture{height:144px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lab-picture.green{background:linear-gradient(135deg,#e3f6eb,#bfe9d6)}.lab-picture.yellow{background:linear-gradient(135deg,#fffce8,#fff2ae)}.lab-picture.cyan{background:linear-gradient(135deg,#e8f9f5,#c9ede5)}.lab-picture.moss{background:linear-gradient(135deg,#dbeee8,#b2dacf)}.card-number{position:absolute;top:13px;left:13px;background:#ffffffd5;color:var(--pine);font-size:10px;font-weight:800;border-radius:6px;padding:6px 9px}.lab-illustration{width:165px;height:125px;filter:drop-shadow(0 7px 9px #246f6722)}.lab-card-body{padding:17px}.lab-card h3{font-family:Manrope,sans-serif;font-size:12.5px;margin:0 0 8px;line-height:1.5}.lab-card p{color:#8a9994;font-size:10.5px;line-height:1.65;min-height:45px;margin:0 0 14px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-tag{font-size:9px;font-weight:800;background:#eff7f1;color:var(--pine);padding:6px 8px;border-radius:6px}.round-arrow{border:0;background:var(--pine);color:#fff;height:29px;width:29px;border-radius:8px;display:grid;place-items:center}.round-arrow svg{width:14px}.lower-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:17px}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:8px}.panel-heading h3{font-family:Manrope,sans-serif;font-size:14px;margin:0}.panel-heading small{font-size:10px;color:#9aaba3}.badge{padding:6px 9px;background:#e8f6ef;border-radius:7px;font-size:10px;color:var(--pine);font-weight:800}.generator-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px;align-items:center}.wave-preview{min-height:135px;background:#f5faf7;border:1px solid #e8f2ec;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.wave-preview canvas{width:100%;height:86px}.wave-caption{font-size:10px;color:#91aa9e;text-align:center;margin-top:5px}.control-block{margin-bottom:17px}.control-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:10px}.control-line label,.control-line span:first-child{color:#607c73;font-size:11px;font-weight:800}.control-value{font-size:12px;font-weight:800;color:var(--pine)}input[type=range]{width:100%;accent-color:var(--pine);cursor:pointer;height:5px}.generator-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-line{display:flex;gap:9px;padding:12px;background:#f6faf5;border-radius:9px;color:#729186;font-size:10px;align-items:start;line-height:1.5}.info-line svg{width:16px;flex-shrink:0;color:var(--pine)}.steps{display:grid;gap:12px}.step{display:flex;align-items:center;gap:12px}.step-index{height:32px;width:32px;display:grid;place-items:center;border-radius:9px;background:#eaf6ef;font-weight:800;font-size:11px;color:var(--pine)}.step b{display:block;font-size:11px}.step small{display:block;font-size:10px;color:#94a39d;margin-top:3px}.lab-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:21px 0}.selector-button{border:1px solid var(--line);border-radius:11px;background:#fff;padding:13px 8px;font-size:11px;font-weight:800;text-align:center;color:#739288;line-height:1.55}.selector-button.active{border-color:var(--pine);background:#e8f6ef;color:var(--pine)}.selector-button b{display:block;font-size:10px;color:#9aaea6}.selector-button.active b{color:#62a99b}.lab-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(305px,.85fr);gap:19px}.scene-panel{border:1px solid #d8e9df;background:#f1faf4;border-radius:16px;min-height:452px;overflow:hidden;position:relative;display:flex;flex-direction:column}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;z-index:2;gap:10px}.scene-toolbar span{font-size:11px;font-weight:800;color:#54877a}.scene-toolbar .scene-actions{display:flex;gap:7px}.scene-label{background:#fff;border:1px solid #e1efe6;border-radius:7px;font-size:10px;color:#478c7d;padding:6px 9px}.scene-canvas{flex:1;min-height:350px;position:relative;overflow:hidden;display:grid;place-items:center;perspective:760px;touch-action:none}.scene-canvas:before{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle at 51% 40%,#ffffff9d,transparent 60%)}.scene-world{width:80%;max-width:550px;height:285px;position:relative;transform-style:preserve-3d;transform:rotateX(11deg) rotateY(-10deg);transition:transform .15s}.scene-floor{position:absolute;left:5%;top:53%;height:230px;width:95%;background:linear-gradient(#287a7414 1px,transparent 1px),linear-gradient(90deg,#287a7414 1px,transparent 1px);background-size:24px 24px;border:2px solid #73b6a552;transform:rotateX(62deg);border-radius:30px;box-shadow:0 22px 0 #55a9a00c}.scene-speaker{position:absolute;left:8%;top:29%;height:94px;width:75px;background:linear-gradient(115deg,#2b6964,#173f3e);border:6px solid #347f76;border-radius:15px;box-shadow:12px 14px 17px #287a7430;transform:rotateY(-8deg);display:grid;place-items:center}.speaker-cone{height:49px;width:49px;background:radial-gradient(circle,#aeeed3 0 12%,#41786f 13% 32%,#1b4d47 33% 57%,#83cdbd 58% 67%,#153c3a 68%);border-radius:50%}.scene-receiver{position:absolute;right:4%;top:35%;height:75px;width:67px;background:#fff;border:4px solid #6cb2a5;box-shadow:9px 9px 16px #287a7431;border-radius:13px;display:grid;place-items:center;color:var(--pine)}.scene-receiver svg{width:31px}.sound-rings{position:absolute;inset:0;pointer-events:none}.sound-ring{position:absolute;left:23%;top:45%;width:35px;height:80px;border:3px solid #55a9a0a0;border-radius:50%;transform:translate(-50%,-50%) rotateY(64deg);animation:travel 3s linear infinite;opacity:0}.sound-ring:nth-child(2){animation-delay:1s}.sound-ring:nth-child(3){animation-delay:2s}.sound-ring:nth-child(4){animation-delay:2.5s}.scene-world.paused .sound-ring{animation-play-state:paused;opacity:.35}.scene-measure{position:absolute;bottom:28px;left:19%;right:8%;height:1px;border-bottom:2px dashed #55a9a077;display:flex;justify-content:center}.scene-measure span{position:relative;top:7px;background:#e1f5e9;border-radius:4px;padding:3px 7px;font-size:10px;color:var(--pine);font-weight:800}.scene-readout{padding:12px 17px;background:#e7f4eb;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#528278;font-size:10px;font-weight:700;z-index:2}.scene-readout b{color:var(--pine)}@keyframes travel{0%{left:24%;opacity:0;transform:translate(-50%,-50%) rotateY(64deg) scale(.3)}15%{opacity:.75}75%{opacity:.7}100%{left:91%;opacity:0;transform:translate(-50%,-50%) rotateY(64deg) scale(1.7)}}.lab-details{display:flex;flex-direction:column;gap:15px}.small-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.small-heading h3{font-family:Manrope,sans-serif;font-size:14px;margin:0}.field{margin-bottom:16px}.field label{display:block;color:#68857b;font-size:11px;font-weight:800;margin-bottom:8px}.field input,.field select{width:100%;background:#fff;border:1px solid #dceae2;border-radius:9px;padding:12px 11px;color:#35544a;font-size:12px;min-height:40px}.field input:focus,.field select:focus{outline:2px solid #aeeed3;border-color:var(--pine)}.parameter-result{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-box{padding:13px;border-radius:10px;background:#f3faf5;border:1px solid #e5f0e8}.result-box span{display:block;font-size:10px;color:#8ba399}.result-box b{display:block;color:var(--pine);font-family:Manrope,sans-serif;font-size:18px;margin-top:6px}.formula-box{background:#fff9dc;border:1px solid #fbf1c4;color:#8d792e;border-radius:10px;padding:12px;font-size:11px;line-height:1.6}.formula-box b{font-weight:800}.summary-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.summary-head svg{width:18px;color:var(--pine)}.summary-head b{font-size:12px}.summary-text{font-size:11px;line-height:1.8;color:#6d8980;margin:0}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{background:#f5faf7;color:#669085;padding:13px;font-size:11px}.data-table td{border-bottom:1px solid #ecf1ed;padding:13px;color:#526f66}.data-table tr:last-child td{border:0}.empty-state{text-align:center;padding:55px 18px;color:#82978f}.empty-state svg{width:45px;margin:0 auto 12px;color:var(--teal)}.empty-state h3{color:var(--ink);font-family:Manrope,sans-serif;font-size:17px}.empty-state p{font-size:12px;max-width:360px;margin:0 auto 17px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px}.guide-card .guide-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:10px;background:#e8f6ef;color:var(--pine)}.guide-icon svg{width:21px}.guide-card h3{font-family:Manrope,sans-serif;font-size:13px;margin:16px 0 8px}.guide-card p{font-size:11px;color:#80968c;margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row b{font-size:12px}.setting-row p{font-size:11px;color:#8ca198;margin:6px 0 0}.setting-row select{border:1px solid var(--line);padding:9px;border-radius:8px;background:white;color:var(--ink)}.audio-dock{position:fixed;bottom:20px;left:calc(260px + (100vw - 260px)/2);transform:translateX(-50%);width:min(560px,calc(100vw - 320px));background:#fff;border:1px solid #d9ebe1;border-radius:16px;padding:11px 13px;box-shadow:0 12px 40px #256d5d2e;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:15}.dock-title{display:flex;align-items:center;gap:10px;white-space:nowrap}.dock-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:#e3f5ea;color:var(--pine)}.dock-icon svg{width:17px}.dock-title b{font-size:11px;display:block}.dock-title small{font-size:9px;color:#91a79d;display:block;margin-top:3px}.audio-dock canvas{height:33px;width:135px;min-width:0}.dock-frequency{font-weight:800;color:var(--pine);font-size:12px;white-space:nowrap}.dock-play{padding:10px 13px;display:flex;align-items:center;gap:7px;border-radius:9px;background:var(--pine);color:#fff;border:0;font-size:10px;font-weight:800;white-space:nowrap}.dock-play svg{width:13px}.modal-backdrop{position:fixed;inset:0;background:#183f3b99;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:white;border-radius:20px;padding:30px;position:relative;box-shadow:0 20px 80px #0002}.modal-logo{margin-bottom:13px}.modal h2{font-size:24px;font-family:Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 5px}.modal>p{font-size:12px;color:#81978d;margin:0 0 24px}.modal-close{position:absolute;right:19px;top:19px;border:0;background:#f2f7f3;border-radius:8px;padding:8px}.modal-close svg{width:16px}.form-error{color:#bd3b31;font-size:11px;min-height:12px;margin:0 0 8px}.auth-toggle{border:0;background:none;color:var(--pine);font-size:11px;font-weight:800;margin:15px auto 0;display:block}.modal .auth-note{background:#f3f8f4;border-radius:8px;padding:10px;color:#829b8d;font-size:10px;margin:17px 0 0}.toast-holder{position:fixed;top:85px;right:24px;display:grid;gap:10px;z-index:110}.toast{background:#1c5d55;color:white;padding:12px 18px;border-radius:10px;font-size:12px;box-shadow:0 9px 25px #143d3930;max-width:340px}.shade{display:none}@media(max-width:1250px){.lab-grid{grid-template-columns:repeat(2,1fr)}.lab-picture{height:137px}.metrics{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}.lab-workspace{grid-template-columns:1fr}.lab-details{display:grid;grid-template-columns:1fr 1fr}.scene-panel{min-height:400px}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.shade{display:block;position:fixed;inset:0;background:#153d388a;z-index:24;opacity:0;visibility:hidden;transition:.2s}.shade.open{opacity:1;visibility:visible}.workarea{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 17px;height:67px}.main{padding:25px 16px}.audio-dock{left:50%;width:calc(100vw - 30px);bottom:10px}.hero{padding:25px;min-height:240px}.hero-art{width:66%;opacity:.42}.lab-details{display:flex}.date-pill{display:none}}@media(max-width:520px){.connection{padding:7px;font-size:9px}.top-right{gap:5px}.top-right>.icon-button{display:none}.account-label{display:none}.breadcrumb{font-size:11px}.hero h2{font-size:24px}.hero-art{width:90%;opacity:.24}.metrics,.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:13px 10px;gap:8px;min-height:73px}.metric-icon{width:32px;height:32px}.metric-icon svg{width:16px}.metric b{font-size:16px}.metric small{font-size:9px}.lab-picture{height:110px}.lab-illustration{width:132px;height:110px}.lab-card-body{padding:12px}.lab-card h3{font-size:11px}.lab-card p{font-size:9px;min-height:57px}.generator-layout{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.lab-selector{grid-template-columns:repeat(2,1fr)}.scene-world{width:100%;transform:scale(.83) rotateX(12deg)}.panel{padding:17px}.audio-dock canvas{display:none}.dock-title b{font-size:10px}.dock-title small{font-size:8px}.dock-frequency{font-size:10px}.dock-play{padding:9px}.dock-play span:last-child{display:none}.scene-panel{min-height:365px}.scene-canvas{min-height:295px}}@media print{.sidebar,.topbar,.audio-dock,.btn,.section-top .text-button{display:none!important}.workarea{margin:0}.main{max-width:none;padding:15px}.panel{break-inside:avoid}body{background:white}}