@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f6f3f8;background:#191d1b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Outfit,system-ui,sans-serif}p{line-height:1.6;color:#d0d2c7}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100vw - 1190px)/2));background:#202b24;border-bottom:1px solid #52644f}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.12em;font-size:19px}.brand small{display:block;font-size:9px;letter-spacing:.28em;color:#d6cce5;margin-top:2px}.brandmark{background:linear-gradient(135deg,#88a875,#396b49);padding:11px;border-radius:12px}.topbar nav{display:flex;gap:27px;font-size:14px;color:#e4e2df}.topbar nav a:hover{color:#d6cce5}.hero{position:relative;overflow:hidden;min-height:385px;padding:75px max(5%,calc((100vw - 1190px)/2));background:radial-gradient(ellipse at 85% 55%,#4c6650 0%,transparent 44%),linear-gradient(115deg,#202b24,#303a35 70%,#202b24)}.hero>*:not(.glow){position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:#cfc3df}.hero h1{font-size:clamp(39px,5.5vw,69px);line-height:1.06;letter-spacing:-.045em;margin:20px 0}.hero em{font-style:normal;color:#d6cce5}.hero p{max-width:560px;font-size:16px}.herocta{display:inline-block;margin-top:16px;border:1px solid #88a875;border-radius:9px;padding:12px 20px;background:#396b49}.section,.page,.toolpage{max-width:1190px;margin:auto;padding:58px 5% 90px}.sectionhead,.dashhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.sectionhead h2{font-size:33px;margin:10px 0 0}.sectionhead p{margin:6px 0}.count,.pill{border:1px solid #647765;background:#303a35;color:#d6cce5;padding:8px 12px;border-radius:30px;font-size:12px}.filters{display:flex;flex-direction:column;gap:16px;margin:26px 0}.filters input{max-width:440px}.categories{display:flex;gap:9px;flex-wrap:wrap}.chip{background:#303a35;color:#e0e0d9;border:1px solid #596b59;padding:9px 15px;border-radius:8px}.chip.active{background:#396b49;border-color:#88a875;color:#fff}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.toolcard,.panel{background:#29342e;border:1px solid #566653;border-radius:15px;padding:24px}.toolcard{display:flex;flex-direction:column;min-height:282px}.cardtop{display:flex;justify-content:space-between;align-items:center}.toolicon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#3e5d46;color:#d6cce5;font-size:25px}.pill{padding:6px 10px}.pill.live{color:#b4e9ce;border-color:#30634e;background:#183c30}.category{color:#d6cce5;text-transform:uppercase;font-size:11px;letter-spacing:.15em;margin-top:20px}.toolcard h3{font-size:21px;margin:8px 0 0}.toolcard p{font-size:13px;margin:8px 0 20px;flex:1}.btn{display:inline-flex;justify-content:center;gap:15px;align-items:center;background:#396b49;color:#fff;border:1px solid #88a875;border-radius:9px;padding:12px 16px;font-weight:700;font-size:13px}.btn:not(.disabled):hover{background:#54815e}.btn.disabled{opacity:.5;cursor:not-allowed;background:#382947;border-color:#473458}.narrow{max-width:540px}.page h1{font-size:39px;margin:12px 0}.panel{display:flex;flex-direction:column;gap:15px}.panel h2{margin:0;font-size:22px}.panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#e4e2df}input,select,textarea{width:100%;min-width:0;padding:12px 13px;background:#1e2922;border:1px solid #6d7c6a;border-radius:9px;color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #d6cce5}input[type=file]{font-size:12px}.dashboard{max-width:1300px}.dashgrid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:22px;margin-top:26px;align-items:start}.secondary{background:#3b4e41;border:1px solid #82977d;color:#f6f3f8;border-radius:7px;padding:8px 12px}.secondary:disabled{opacity:.4;cursor:default}.adminitem{padding:16px 0;border-bottom:1px solid #596b59}.adminitem strong,.adminitem small{display:block}.adminitem small{color:#c6c9c0;margin-top:5px;overflow-wrap:anywhere}.version{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:12px}.notice{padding:12px;border-radius:8px;background:#424a43;color:#e3d6ee;font-size:13px}.notice.error{color:#ffc4c4;background:#4c2432}.notice.success{color:#c8efdd;background:#214132}.notice:empty{display:none}.muted{color:#c7c9c2}.toolheading{margin-bottom:22px}.toolheading a{color:#d6cce5}.toolheading h1{font-size:37px;margin:18px 0 6px}.framewrap{background:#fff;border-radius:12px;overflow:hidden;min-height:75vh}.framewrap iframe{width:100%;height:80vh;border:0;display:block;background:#fff}.framehelp{font-size:12px}footer{border-top:1px solid #52644f;text-align:center;padding:26px 10px;color:#b8bcb3;font-size:12px}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashgrid{grid-template-columns:1fr}.hero{padding-top:55px;padding-bottom:55px}}@media(max-width:560px){.topbar{height:68px;padding:0 5%}.topbar nav{gap:13px;font-size:12px}.brand{font-size:15px}.brandmark{padding:8px}.hero{min-height:330px}.section,.page,.toolpage{padding:40px 5% 65px}.cards{grid-template-columns:1fr}.sectionhead h2{font-size:28px}.toolcard{min-height:250px}.count{white-space:nowrap}.dashhead{align-items:flex-start}.toolheading h1{font-size:29px}}:root{--forest:#28633f;--sage:#88a875;--mist:#d1d3c6;--lavender:#d6cce5;--violet:#968fac;color-scheme:dark}.hero{background:radial-gradient(ellipse at 85% 35%,rgba(150,143,172,.32),transparent 48%),linear-gradient(115deg,#202b24,#354a3b 68%,#343440)}.brandmark{background:linear-gradient(135deg,var(--forest),var(--violet))}.hero em{color:var(--lavender)}.toolcard:hover{border-color:var(--sage);transform:translateY(-2px);transition:transform .2s,border-color .2s}.btn,.herocta,.chip.active{background:var(--forest);border-color:var(--sage)}:root{--forest:#28633f;--sage:#88a875;--mist:#d1d3c6;--lavender:#d6cce5;--violet:#968fac;color:#f7f3fb;background:#17131f;color-scheme:dark}body{background:#17131f}p{color:#d7cfdf}.topbar{background:#231c30;border-bottom-color:#50415f}.topbar nav{color:#ede6f4}.topbar nav a:hover{color:var(--sage)}.brand small{color:var(--sage)}.brandmark{background:linear-gradient(135deg,#968fac,#615177);color:#fff}.hero{background:radial-gradient(ellipse at 83% 38%,rgba(150,143,172,.45),transparent 50%),radial-gradient(ellipse at 10% 90%,rgba(136,168,117,.12),transparent 43%),linear-gradient(115deg,#241b33,#49365e 70%,#2c243e)}.eyebrow{color:var(--sage)}.hero em{color:#e0d2f0}.herocta,.btn{background:#695381;border-color:#a99ac3;color:#fff}.btn:not(.disabled):hover,.herocta:hover{background:#80669b}.count,.pill{background:#32273f;border-color:#635372;color:#e0d2f0}.filters input{background:#241c30}.chip{background:#30263d;border-color:#5e4d70;color:#e8e0ef}.chip.active{background:#695381;border-color:#b5a1d0;color:#fff}.toolcard,.panel{background:#292136;border-color:#554568}.toolcard:hover{border-color:var(--sage)}.toolicon{background:#433451;color:#dcd0ed}.category{color:#a8c49a}.pill.live{background:#203a2c;border-color:#5c946a;color:#c9e7c0}.btn.disabled{background:#362c40;border-color:#5a4a66}.panel label{color:#eee8f3}input,select,textarea{background:#201a2b;border-color:#655477;color:#fff}input:focus,select:focus,textarea:focus{outline-color:var(--sage)}.secondary{background:#40334f;border-color:#78668b;color:#f7f3fb}.secondary:not(:disabled):hover{border-color:var(--sage)}.adminitem{border-bottom-color:#574769}.adminitem small,.muted{color:#cec5d6}.notice{background:#3c3149;color:#e7dcef}.notice.success{background:#203d2e;color:#c8efdd}.notice.error{background:#4c2432;color:#ffc4c4}.toolheading a{color:#b6d2a8}.framewrap{border:1px solid #68577a}footer{border-top-color:#50415f;color:#c9c0d1}.auth-tabs{display:flex;gap:10px}.auth-tabs button{flex:1}#authform{display:flex;flex-direction:column;gap:14px}#authform label{display:flex;flex-direction:column;gap:6px}#signupfields[hidden]{display:none}.topbar nav{flex-wrap:wrap;justify-content:flex-end}@media(max-width:560px){.topbar{height:auto;min-height:75px;gap:12px;padding-top:12px;padding-bottom:12px}.topbar nav{gap:10px}}:root{--theme-bg: #17131f;--theme-text: #f7f3fb;--theme-muted: #d7cfdf;--theme-header: #231c30;--theme-surface: #292136;--theme-border: #554568;--theme-primary: #695381;--theme-primary-hover: #80669b;--theme-accent: #88a875;--theme-heading-font: "Outfit", system-ui, sans-serif;--theme-body-font: "DM Sans", system-ui, sans-serif;--theme-radius: 15px}html,body{background:var(--theme-bg);color:var(--theme-text);font-family:var(--theme-body-font)}p{color:var(--theme-muted)}.btn,.herocta{background:var(--theme-primary);border-color:var(--theme-accent)}.chip.active{background:var(--theme-primary);border-color:var(--theme-accent)}.toolcard:hover{border-color:var(--theme-accent)}.appearance-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:18px}.appearance-color-grid label{display:flex;flex-direction:column;gap:8px}.appearance-color-input{width:100%;height:48px;padding:5px;cursor:pointer}:root{color:var(--theme-text);background:var(--theme-bg)}body{background:var(--theme-bg);color:var(--theme-text)}h1,h2,h3{font-family:var(--theme-heading-font)}p,.muted,.adminitem small{color:var(--theme-muted)}.topbar{background:var(--theme-header);border-bottom-color:var(--theme-border)}.topbar nav,.topbar nav a,.brand{color:var(--theme-text)}.topbar nav a:hover,.brand small,.eyebrow,.category,.toolheading a{color:var(--theme-accent)}.brandmark{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))}.hero{background:radial-gradient(ellipse at 83% 38%,var(--theme-primary),transparent 65%),linear-gradient(115deg,var(--theme-bg),var(--theme-surface))}.hero em{color:var(--theme-accent)}.toolcard,.panel{background:var(--theme-surface);border-color:var(--theme-border);border-radius:var(--theme-radius)}.toolcard:hover,.secondary:not(:disabled):hover{border-color:var(--theme-accent)}.toolicon,.count,.pill,.chip,.secondary,.notice{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-text)}.pill.live{border-color:var(--theme-accent);color:var(--theme-text)}.btn,.herocta,.chip.active{background:var(--theme-primary);border-color:var(--theme-accent);color:var(--theme-button-text,#fff);border-radius:var(--theme-radius)}.btn:not(.disabled):hover,.herocta:hover{background:var(--theme-primary-hover)}input,select,textarea,.filters input{background:var(--theme-input);color:var(--theme-text);border-color:var(--theme-border);border-radius:var(--theme-radius)}input:focus,select:focus,textarea:focus{outline-color:var(--theme-accent)}.panel label{color:var(--theme-text)}.adminitem{border-bottom-color:var(--theme-border)}.framewrap{border-color:var(--theme-border)}footer{border-top-color:var(--theme-border);color:var(--theme-muted)}.theme-preset.active{border:2px solid var(--theme-accent)}.brand-name[hidden]{display:none}.brandmark.has-logo{background:transparent;padding:0}.brand-logo-image{display:block;width:46px;height:46px;object-fit:contain;border-radius:9px}.brand-name{min-width:0;overflow-wrap:anywhere}.branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.branding-full{grid-column:1 / -1}.branding-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px}.branding-check input{width:auto}.branding-actions{display:flex;flex-wrap:wrap;gap:10px}.branding-preview{border:1px solid var(--theme-border);border-radius:var(--theme-radius);padding:16px}.branding-preview-header{display:flex;align-items:center;gap:12px;padding:14px 0;font-weight:800;letter-spacing:.08em}.branding-preview-header small{display:block;font-size:10px;letter-spacing:.16em;color:var(--theme-accent)}#branding-footer-preview{border-top:1px solid var(--theme-border);padding-top:12px;color:var(--theme-muted);font-size:12px;overflow-wrap:anywhere}@media(max-width:560px){.branding-grid{grid-template-columns:1fr}}.dashboard-fold{min-width:0;margin-top:22px;border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:var(--theme-surface);overflow:hidden}.dashgrid .dashboard-fold{margin-top:0}.dashboard-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:20px 24px;font-family:var(--theme-heading-font);font-size:20px;font-weight:700;color:var(--theme-text);list-style:none}.dashboard-fold>summary::-webkit-details-marker{display:none}.dashboard-fold>summary:after{content:"+";font-size:26px;line-height:1;color:var(--theme-accent)}.dashboard-fold[open]>summary:after{content:"−"}.dashboard-fold>summary:focus-visible{outline:2px solid var(--theme-accent);outline-offset:-3px}.dashboard-fold>.panel{border:0;border-top:1px solid var(--theme-border);border-radius:0;background:transparent}.dashboard-fold-wide{margin-top:24px}.font-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.font-editor-panel{display:flex;flex-direction:column;gap:13px;min-width:0;padding:18px;border:1px solid var(--theme-border);border-radius:var(--theme-radius);background:var(--theme-soft)}.font-editor-panel label{display:flex;flex-direction:column;gap:8px;min-width:0}.font-search-results{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto}.font-result{display:block;width:100%;padding:9px 12px;text-align:left;background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:7px;font-size:16px}.font-result:hover{border-color:var(--theme-accent)}.font-upload-info{font-size:12px;color:var(--theme-muted);overflow-wrap:anywhere}.font-radius-label{display:flex;flex-direction:column;gap:10px;margin-top:20px}@media(max-width:720px){.font-editor-grid{grid-template-columns:1fr}}.section,.page,.toolpage{max-width:var(--layout-content-width,1190px)}.cards{grid-template-columns:repeat(var(--layout-columns,3),minmax(0,1fr))}:root[data-layout-card=compact] .toolcard{padding:15px;min-height:210px}:root[data-layout-card=spacious] .toolcard{padding:34px;min-height:330px}:root[data-layout-align=center] .toolcard{text-align:center}:root[data-layout-align=center] .cardtop{justify-content:center;gap:15px}:root[data-layout-hover=none] .toolcard:hover{transform:none;box-shadow:none}:root[data-layout-hover=glow] .toolcard:hover{transform:none;box-shadow:0 0 20px var(--theme-primary)}:root[data-layout-spacing=compact] .cards{gap:10px}:root[data-layout-spacing=spacious] .cards{gap:30px}:root[data-layout-spacing=compact] .section,:root[data-layout-spacing=compact] .page{padding-top:30px;padding-bottom:45px}:root[data-layout-spacing=spacious] .section,:root[data-layout-spacing=spacious] .page{padding-top:80px;padding-bottom:110px}:root[data-layout-hero=centered] .hero{text-align:center}:root[data-layout-hero=centered] .hero p{margin-left:auto;margin-right:auto}:root[data-layout-hero=minimal] .hero{min-height:0;padding-top:35px;padding-bottom:35px}:root[data-layout-hero-visible=false] .hero{display:none}:root[data-layout-categories-visible=false] #categories{display:none}:root[data-layout-search-visible=false] #library-filters input{display:none}:root[data-layout-sticky=true] .topbar{position:sticky;top:0;z-index:50}:root[data-layout-header=compact] .topbar{height:auto;min-height:55px;padding-top:7px;padding-bottom:7px}:root[data-layout-header=tall] .topbar{height:auto;min-height:105px;padding-top:18px;padding-bottom:18px}:root[data-layout-button=small] .btn{padding:8px 12px;font-size:12px}:root[data-layout-button=large] .btn{padding:16px 22px;font-size:15px}:root[data-layout-button-full=true] .toolcard .btn{width:100%}.layout-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.layout-check{flex-direction:row!important;align-items:center;gap:9px!important}.layout-check input{width:auto}.layout-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.layout-order-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--theme-border);padding:9px 0}.layout-order-row span:last-child{white-space:nowrap}.layout-preview{border:1px solid var(--theme-border);border-radius:var(--theme-radius);overflow:hidden;max-width:100%;background:var(--theme-bg)}.layout-preview-header{background:var(--theme-header);font-weight:700;font-size:12px}.layout-preview-hero{background:var(--theme-primary);padding:22px 12px;font-weight:700}.layout-preview-cards{display:grid;padding:12px}.layout-preview-card{min-width:0;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:8px;overflow-wrap:anywhere}.layout-preview-card strong,.layout-preview-card small{display:block;font-size:11px}.layout-preview-card small{opacity:.7;margin-top:7px}@media(max-width:800px){.cards{grid-template-columns:repeat(min(var(--layout-columns,3),2),minmax(0,1fr))}}@media(max-width:560px){.cards{grid-template-columns:repeat(var(--layout-mobile-columns,1),minmax(0,1fr))}.layout-form-grid{grid-template-columns:1fr}.layout-preview-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.layout-preview-card{padding:8px!important}}.account-settings details.panel{margin:16px 0}.account-settings details.panel>summary{cursor:pointer;padding:6px 0;font-size:1.08rem}.account-settings details.panel>summary+*{margin-top:16px}.account-settings label{display:block;margin:12px 0}.account-settings input,.account-settings select,.account-settings textarea{width:100%;max-width:100%;box-sizing:border-box}.account-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.account-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--theme-surface,#292136);font-size:2rem;margin:12px 0}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-settings .adminitem{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.calculator-icon-image{width:110px;height:110px;object-fit:contain;display:block;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(25,8,40,.28))}.cardtop{align-items:flex-start}.icon-upload-panel{margin-top:18px}@media(max-width:560px){.calculator-icon-image{width:96px;height:96px}}.calculator-viewport{min-width:0}.calculator-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--theme-surface,#292136);border:1px solid var(--theme-border,#554568);border-radius:12px 12px 0 0}.calculator-view-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calculator-view-toggle{width:auto;min-width:max-content;touch-action:manipulation}.calculator-viewport .framewrap{border-radius:0 0 12px 12px}body.calculator-expanded{overflow:hidden}.calculator-viewport.is-expanded{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;z-index:2147483000!important;background:var(--theme-bg,#17131f);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.calculator-viewport.is-expanded .calculator-view-toolbar{flex:0 0 auto;border-radius:0;min-height:52px}.calculator-viewport.is-expanded .framewrap{flex:1 1 auto;min-height:0!important;height:auto!important;border:0;border-radius:0;overflow:hidden}.calculator-viewport.is-expanded .framewrap iframe{height:100%!important;min-height:0!important;width:100%!important}@media(max-width:560px){.calculator-view-toolbar{padding:8px}.calculator-view-name{font-size:12px}.calculator-view-toggle{font-size:12px;padding:9px 11px}}.wos-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;padding-top:16px}.wos-stat-field{display:flex;flex-direction:column;gap:5px;font-size:.87rem}.wos-stat-field input,.wos-stat-field textarea{width:100%;min-width:0}.wos-stat-section summary{cursor:pointer}.wos-tool-profile-label{display:flex;align-items:center;gap:7px;font-size:.85rem;margin:0}.wos-tool-profile-label select{min-width:130px;max-width:220px}.calculator-view-toolbar{flex-wrap:wrap;gap:10px}@media(max-width:600px){.wos-tool-profile-label{width:100%}.wos-tool-profile-label select{flex:1;max-width:none}}