@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.about-page{background:var(--white-main);min-height:calc(100vh - 60px)}.about-container{flex:1;padding-top:40px;padding-bottom:2rem}.about-heading{text-align:center;font-size:2.5rem;color:var(--green-main);font-weight:700;margin-top:1rem;margin-bottom:1rem;line-height:1.2}.about-section{display:flex;align-items:center;gap:2rem;margin:4rem auto;max-width:1000px;padding:0 1rem}.about-container .about-section:last-child{margin-bottom:0}.about-section:nth-child(2n){flex-direction:row-reverse}.about-img{flex:1;width:100%;max-width:clamp(220px,42vw,400px);aspect-ratio:4 / 3;height:auto;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 4px 10px #0000001a}.about-text{flex:2;font-size:1rem;color:var(--green-start);line-height:1.6}.about-slideshow{flex:1;max-width:400px;display:flex;align-items:center;justify-content:center;gap:.15rem;position:relative}.about-slideshow-btn,.about-slideshow-image-btn{border:none;background:transparent;padding:0;cursor:pointer}.about-slideshow-nav-icon{width:1.4rem;height:1.4rem;display:block}.about-contributors{max-width:1000px;margin:2.5rem auto 0;padding:0 1rem;text-align:center}.about-contributors-heading{margin:0;color:var(--green-main);font-size:1.5rem}.about-contributors-years{margin:.9rem auto 0;max-width:680px;display:flex;align-items:flex-start;justify-content:space-between;text-align:left;gap:1.75rem}.about-contributors-year-column{min-width:0}.about-contributors-year-column-2024,.about-contributors-year-column-2025,.about-contributors-year-column-2026{text-align:center}.about-contributors-year-column-2024 .about-contributors-list,.about-contributors-year-column-2025 .about-contributors-list,.about-contributors-year-column-2026 .about-contributors-list{display:flex;flex-direction:column;align-items:center}.about-contributors-year{margin:0;color:var(--green-main);font-size:1.15rem;font-weight:600}.about-contributors-list{margin:.5rem 0 0;padding-left:0;list-style:none}.about-contributors-list li{margin:.2rem 0}.about-contributors-list a{color:var(--dark-grey);text-decoration:none;display:inline-flex;align-items:center;gap:.2rem}.about-contributors-list a:hover{text-decoration:underline;text-decoration-color:currentColor}.about-external-link-icon{width:.95rem;height:.95rem;flex-shrink:0}.about-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1rem}.about-lightbox-image{max-width:min(1200px,92vw);max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 12px 40px #00000080}.about-lightbox-description{position:static;margin:0;color:#fff;text-align:center;max-width:min(1200px,92vw);padding:0 .5rem}.about-lightbox-prev,.about-lightbox-next,.about-lightbox-close{position:absolute;border:none;background:transparent;padding:0;cursor:pointer}.about-lightbox-close{top:1rem;right:1rem}.about-lightbox-prev,.about-lightbox-next{top:50%;transform:translateY(-50%)}.about-lightbox-prev{left:max(1rem,calc(50% - (min(1200px,92vw)/2) - 2.5rem))}.about-lightbox-next{right:max(1rem,calc(50% - (min(1200px,92vw)/2) - 2.5rem))}.about-lightbox-nav-icon,.about-lightbox-close-icon{width:1.1rem;height:1.1rem;display:block;filter:brightness(0) invert(1)}.about-lightbox-nav-icon{width:2rem;height:2rem}.about-lightbox-close-icon{width:1.8rem;height:1.8rem}@media(max-width:780px){.about-section{flex-direction:column}.about-section:nth-child(2n){flex-direction:column}.about-contributors-years{gap:1.2rem}.about-lightbox{padding:3.5rem 1rem 1rem}.about-lightbox-image{max-height:calc(100vh - 11rem)}.about-lightbox-description{max-width:min(92vw,760px)}}.login-wrapper{margin-top:20px;width:420px;background:var(--white-main);color:var(--dark-grey);border:1px solid var(--light-grey);border-radius:10px;box-shadow:0 6px 18px #00000014;padding:30px 40px}.login-wrapper h1,.login-wrapper h2{font-size:30px;text-align:center;color:var(--dark-grey)}.login-form-brand{display:flex;align-items:center;justify-content:center;gap:1px;margin-bottom:12px}.login-form-brand-logo{width:44px;height:44px;object-fit:contain;transform:translateY(-7px)}.login-form-brand-text{font-size:1.25rem;font-family:Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;line-height:1;color:var(--dark-grey)}.login-input-box{position:relative;width:100%;height:50px;margin:30px 0}.login-input-box input{width:100%;height:100%;background:var(--white-main);border:none;outline:none;border:2px solid var(--light-grey);border-radius:40px;font-size:18px;color:var(--dark-grey);padding:20px 45px 20px 20px}.login-input-box input::placeholder{color:var(--dark-grey)}.login-btn{width:100%;height:45px;background:var(--green-main);border:1px solid var(--green-main);outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;color:var(--white-main);font-weight:600;font-size:18px}.toggle-text{text-align:center;margin-top:1rem;color:var(--dark-grey);font-weight:200}.toggle-text a,.toggle-text a:visited{color:var(--green-main);font-weight:600;text-decoration:none}.toggle-text a:hover{color:var(--green-main);text-decoration:underline}.login-form-container{transition:opacity .3s ease-in-out}.login-form-container.login-hidden{display:none;opacity:0}.login-form-container.login-visible{display:block;opacity:1}.message{background-color:var(--gradient-bg);color:var(--white-main);padding:10px 20px;margin:10px;border-radius:5px;font-size:1rem;animation:fadeOut 5s forwards}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal-wrapper{position:relative;margin-top:0;width:100%;max-width:420px}.auth-modal-close-btn{position:absolute;top:12px;right:12px;border:none;background:transparent;padding:0;cursor:pointer;line-height:0}.auth-modal-close-icon{width:22px;height:22px}.home-page{background-image:linear-gradient(#00000059,#00000059),url(/assets/david-ouma-U13RrgO6f7g-unsplash-B-gOVIJd.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:calc(100vh - 60px)}.home-content-wrapper{min-height:calc(100vh - 60px);display:flex;align-items:flex-end}.home-hero-section{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;padding:0}.home-content-box{width:100%;max-width:none;background-color:transparent;border:none;border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:40px 0 40px 80px;box-shadow:none;overflow:visible;flex-wrap:nowrap;gap:0;transform:translateY(-200px)}.home-left-content{flex:1;max-width:620px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;gap:20px;position:relative}.home-left-content h1,.home-left-content h3{color:var(--white-main)}.home-design-tool-button{background-color:var(--green-main);color:var(--white-main);padding:14px 28px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;border:none;width:60%}.home-design-tool-button:hover{background-color:var(--selection-green)}.home-hero-image{position:absolute;top:-220px;left:0;transform:none;width:100%;display:flex;justify-content:flex-start;pointer-events:none}.home-hero-image img{width:380px;height:auto;border-radius:14px}.home-overview-section{display:flex;flex-direction:column;align-items:center;text-align:center;width:80%;margin:40px auto 24px;background-color:var(--white-main);padding:24px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.home-overview-section p{font-size:18px;color:var(--subheading);max-width:600px;margin:0 auto}.home-get-started{background-color:var(--green-main);color:var(--white-main);padding:12px 20px;border-radius:8px;font-size:16px;cursor:pointer;border:none;margin-top:15px;text-align:center}.home-get-started:hover{background-color:var(--selection-green)}@media(max-width:858px){.home-content-wrapper{align-items:center}.home-hero-section{justify-content:center;align-items:center}.home-content-box{flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 40px;transform:translateY(-70px)}.home-left-content{width:100%;max-width:640px;align-items:center;text-align:center;position:static;gap:16px}.home-hero-image{position:static;width:auto;justify-content:center}.home-hero-image img{width:min(100%,380px)}.home-design-tool-button{width:min(320px,90%)}}.contact-page{background:var(--white-main);min-height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:flex-start}.contact-form{display:flex;flex-direction:column;gap:.35rem;background-color:var(--green-main);border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #0000001a;margin:2rem auto;width:100%;max-width:600px}.contact-form label{font-size:1rem;color:var(--white-main);text-align:left;margin-bottom:0;font-weight:700}.contact-required{color:#dc2626;font-weight:700;font-size:.8em;margin-left:0;position:relative;top:-4px}.contact-form input,.contact-form textarea{padding:.75rem;border:none;border-radius:.5rem;font-size:1rem;background-color:var(--white-main);color:var(--black);margin-bottom:.9rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--selection-green)}.contact-submit-btn{background-color:var(--selection-green);color:var(--white-main);border:none;padding:.75rem;border-radius:.5rem;font-size:1rem;cursor:pointer;width:100%;margin-top:1rem;box-shadow:0 2px 5px #0000001a;transition:background-color .3s ease}.contact-submit-btn:hover{background-color:var(--selection-green)}.contact-title{font-size:2.5rem;color:var(--green-main);margin-bottom:1rem}.contact-container{text-align:center;color:var(--green-start);margin:1.5rem auto .5rem;max-width:550px;width:100%;padding:0 1rem;padding-top:32px}.contact-page-container{width:100%;max-width:550px;margin:0 auto}.account-page-shell{background:var(--white-main);padding-top:52px;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.account-page{flex:1;display:flex;flex-direction:column;justify-content:flex-start;width:min(60vw,1200px);max-width:none;margin:0 auto;padding:16px 16px 24px;background:transparent;color:var(--dark-text)}.account-panel{width:100%;background:var(--white-main);padding:24px;border-radius:10px;box-shadow:0 4px 12px #00000012}.account-panel-header{margin-bottom:34px}.account-panel-header h1{margin:0;font-size:32px}.account-panel-header p{margin:8px 0 0;color:var(--dark-grey)}.account-section{margin-bottom:0}.account-section h3{margin-bottom:5px;padding-bottom:3px;border-bottom:1px solid rgba(15,23,42,.16);font-weight:400}.account-panel .account-section+.account-section{margin-top:22px;padding-top:0}.account-email-value,.account-name-value,.account-projects-owned-value{color:var(--dark-grey)}.account-email-value,.account-name-value{margin-left:4px}.account-field-row{display:flex;align-items:center;gap:6px;margin:0 0 4px}.account-label-with-icon,.account-toggle-label{display:inline-flex;align-items:center;gap:6px}.account-toggle-label{font-weight:700}.account-inline-icon,.account-profile-chevron{width:14px;height:14px;flex-shrink:0}.account-profile-action{margin-top:0;background:transparent;border:none;padding:0;color:var(--dark-text);font-weight:700;font-size:1rem;line-height:1.4;font-family:inherit;cursor:pointer}.account-inline-form.account-inline-form--profile{margin-top:10px;background:transparent;padding:0;border-radius:0}.account-danger-btn{background:#c0392b;color:var(--white-main);padding:10px 18px;border-radius:10px;border:none}.account-btn-with-icon{display:inline-flex;align-items:center;gap:8px}.account-btn-icon{width:16px;height:16px;flex-shrink:0}.account-delete-icon-hover{display:none}.account-signout-btn,.account-delete-toggle-btn{font-weight:700;padding:10px 18px;border-radius:10px;box-shadow:0 1px 2px #0f172a29;transition:box-shadow .2s ease;cursor:pointer}.account-signout-btn{margin-left:auto;background:var(--white-main);color:var(--dark-text);border:1px solid rgba(15,23,42,.24)}.account-delete-toggle-btn{background:var(--white-main);color:#c0392b;border:2px solid #c0392b}.account-signout-btn:hover{background:var(--light-cool);color:var(--dark-text)}.account-delete-toggle-btn:hover{background:var(--white-main);color:#ef4444;border-color:#ef4444}.account-signout-btn:hover,.account-delete-toggle-btn:hover{box-shadow:0 1px 2px #0f172a33}.account-delete-toggle-btn:hover .account-delete-icon-default{display:none}.account-delete-toggle-btn:hover .account-delete-icon-hover{display:inline-block}.account-preferences-save-btn,.account-inline-action-btn{margin-left:0}.account-inline-form,.account-delete-box{margin-top:12px;padding:16px;background:var(--light-grey);border-radius:10px}.account-inline-form input,.account-delete-box input{width:100%;padding:10px;margin-bottom:10px}.account-inline-actions{display:flex;gap:10px}.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.account-toggle-row{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:12px}.account-messageDiv{margin:14px auto 0;width:fit-content;max-width:100%;text-align:center;padding:8px 12px;border:none;border-radius:10px;box-shadow:none;background:transparent;color:var(--dark-text)}@media(max-width:780px){.account-page-shell{min-height:100%}.account-page{width:100%;padding:12px 16px 32px}.account-panel{margin-bottom:16px}}.np-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;width:100%;max-width:448px;box-shadow:0 20px 40px #0f172a1a,0 8px 20px #0f172a0f}.np-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.np-title{margin:0;font-size:20px;font-weight:600;color:#0a090c}.np-close{width:32px;height:32px;padding:0;border-radius:8px;position:relative;top:-16px;right:-16px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.np-close-icon{width:20px;height:20px;display:block}.np-close:hover{background:var(--light-cool)}.np-group{margin-bottom:16px}.np-label{display:block;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:4px}.np-required{font-weight:500;color:#c82a2a}.np-input,.np-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:10px;color:#0a090c;background:#fff;outline:none;box-sizing:border-box}.np-input:focus,.np-textarea:focus{border-color:#037f6f;box-shadow:0 0 0 3px #037f6f33}.np-textarea{resize:none}.np-error{color:#ef4444;font-size:14px;margin-bottom:16px}.np-actions{display:flex;gap:12px;justify-content:flex-end}.np-btn{padding:8px 16px;border-radius:10px;border:none;cursor:pointer;transition:.15s}.np-btn-cancel{background:#e5e7eb;color:#4a5568}.np-btn-cancel:hover{background:#d1d5db}.np-btn-primary{background:#037f6f;color:#f7f9f1}.np-btn-primary:hover{background:#05b39c}.np-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;justify-content:center;align-items:center;z-index:9999}.wizard-card{background:var(--white-main, #ffffff);padding:16px 28px 28px;border-radius:20px;width:500px;max-width:92vw;max-height:92vh;overflow-y:auto;border:1px solid #e2e8f0;box-shadow:0 24px 48px #0f172a1f,0 8px 24px #0f172a0f;position:relative;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.wizard-unified-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-shrink:0;margin:0 0 12px;padding-top:0}.wizard-unified-header-main{min-width:0;flex:1}.wizard-unified-header-main .wizard-step-title{line-height:1.2}.wizard-unified-header .wizard-est-cost{margin-top:4px}.wizard-unified-header .wizard-topbar-actions{flex-shrink:0;align-items:center;padding-top:0}.wizard-topbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;margin:0 0 4px;min-height:40px}.wizard-topbar-standalone{align-items:baseline}.wizard-topbar-spacer{flex:1;min-width:0}.wizard-topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.wizard-card-body{min-height:0;flex:1}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.step-container{min-height:0}.step-container h2,.wizard-step-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--black, #0a090c);letter-spacing:-.02em}.step-heading-block{margin-bottom:20px}.step-heading-block .wizard-step-title{margin-bottom:6px}.wizard-est-cost{margin:0;font-size:.875rem;font-weight:600;color:var(--green-main, #037f6f);line-height:1.4}.wizard-prompt-copy{text-align:left}.wizard-field-label-gap{margin-top:15px}.wizard-required{color:#c82a2a;font-weight:700}.wizard-content{color:var(--subheading, #4a5568);font-size:.95rem;line-height:1.5}.wizard-lead{margin:0;font-size:1rem;color:var(--subheading, #4a5568);line-height:1.55}.wizard-lead strong{color:var(--black, #0a090c);font-weight:700}.wizard-content label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:6px;margin-top:14px}.wizard-content label:first-child{margin-top:0}.big-input{width:100%;padding:11px 14px;font-size:1rem;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:var(--black, #0a090c);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.big-input:hover{border-color:#cbd5e1}.big-input:focus{border-color:var(--green-main, #037f6f);box-shadow:0 0 0 3px #037f6f33}.wizard-content .grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.wizard-content .grid-3 label{margin-top:0;font-weight:500;font-size:.8rem}.wizard-content .grid-3 input{width:100%;margin-top:4px;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;outline:none}.wizard-content .grid-3 input:focus{border-color:var(--green-main, #037f6f);box-shadow:0 0 0 2px #037f6f33}.preset-cards{display:flex;gap:10px;flex-wrap:wrap}.preset-cards .card{flex:1;min-width:120px;padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.preset-cards .card:hover{border-color:var(--green-main, #037f6f);background:#fff;box-shadow:0 4px 14px #037f6f1f}.preset-cards .card.card-active{border:2px solid var(--green-main, #037f6f);background:#037f6f14;box-shadow:0 2px 12px #037f6f2e}.preset-cards .card.card-active:hover{background:#037f6f1a}.preset-cards .card strong{display:block;color:var(--black, #0a090c);font-size:.95rem}.preset-cards .card small{display:block;margin-top:4px;color:var(--subheading, #4a5568);font-size:.78rem}.toggle-advanced{margin-top:16px;padding:8px 0;background:none;border:none;color:var(--green-main, #037f6f);font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.toggle-advanced:hover{color:var(--selection-green, #05b39c)}.advanced-section{margin-top:12px;padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.wizard-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.wizard-actions-onboarding{flex-wrap:nowrap;align-items:center}.btn-primary{background:var(--green-main, #037f6f);color:var(--white1, #f7f9f1);border:none;padding:11px 22px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;transition:filter .15s,box-shadow .15s}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 6px 20px #037f6f4d}.btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:11px 22px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .15s}.btn-secondary:hover{background:#e2e8f0}.btn-skip{background:transparent;color:#64748b;border:1px solid #e2e8f0;padding:11px 18px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;margin-right:auto}.btn-skip:hover{background:#f8fafc;color:#334155}.close-btn{position:static;background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#64748b;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s;padding:0}.close-btn:hover{background:#f1f5f9;color:#0f172a}.help-btn{position:static;width:32px;height:32px;border-radius:50%;background:#f0fdfa;border:1px solid rgba(3,127,111,.35);color:var(--green-main, #037f6f);font-weight:700;cursor:pointer;font-size:.95rem;flex-shrink:0;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s}.help-btn:hover{background:#ccfbf1;box-shadow:0 2px 8px #037f6f26}.tour-btn{position:static;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;background:var(--green-main, #037f6f);color:#fff;border:none;cursor:pointer;flex-shrink:0;transition:filter .15s,box-shadow .15s}.tour-btn:hover{filter:brightness(1.08);box-shadow:0 4px 12px #037f6f4d}:root{--tutorial-accent: var(--green-main, #037f6f);--tutorial-accent-soft: rgba(3, 127, 111, .22);--tutorial-panel-bg: #ffffff;--tutorial-panel-border: #e2e8f0;--tutorial-text: #0f172a;--tutorial-text-muted: #64748b;--tutorial-dim-fill: rgba(15, 23, 42, .52)}.tutorial-layer.tutorial-layer-viewport{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none!important;z-index:10000;overflow:hidden}.tutorial-spotlight-svg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none!important;z-index:0}.tutorial-spotlight-path{pointer-events:none!important;fill:var(--tutorial-dim-fill);fill-rule:evenodd;transition:d .2s ease}.tutorial-click-blocker{position:fixed;background:transparent;pointer-events:auto!important;z-index:1}.tutorial-highlight-ring{position:fixed;border:2px solid var(--tutorial-accent);border-radius:10px;box-shadow:0 0 0 4px var(--tutorial-accent-soft),0 8px 28px #0f172a1f;pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease;z-index:2}.tutorial-panel{position:fixed;background:var(--tutorial-panel-bg);color:var(--tutorial-text);padding:20px 22px 22px;border-radius:16px;border:1px solid var(--tutorial-panel-border);box-shadow:0 18px 50px #0f172a24,0 4px 16px #0f172a0f;pointer-events:auto!important;animation:tutorialPopIn .25s ease-out;z-index:3;overflow-y:auto}.tutorial-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.tutorial-panel-title{margin:0 0 8px;font-size:1.05rem;font-weight:600;color:var(--tutorial-text);line-height:1.3}.tutorial-panel-text{margin:0 0 14px;font-size:.9rem;line-height:1.5;color:var(--tutorial-text-muted)}.tutorial-panel-close{flex-shrink:0;width:32px;height:32px;margin:-6px -6px 0 0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--tutorial-text-muted);font-size:1.35rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.tutorial-panel-close:hover{background:#f1f5f9;color:var(--tutorial-text)}.tutorial-panel-close:focus-visible{outline:2px solid var(--tutorial-accent);outline-offset:2px}.tutorial-required-hint{margin:0 0 10px!important;font-size:.85rem!important;color:#b45309!important}.tutorial-step-indicator{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tutorial-text-muted);font-weight:600;line-height:1.3}.tutorial-bubble-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:4px}.tutorial-btn{padding:9px 16px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s,box-shadow .15s}.tutorial-btn-next{background:var(--tutorial-accent);color:#f8fafc;margin-left:auto}.tutorial-btn-next:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px #037f6f59}.tutorial-btn-next:disabled{opacity:.5;cursor:not-allowed}.tutorial-btn-prev{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.tutorial-btn-prev:hover:not(:disabled){background:#e2e8f0}.tutorial-btn-prev:disabled{opacity:.45;cursor:not-allowed}.tutorial-btn:focus-visible{outline:2px solid var(--tutorial-accent);outline-offset:2px}@keyframes tutorialPopIn{0%{opacity:0}to{opacity:1}}.tooltip{position:relative;display:inline-flex}.tooltip-content{position:absolute;z-index:1200;pointer-events:none;white-space:nowrap;padding:6px 10px;border-radius:16px;border:1px solid var(--tooltip-light);background:var(--tooltip-dark);color:var(--white-main);font-size:12px;font-weight:600;line-height:1.2;opacity:0;visibility:hidden;transition:opacity .1s ease,visibility .5s ease}.tooltip:hover .tooltip-content{opacity:98%;visibility:visible}.tooltip[data-tooltip-position=top] .tooltip-content{left:50%;translate:-50% 0;bottom:calc(100% + 10px)}.tooltip[data-tooltip-position=bottom] .tooltip-content{left:50%;translate:-50% 0;top:calc(100% + 10px)}.tooltip[data-tooltip-position=left] .tooltip-content{right:calc(100% + 10px);top:0}.tooltip[data-tooltip-position=right] .tooltip-content{left:calc(100% + 10px);top:0}.projects-sidebar{width:360px;flex-shrink:0;display:flex;flex-direction:column;background:var(--dashed-inside);border-right:1px solid #e6e6e6}.projects-sidebar-header{padding:16px 16px 8px}.projects-sidebar-title{color:var(--green-main);font-size:18px;font-weight:700;margin-bottom:6px}.projects-search{margin-top:6px;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--light-grey);border-radius:10px;padding:10px 12px;box-shadow:0 1px 4px #0000000f}.projects-search-input{width:100%;border:none;outline:none;background:transparent;font-size:18px;color:#334155}.projects-search-input::placeholder{color:#94a3b8}.projects-search-clear{width:28px;height:28px;border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9}.projects-search-clear:hover{opacity:.65}.projects-search-clear-icon{width:18px;height:18px}.projects-sidebar-content{padding:0 18px 16px;flex:1;overflow:auto}.projects-group{margin-top:10px}.projects-group-title{font-size:18px;font-weight:800;color:#334155;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #dbe3ee}.projects-list{display:flex;flex-direction:column;gap:6px}.projects-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:6px 8px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;position:relative;font-size:20px;font-weight:600;color:#0f172a}.projects-item:hover{background:#e4e8ea}.projects-item.is-active{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #00000014}.projects-item-icon{width:22px;height:22px}.projects-item-label{display:inline-block;transform:translateY(1px)}.projects-item-options{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:20px;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:2}.projects-item-options:hover{background:#d1d4db}.projects-item-menu{position:absolute;right:6px;top:calc(100% + 6px);width:170px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 22px #0000001f;padding:6px;z-index:50}.projects-item-menu-item{width:100%;border:none;background:transparent;text-align:left;padding:10px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:550;color:#0f172a}.projects-item-menu-item:hover{background:#f1f5f9}.projects-item-menu-divider{height:1px;background:#e2e8f0;margin:6px 4px}.projects-item-menu-item.is-danger{color:#dc2626}.projects-item-menu-item.is-danger:hover{background:#fef2f2}.projects-divider{margin:10px 0;border-top:1px solid #cdd8e6}.projects-sidebar-footer{padding:14px 16px}.projects-new-btn{width:100%;height:44px;border-radius:9px;border:none;background:var(--green-start);color:var(--dashed-inside);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:0;font-size:22px;font-weight:800}.projects-new-btn:hover{background:var(--green-main);box-shadow:0 2px 6px #00000029}.projects-new-plus{font-size:22px;line-height:1}.projects-new-plus-icon{width:20px;height:20px;display:block}.projects-sidebar-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.projects-sidebar-header-row .projects-sidebar-title{margin-bottom:0}.projects-sidebar-toggle-btn{width:32px;height:32px;padding:0;border-radius:8px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(6px,-10px)}.projects-sidebar-toggle-btn:hover{background:var(--light-cool)}.projects-sidebar-inline-toggle{width:32px;height:32px;padding:0;border-radius:8px;border:2px solid #cdd8e6;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.projects-sidebar-inline-toggle:hover{border-color:var(--selection-green)}.projects-sidebar-toggle-icon{width:20px;height:20px;display:block}.projects-hide-tooltip[data-tooltip-position=bottom] .tooltip-content{top:calc(100% + 4px)}.load-card{position:relative;width:160px;background:#fff;border:2px solid #cdd8e6;border-radius:12px;overflow:visible;box-shadow:0 2px 6px #00000014;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.load-card.load-card--can-nest{width:auto;flex-direction:row;align-items:flex-start}.load-card-main{display:flex;flex-direction:column;flex-shrink:0;width:160px}.load-card--nested .load-card-main,.load-card-children .load-card-main{width:100%}.load-card:active{cursor:grabbing}.load-card.is-dragging{opacity:.6;cursor:grabbing}.load-card.is-drag-over{border-color:var(--green-main);background:#f0fdf9}.load-card--nested,.load-card-children .load-card{width:168px;min-width:168px;flex-shrink:0;border-radius:10px;box-sizing:border-box}.load-card-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);line-height:1;border-radius:10px 10px 0 0;overflow:hidden}.load-card--can-nest .load-card-icon{border-top-right-radius:0}.load-card--nested .load-card-icon,.load-card-children .load-card-icon{font-size:40px;aspect-ratio:1;border-radius:8px 8px 0 0}.load-card-body{padding:10px 12px}.load-card--nested .load-card-body,.load-card-children .load-card-body{padding:8px 10px 10px;min-width:0}.load-card-name{display:block;width:100%;padding:0;margin:0 0 6px;border:none;background:transparent;font-size:14px;font-weight:700;color:#0f172a;text-align:left;cursor:pointer;border-radius:4px}.load-card-name:hover{background:#f1f5f9}.load-card-name-input{width:100%;margin-bottom:6px;padding:4px 6px;font-size:14px;font-weight:700;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box}.load-card-label{width:100%;margin-bottom:8px;padding:4px 6px;font-size:12px;color:#334155;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;box-sizing:border-box}.load-card--nested .load-card-label,.load-card-children .load-card-label{width:100%;box-sizing:border-box}.load-card-profile{display:flex;align-items:flex-end;gap:4px}.load-card-profile-bars{display:flex;align-items:flex-end;gap:2px;height:28px;flex:1}.load-card-profile-bar{flex:1;min-width:2px;background:var(--green-main);border-radius:2px 2px 0 0;min-height:2px}.load-card-profile-label{font-size:10px;color:#94a3b8;flex-shrink:0}.load-card--nested .load-card-profile-bars,.load-card-children .load-card-profile-bars,.load-card--nested .load-card-profile,.load-card-children .load-card-profile{min-width:0}.load-card-actions{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:4px}.load-card-menu-btn,.load-card-remove{width:24px;height:24px;padding:0;border:none;background:#ffffffe6;color:#64748b;font-size:18px;line-height:1;cursor:pointer;border-radius:6px;box-shadow:0 1px 2px #0000001a}.load-card-remove{display:flex;align-items:center;justify-content:center}.load-card-remove-icon{width:14px;height:14px;display:block}.load-card-remove-icon--hover{display:none}.load-card-menu-btn{font-size:16px;display:flex;align-items:center;justify-content:center}.load-card-menu-btn i{font-size:inherit}.load-card-menu-btn:hover,.load-card-remove:hover{background:#f1f5f9}.load-card-menu-btn[aria-expanded=true]{background:var(--green-main);color:#fff}.load-card-remove:hover{color:#ef4444;background:#fef2f2}.load-card-remove:hover .load-card-remove-icon--default{display:none}.load-card-remove:hover .load-card-remove-icon--hover{display:block}.load-profile-editor{position:absolute;top:0;left:100%;margin-left:6px;min-width:420px;max-width:90vw;background:#fff;border:2px solid #cdd8e6;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:200;padding:16px}.load-profile-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;font-weight:700;color:#0f172a}.load-profile-editor-close{width:28px;height:28px;padding:0;border:none;background:transparent;color:#64748b;font-size:20px;cursor:pointer;border-radius:4px}.load-profile-editor-close:hover{background:#f1f5f9;color:#0f172a}.load-profile-editor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.load-profile-editor-cell{display:flex;flex-direction:column;gap:4px}.load-profile-editor-hour{font-size:12px;color:#64748b;font-weight:600}.load-profile-editor-cell input{width:100%;min-width:0;padding:8px 10px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box}.load-profile-editor-cell input:focus{outline:none;border-color:var(--green-main)}.load-profile-editor-footer{display:flex;justify-content:flex-end}.load-profile-editor-save{padding:8px 18px;font-size:14px;font-weight:700;color:#fff;background:var(--green-main);border:none;border-radius:8px;cursor:pointer}.load-profile-editor-save:hover{background:#05b39c}.load-card-children{padding:8px 12px;border-left:1px solid #e2e8f0;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:flex-start;min-width:0}.load-card-add-child{flex-shrink:0;align-self:center;min-width:90px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--green-main);background:#f0fdf9;border:1px dashed var(--green-main);border-radius:8px;cursor:pointer}.load-card-add-child:hover{background:#ccfbf1}.workbench{min-height:100%}.workbench-empty{padding:32px;text-align:center;color:var(--dark-cool);font-size:16px;background:var(--dashed-inside);border:2px dashed var(--light-cool);border-radius:12px}.workbench-empty p{margin:0}.workbench-grid{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.workbench-card{display:flex;align-items:center;gap:10px;min-width:180px;padding:12px 14px;background:var(--white-main);border:2px solid #973f1f;border-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000f}.workbench-card:active{cursor:grabbing}.workbench-card.is-dragging{opacity:.6;cursor:grabbing}.workbench-card.is-drag-over{border-color:var(--green-main);background:#f0fdf9}.workbench-card-grip{color:#214d8c;font-size:14px;letter-spacing:-2px}.workbench-card-name{flex:1;font-size:16px;font-weight:600;color:#0f172a}.workbench-card-remove{width:24px;height:24px;padding:0;border:none;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;border-radius:4px}.workbench-card-remove:hover{color:#ef4444;background:#fef2f2}.simulation-results{padding:16px;background:var(--white-main, #fff);border-radius:8px;border:1px solid #e2e8f0}.simulation-results--empty{text-align:center;color:#64748b}.simulation-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.simulation-results-title{margin:0;font-size:18px;font-weight:700;color:#334155}.simulation-results-clear{padding:6px 12px;font-size:14px;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.simulation-results-clear:hover{background:#e2e8f0;color:#475569}.simulation-results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.simulation-results-item{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.simulation-results-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f8fafc}.simulation-results-item-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0;border:none;background:none;cursor:pointer;font-size:14px;color:#334155}.simulation-results-item-toggle:hover{color:var(--green-main, #0d9488)}.simulation-results-item-label{font-weight:600}.simulation-results-item-meta{font-size:12px;color:#64748b;margin-left:8px}.simulation-results-download{padding:6px 10px;font-size:12px;color:#0d9488;background:#ccfbf1;border:1px solid #99f6e4;border-radius:6px;cursor:pointer;flex-shrink:0}.simulation-results-download:hover{background:#99f6e4;color:#0f766e}.simulation-results-preview{margin:0;padding:12px;font-size:12px;line-height:1.4;background:#f8fafc;border-top:1px solid #e2e8f0;overflow:auto;max-height:320px;white-space:pre;color:#475569}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.projects-page{margin-top:-60px;padding-top:0}.projects-page:before{content:"";display:table}.projects-page{width:100vw;height:100vh;overflow:hidden;align-self:stretch;background:var(--white-main)}.projects-layout{width:100%;display:flex;height:100%}.projects-reveal{opacity:0;transition:opacity .24s ease}.projects-reveal.is-visible{opacity:1}.projects-reveal--header{transition-delay:40ms}.projects-reveal--sidebar{transition-delay:.12s}.projects-reveal--toolbar{transition-delay:.18s}.projects-reveal--workspace{transition-delay:.24s}.projects-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.projects-message-box{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(.98);background:var(--tooltip-dark);color:var(--white-main);padding:9px 14px;border-radius:16px;border:1px solid var(--tooltip-light);font-size:14px;font-weight:600;box-shadow:0 8px 20px #0f172a40;opacity:0;pointer-events:none;transition:none;z-index:1300}.projects-message-box.is-visible{opacity:98%;transform:translate(-50%,-50%) scale(1)}.projects-project-header{--project-name-top-gap: 0px;--project-name-bar-height: 24px;--project-header-side-width: 120px;--project-header-icon-hit-size: 36px;display:grid;grid-template-columns:var(--project-header-side-width) minmax(0,1fr) var(--project-header-side-width);align-items:end;gap:12px;padding:var(--project-name-top-gap) 14px 0;background:#eaeaea;border-bottom:none}.projects-project-header-side{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:max(var(--project-name-bar-height),var(--project-header-icon-hit-size))}.projects-top-icon-btn{width:36px!important;height:36px!important;padding:0!important;position:relative;overflow:hidden;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:transparent!important;box-shadow:none!important}.projects-top-icon-btn:hover{border:none!important;background:transparent!important}.projects-top-icon-btn:before{content:"";position:absolute;top:4px;bottom:4px;left:0;right:0;border-radius:7px;background:transparent;transition:background-color .05s ease}.projects-top-icon-btn:hover:before{background:var(--dashed-inside)}.projects-top-icon-btn img{position:relative;z-index:1;width:18px;height:18px;display:block;object-fit:contain}.projects-top-icon-btn--front{z-index:250!important}.projects-project-header-side--right{justify-content:flex-end;position:relative;z-index:240}.projects-project-header-title-wrap{position:relative;width:100%;max-width:900px;min-width:0;height:var(--project-name-bar-height);justify-self:center;display:flex;align-items:center;justify-content:center;background:#fff;border:transparent;border-bottom:none;border-radius:12px 12px 0 0;margin-bottom:-1px;padding:14px 24px;z-index:3}.projects-project-header-title-wrap:before,.projects-project-header-title-wrap:after{content:"";position:absolute;bottom:0;width:22px;height:22px;background:#fff;border:none;border-radius:0}.projects-project-header-title-wrap:before{left:-22px}.projects-project-header-title-wrap:after{right:-22px}.projects-project-header-outer-box{position:absolute;bottom:1px;width:26px;height:26px;background:#eaeaea;border-radius:0;z-index:100;pointer-events:none}.projects-project-header-outer-box--left{left:-26px;border-bottom-right-radius:12px}.projects-project-header-outer-box--right{right:-26px;border-bottom-left-radius:12px}.projects-project-header-title{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:20px;font-weight:600;color:#1f2937}.projects-project-header-title-icon{width:20px;height:20px;flex-shrink:0}.projects-toolbar{background:#fff;border-bottom:1px solid #cdd8e6;padding:12px 14px 0}.projects-toolbar-row{display:flex;align-items:flex-end;gap:14px}.projects-spacer{flex:1}.projects-toolbar-divider{width:1px;height:24px;background:#cdd8e6;align-self:center}.projects-btn{height:40px;border-radius:9px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:20px;font-weight:800}.projects-btn-add{background:#eef2f7;border:none;color:#606060;padding:4px 8px;border-radius:8px;margin-bottom:4px;font-weight:300;font-size:medium}.projects-btn-add:hover{background:#f6f8fb}.projects-btn-add--workbench{margin-left:8px}.projects-config-wrap,.projects-filters-wrap{position:relative;display:inline-flex;align-items:center}.projects-btn-config{background:#eef2f7;border:none;color:#606060;padding:4px 10px;border-radius:8px;margin-bottom:4px;font-weight:300;font-size:medium;min-width:196px;min-height:38px;justify-content:flex-start;gap:6px;transition:transform .05s ease,background-color .05s ease;transform:translate(8px)}.projects-config-wrap.is-open .projects-btn-config,.projects-filters-wrap.is-open .projects-btn-config--filters{background:#eef2f7;border-top-right-radius:0;border-bottom-right-radius:0}.projects-btn-config:hover{background:#f6f8fb}.projects-btn-config--filters{min-width:0;padding-right:4px}.projects-btn-run{background:#c6edc1;border:none;color:#1e9d19;padding:4px 8px;border-radius:8px;margin-bottom:4px}.projects-btn-run:hover{background:#dbf4d7;color:#1e9d19}.projects-btn-run:disabled{opacity:.7;cursor:not-allowed}.projects-btn-run:disabled:hover{background:#c6edc1;color:#1e9d19}.projects-btn-add:focus-visible,.projects-btn-config:focus-visible,.projects-btn-run:focus-visible{background:#f6f8fb}.projects-btn-run:focus-visible{background:#dbf4d7;color:#1e9d19}.projects-btn-plus,.projects-btn-play{font-weight:900}.projects-btn-add-icon{width:20px;height:20px;display:block}.projects-btn-run-icon{width:18px;height:18px;display:block}.projects-btn-config-icon{width:16px;height:16px;display:block;flex-shrink:0;margin-left:auto}.projects-btn-config-left-icon{width:18px;height:18px;display:block;flex-shrink:0}.projects-btn-label{white-space:nowrap}.projects-config-icons{position:absolute;left:100%;top:50%;transform:translateY(calc(-50% - 2px));z-index:20;display:flex;align-items:center;gap:24px;background:#eef2f7;padding:4px 8px;min-height:40px;border-radius:0 8px 8px 0;box-sizing:border-box}.projects-config-icons--filters{min-width:160px}.projects-config-option-icon{width:32px;height:32px;display:block;padding:6px;border-radius:8px;background:transparent;box-sizing:border-box;transition:background-color .05s ease}.projects-config-icons .tooltip:hover .projects-config-option-icon{background:#f6f8fb}.projects-config-option-btn{border:none;background:transparent;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.projects-toolbar-icon-btn{width:40px;height:40px;border-radius:9px;border:2px solid #cdd8e6;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.projects-toolbar-icon-btn:hover{border-color:var(--selection-green);background:#f8fffd}.projects-toolbar-icon-btn--icon-only{width:auto;height:auto;padding:0;border:none;border-radius:0;background:transparent}.projects-toolbar-icon-btn--icon-only:hover{border:none;background:transparent}.projects-toolbar-icon{width:20px;height:20px;display:block}.projects-workspace{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.projects-page button{transition:background-color .05s ease,border-color .05s ease,color .05s ease,box-shadow .05s ease,opacity .05s ease;outline:none}.projects-page button:focus,.projects-page button:focus-visible{outline:none}@media(max-width:980px){.projects-btn-add,.projects-btn-config,.projects-btn-run{min-width:40px;width:40px;height:40px;padding:0;justify-content:center;gap:0}.projects-btn-label,.projects-btn-config-icon{display:none}.projects-btn-config{transform:none}}@media(prefers-reduced-motion:reduce){.projects-reveal{opacity:1;transition:none}}.project-craft-area{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff}.project-craft-tabs{display:flex;gap:0;padding:0 16px;background:#e5ebf2;border-bottom:1px solid #cdd8e6}.project-craft-tabs--toolbar{padding:0;background:transparent;border-bottom:none}.project-craft-tab{padding:12px 20px;font-size:16px;font-weight:700;color:#334155;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;margin-bottom:-1px}.project-craft-tab:hover{color:var(--green-main)}.project-craft-tab.is-active{color:var(--green-main);border-bottom-color:var(--green-main)}.project-craft-content{flex:1;min-height:0;overflow:auto}.project-craft-panel{padding:24px;min-height:100%}.project-craft-panel--workbench{padding:24px}.project-craft-placeholder{color:#64748b;font-size:16px;margin:0}.project-craft-placeholder--loading{animation:project-craft-loading-pulse 1s ease-in-out infinite}@keyframes project-craft-loading-pulse{50%{opacity:.6}}.user-guide-page{max-width:860px;margin:0 auto;padding:40px 32px 96px;color:var(--black, #1f2430);box-sizing:border-box}@media(max-width:640px){.user-guide-page{padding:32px 20px 72px}}.user-guide-content{line-height:1.65;font-size:1rem}.user-guide-content h1,.user-guide-content h2,.user-guide-content h3,.user-guide-content h4{scroll-margin-top:104px;position:relative}.user-guide-content h1{font-size:2.2rem;margin:0 0 24px;line-height:1.2}.user-guide-content h2{font-size:1.6rem;margin:48px 0 16px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.user-guide-content h3{font-size:1.25rem;margin:32px 0 12px}.user-guide-content h4{font-size:1.05rem;margin:24px 0 8px}.user-guide-content p{margin:0 0 16px}.user-guide-content ul,.user-guide-content ol{padding-left:1.4rem;margin:0 0 16px}.user-guide-content li{margin:4px 0}.user-guide-content hr{border:none;border-top:1px solid rgba(0,0,0,.08);margin:32px 0}.user-guide-content a{color:var(--green-main, #037F6F);text-decoration:underline}.user-guide-content a:hover{text-decoration:none}.user-guide-content code{background:#0000000f;padding:1px 6px;border-radius:4px;font-size:.92em}.user-guide-content pre{background:#0000000f;padding:14px 16px;border-radius:8px;overflow-x:auto}.user-guide-content pre code{background:transparent;padding:0}.user-guide-content .guide-anchor{position:absolute;left:-22px;top:0;text-decoration:none;color:#0000004d;opacity:0;transition:opacity .15s ease;font-weight:600}.user-guide-content .guide-heading:hover .guide-anchor,.user-guide-content .guide-heading:focus-within .guide-anchor{opacity:1}.user-guide-content .guide-anchor:hover{color:var(--green-main, #037F6F)}.footer{flex-shrink:0;background-color:var(--green-start);color:var(--white-main);text-align:center;padding:1rem 0;width:100%}.footer .social-icons{margin-bottom:10px}.footer .social-icons a{color:var(--white-main);font-size:1.5rem;margin:0 10px;display:inline-block;transition:color .3s ease}.footer .social-icons a:hover{color:var(--selection-green)}.footer .footer-links{margin-bottom:10px}.footer .footer-links a{color:var(--white-main);margin:0 10px;text-decoration:none;font-size:1rem}.footer .footer-links a:hover{text-decoration:underline}.footer-bottom{font-size:.9rem;color:var(--light-grey)}nav{background:var(--white-main);height:80px;width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:none;border-bottom:1px solid rgba(15,23,42,.12);transition:box-shadow .2s ease}nav.nav-scrolled{box-shadow:0 3px 8px #0f172a1a}.nav-left{display:flex;align-items:center;gap:18px;margin-left:60px}.nav-brand{display:inline-flex;align-items:center;gap:2px;text-decoration:none;color:var(--dark-grey);-webkit-tap-highlight-color:transparent}.nav-brand:hover{color:var(--dark-grey)}.nav-brand:visited,.nav-brand:focus,.nav-brand:active{color:var(--dark-grey);text-decoration:none}.nav-logo{height:50px;width:auto;margin-right:0;filter:none;transform:translateY(-7px)}.logo-nav{color:var(--dark-grey);font-size:35px;line-height:80px;padding:0;font-family:Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800}.logo-nav,.nav-links a{color:var(--dark-grey)}.nav-links{list-style:none;display:flex;align-items:center;gap:10px;margin:0;padding:0}.nav-links-left{margin-left:6px;gap:4px}.nav-links-right{margin-right:60px;gap:6px}.nav-links li{display:flex;align-items:center}.nav-links a{display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:400;line-height:1;text-decoration:none;color:var(--dark-grey);padding:10px 18px;border-radius:9px}.nav-links a[aria-label=About],.nav-links a[aria-label=Contact],.nav-links a[aria-label=Help]{font-size:19px;padding:10px 14px}.nav-links a[aria-label=Account]{padding:8px}.nav-home-link{gap:6px;font-weight:400}.nav-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:10px 18px;border-radius:9px;font-size:17px;font-weight:400;line-height:1;font-family:inherit;color:var(--dark-grey);border:none;background:transparent;cursor:pointer}.nav-signin-btn:hover{background:transparent;color:var(--green-main);transition:.5s}.nav-open-toolkit-btn{background:var(--green-main);color:var(--white-main);padding:12px 24px;font-size:18px;font-weight:700;line-height:1;border:none;border-radius:9px;cursor:pointer}.nav-open-toolkit-btn:hover{background:var(--selection-green);color:var(--white-main);transition:none}.nav-account-icon{width:28px;height:28px;display:block;flex-shrink:0}.nav-account-icon--hover,.nav-links a[aria-label=Account]:hover .nav-account-icon--default{display:none}.nav-links a[aria-label=Account]:hover .nav-account-icon--hover{display:block}.nav-contact-link-tight{margin-left:-6px;margin-right:-6px}.nav-icon-only-link{padding:9px}.nav-home-icon{width:22px;height:22px;display:block;flex-shrink:0}.nav-links a:hover{background:transparent;color:var(--green-main);transition:.5s}.nav-links a.active{background:transparent;color:var(--dark-grey)}.nav-links a[aria-label=Projects],.nav-links a[aria-label="Open toolkit"]{background:var(--green-main);color:var(--white-main)}.nav-links a[aria-label="Open toolkit"]{padding:12px 24px;font-size:18px;font-weight:700;transition:none}.nav-links a[aria-label=Projects]:hover,.nav-links a[aria-label=Projects].active,.nav-links a[aria-label="Open toolkit"]:hover,.nav-links a[aria-label="Open toolkit"].active{background:var(--green-main);color:var(--white-main)}.nav-links a[aria-label="Open toolkit"]:hover{background:var(--selection-green);color:var(--white-main);transition:none}.nav-hamburger-btn{display:none;width:40px;height:40px;padding:0;border:none;border-radius:0;background:transparent;align-items:center;justify-content:center;cursor:pointer}.nav-hamburger-icon{width:24px;height:24px;display:block}.nav-mobile-backdrop{display:none;border:none;padding:0;position:fixed;top:80px;right:0;bottom:0;left:0;background:#0f172a4d;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1090}.nav-mobile-menu{position:fixed;top:80px;right:0;width:min(280px,82vw);height:auto;max-height:calc(100vh - 96px);background:var(--white-main);border-bottom-left-radius:14px;box-shadow:-8px 0 22px #0f172a29;display:flex;flex-direction:column;padding:1rem;gap:.45rem;overflow-y:auto;transform:translate(100%);transition:transform .2s ease;z-index:1100}.nav-mobile-menu a{display:inline-flex;align-items:center;color:var(--dark-grey);text-decoration:none;font-size:19px;padding:10px 14px;border-radius:9px}.nav-mobile-menu a:hover{color:var(--green-main)}.nav-mobile-menu.is-open{transform:translate(0)}.nav-mobile-backdrop.is-open{opacity:1;pointer-events:auto}@media(max-width:952px){.logo-nav{font-size:30px;padding-left:0}.nav-left{margin-left:24px}.nav-links-right{margin-right:24px}}@media(max-width:858px){.nav-links-left{display:none}.nav-hamburger-btn{display:block;display:inline-flex}.nav-mobile-backdrop{display:block}.nav-left{margin-left:6px}.nav-links-right{margin-right:6px;gap:8px}.logo-nav{font-size:26px}.nav-signin-btn{padding:10px 14px}.nav-open-toolkit-btn,.nav-links a[aria-label="Open toolkit"]{padding:11px 16px;font-size:16px}}:root{--black: #0A090C;--dark-text: #0f172a;--dark-grey: #606060;--light-grey: #eaeaea;--light-cool: #dfe3e7;--dark-cool: #64748b;--dashed-inside: #f8fafc;--green-start: #046153;--blue-end: #409492;--green-main: #037F6F;--subheading: #4a5568;--selection-green: #05B39C;--yellow-accent: #EDD16E;--orange-accent: #FFA947;--white-main: #ffffff;--white1: #F7F9F1;--gradient-bg: linear-gradient(135deg, var(--green-start), var(--green-main), var(--blue-end));--gradient-yo: linear-gradient(var(--yellow-accent), var(--orange-accent));--tooltip-light: #888989;--tooltip-dark: #5c5c5c}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html{scrollbar-gutter:auto}body{background-color:var(--white-main);display:flex;flex-direction:column;margin-top:60px}.static-page-shell{min-height:calc(100vh - 60px);display:flex;flex-direction:column}.static-page-content{flex:1;display:flex;flex-direction:column}.static-page-shell--no-scroll{height:calc(100vh - 60px);min-height:calc(100vh - 60px);overflow:hidden}.static-page-content--no-scroll{overflow:hidden}.static-page-shell>.footer{margin-top:auto}.app-shell-layout{min-height:calc(100vh - 60px);display:flex;flex-direction:column}.app-shell-layout--projects{min-height:auto}.app-shell-layout--no-scroll{height:calc(100vh - 60px);min-height:calc(100vh - 60px);overflow:hidden}.app-route-content{flex:1;display:flex;flex-direction:column}.app-shell-layout--no-scroll .app-route-content{overflow:hidden}.page-container{max-width:800px;margin:80px auto 0;padding:20px;background-color:var(--white-main);border-radius:8px;box-shadow:0 2px 5px #0000001a}.page-container h1{font-size:2rem;margin-bottom:1rem;text-align:center}.page-container p{font-size:1rem;line-height:1.6}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center;z-index:1000}.modal.active{display:flex}.modal-content{background:var(--white-main);padding:20px;border-radius:5px;position:relative;width:90%;max-width:500px}.modal-close{position:absolute;top:5px;right:10px;background:none;border:none;font-size:1.5em;cursor:pointer}#loginIframe{width:100%;height:400px;border:none}
