:root{--ink:#213f37;--muted:#66736a;--bg:#f7f8f2;--card:#fffef9;--accent:#42664d;--accent2:#a7bea0;--line:#dfe6d9;--hp-ink:#213f37;--hp-orange:#52724f;--hp-muted:#66736a;--hp-paper:#f7f8f2;--hp-line:#dfe6d9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.community-theme{margin:0;background:#f7f8f2;background-image:none;color:#213f37;font-family:'Leelawadee UI',Tahoma,sans-serif;line-height:1.8;padding-bottom:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:#42664d;text-underline-offset:4px}img{max-width:100%}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9a6a35;outline-offset:3px}[hidden]{display:none!important}.community-header{position:sticky;top:0;z-index:50;background:#f7f8f2f5;border-bottom:1px solid #dfe6d9;backdrop-filter:blur(12px)}.community-header-inner{max-width:1180px;margin:auto;min-height:82px;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:12px 22px}.community-brand{color:#213f37;text-decoration:none;font-size:21px;font-weight:750;white-space:nowrap}.community-brand span{color:#6b865c}.community-brand small{display:block;font-size:10px;font-weight:400;color:#72806d;letter-spacing:.03em}.community-desktop{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.community-desktop a{font-size:13px;text-decoration:none;padding:9px 12px;border-radius:20px;color:#405344;min-height:44px}.community-desktop a:hover,.community-desktop a[aria-current=page]{background:#e4ecdf;color:#173b2d}.community-menu{display:none}.community-bottom{display:none}.community-skip{position:fixed;top:-80px;left:15px;z-index:200;background:#213f37;color:white;padding:12px 20px}.community-skip:focus{top:10px}.community-footer{margin-top:60px;padding:45px 22px;background:#e8eee1;border-top:1px solid #d5dfcd;color:#364d3c}.community-footer>div{max-width:1100px;margin:auto}.community-footer h2{font-size:22px;line-height:1.6}.community-footer p{max-width:650px;font-size:14px}.community-footer nav{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.community-footer nav a{font-size:14px}.community-footer small{font-size:11px}.community-wrap{max-width:1180px;padding:0 22px;margin:auto}.community{padding-bottom:20px}.community h1{font-size:clamp(30px,4vw,49px);line-height:1.45;letter-spacing:-.035em;margin:10px 0 22px}.community h1 em{color:#6f8a64;font-style:normal}.community h2{font-size:29px;line-height:1.55;margin:0 0 16px}.community h3{font-size:20px;line-height:1.65;margin:10px 0}.community p{color:#66736a;line-height:1.95}.community .lead{font-size:18px;max-width:700px}.community .eyebrow{color:#70856b;font-size:11px;font-weight:750;letter-spacing:.13em;margin:0}.community-intro{padding:38px 0 25px}.community-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:35px 0 50px}.community-hero>img{width:100%;max-height:470px;object-fit:contain;border-radius:32px;background:#f4efe3}.community-hero .community-intro{padding-top:0}.community-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.c-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:11px 20px;border:1px solid #b8c8ac;border-radius:12px;background:#fffef9;color:#33523c;text-decoration:none;font-weight:650;font-size:14px;line-height:1.65}.c-button.primary{background:#335b41;border-color:#335b41;color:white}.c-button:hover{filter:brightness(.97)}.c-small{font-size:12px!important;line-height:1.8;color:#6f7c69}.c-section{padding:42px 0;border-top:1px solid #dfe6d9}.c-soft{padding:30px;border-radius:20px;border:0;background:#eaf0e2}.c-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.c-problem{padding:25px;border:1px solid #dce5d5;background:#fffef9;border-radius:18px;text-decoration:none;color:inherit}.c-problem>span{font-size:11px;background:#edf1e5;color:#607a56;padding:5px 10px;border-radius:20px}.c-problem h2,.c-problem h3{font-size:20px;line-height:1.65;margin:18px 0 10px}.c-problem p{font-size:14px}.c-problem b{font-size:13px;color:#476944}.c-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.c-tool-grid>a{text-decoration:none;color:inherit}.c-tool-grid>a>span{font-size:28px}.c-tool-grid p{font-size:14px}.c-section-title{display:flex;gap:20px;align-items:center;justify-content:space-between}.idea-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.idea-card{border:1px solid #dfe6d9;background:#fffef9;border-radius:16px;overflow:hidden;min-width:0}.idea-picture{display:block;aspect-ratio:1;background:#f2f0e4;padding:12px}.idea-picture img{width:100%;height:100%;object-fit:contain;display:block}.idea-info{padding:14px}.idea-info h2,.idea-info h3{font-size:17px;line-height:1.6;margin:0 0 10px}.idea-info h3>a{text-decoration:none;color:#2f4c37}.idea-info>small{font-size:10px;color:#778170}.idea-actions{display:flex;gap:7px;align-items:center;justify-content:space-between}.idea-actions a{font-size:12px}.save-idea{min-height:44px;min-width:44px;border:1px solid #cbd8c0;border-radius:10px;background:#f6f8f0;color:#42694b;font-size:19px}.save-idea[aria-pressed=true]{background:#e5eecf}.catalog-controls{display:grid;grid-template-columns:1.5fr 1fr auto;gap:15px;align-items:end;background:#edf1e6;padding:20px;border-radius:16px}.community label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#3b5841}.community input,.community select,.community textarea{min-height:46px;min-width:0;width:100%;padding:10px 12px;border:1px solid #bdcbb3;border-radius:9px;background:#fffefb;color:#233f2f}.community input[type=file]{padding:9px;font-size:12px}.c-reading{max-width:800px;margin:auto}.c-reading section{margin:35px 0}.c-reading p{font-size:17px;line-height:2}.c-note{padding:25px;background:#eaf0e2;border-radius:16px}.c-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c-guide-links>a{padding:18px;background:#fffef9;border:1px solid #dfe6d9;border-radius:12px}.creative-editor{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.editor-preview{background:#edf0e5;padding:20px;border-radius:18px;position:sticky;top:105px}.editor-preview canvas{display:block;width:100%;height:auto;border-radius:12px;background:#fffef8}.creative-editor form{display:grid;gap:17px}.c-two-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px}.c-text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#59714f;min-height:44px;text-align:left}.size-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:24px 0}.size-result{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}.size-result canvas{max-width:100%;max-height:360px;object-fit:contain;background:#fffef8;border:1px solid #cdd8c4;border-radius:10px}.c-empty{text-align:center;padding:50px 20px;background:#edf2e5;border-radius:16px}.c-production{margin:20px 0;border:1px solid #dfe6d9;border-radius:12px;padding:15px;background:#f2f5eb}.c-production>summary{cursor:pointer;font-size:14px;font-weight:600;color:#61745c}.c-compact{padding:10px;font-size:13px}.community-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#213f37;color:white;padding:12px 20px;border-radius:14px;z-index:100;max-width:90vw;font-size:13px;box-shadow:0 6px 20px #14302125}.community-theme .hero{background:#e8eee0!important;color:#2a4935!important;border-radius:0 0 24px 24px;box-shadow:none;padding:35px 0}.community-theme .hero h1,.community-theme .hero p{color:#2a4935!important}.community-theme .btn.line,.community-theme .btn{background:#e5ecdd;color:#38543e;border:1px solid #c9d7bf;box-shadow:none}.community-theme .hero .btns{display:flex;gap:12px}.community-theme .price,.community-theme .pd-price{font-size:15px;color:#61745c}.community-theme .sales-hero{background:#edf1e6;border:1px solid #dfe6d9}.community-theme .sales-card-tag{background:#e5eddd;color:#4d6845;font-size:10px}.community-theme .sales-card-action{color:#4c7148}.community-theme .sales-card,.community-theme .card,.community-theme .pcard{border-color:#dfe6d9;border-radius:15px;box-shadow:none}.community-theme .facts,.community-theme .spec{font-size:14px}.community-theme .pp-lead,.community-theme .pd-info p{font-size:16px;line-height:1.9}.community-theme main{padding-top:8px}.community-theme .pd{gap:30px}.community-theme .cards{gap:18px}.community-theme section{scroll-margin-top:100px}.community-theme .hp{--hp-orange:#52724f}.community-theme .hp-contact{background:#edf1e5}.community-theme .hp-contact .hp-btn{background:#e3ebdb;color:#36543d;border-color:#bbcbb0}.community-theme .hp-skip{display:none}.community-theme .hp-faq summary,.community-theme .lp summary{line-height:1.75}
@media(max-width:950px){.community-desktop{gap:2px}.community-desktop a{font-size:12px;padding:8px}.community-brand{font-size:19px}.community-hero{gap:30px}.c-problem-grid{grid-template-columns:1fr 1fr}.idea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:90px}.community-theme{padding-bottom:78px!important}.community-header-inner{min-height:75px;padding:11px 18px}.community-brand{font-size:20px}.community-brand small{font-size:9px}.community-desktop{display:none}.community-menu{display:block;position:relative}.community-menu summary{list-style:none;padding:9px 14px;border:1px solid #c4d2b9;border-radius:10px;font-size:13px;min-height:44px;cursor:pointer}.community-menu nav{position:absolute;right:0;top:52px;width:230px;padding:10px;background:#fffef9;border:1px solid #d6e0ce;border-radius:14px;box-shadow:0 10px 25px #173a231a;display:grid}.community-menu nav a{padding:11px 14px;text-decoration:none;font-size:14px}.community-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:60;bottom:0;left:0;right:0;min-height:65px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffef9f5;border-top:1px solid #d5dfcc;backdrop-filter:blur(12px)}.community-bottom a{display:grid;align-content:center;justify-items:center;color:#65805b;text-decoration:none;font-size:21px;line-height:1.3;min-height:50px}.community-bottom span{font-size:10px}.community-bottom b{font-size:9px;background:#e3eddb;border-radius:10px;padding:1px 5px}.community-bottom a[aria-current=page]{color:#203f2b;background:#edf3e5;border-radius:12px}.community-wrap{padding:0 18px}.community-hero{grid-template-columns:1fr;gap:22px;padding:25px 0 35px}.community-hero>img{max-height:330px;width:100%}.community h1{font-size:34px}.community h2{font-size:26px}.community .lead{font-size:16px}.community-intro{padding:25px 0 18px}.community-actions{gap:10px}.community-actions .c-button{flex:1;min-width:130px}.c-section{padding:32px 0}.c-soft{padding:23px}.c-problem-grid{gap:14px}.c-problem{padding:19px}.c-problem h2,.c-problem h3{font-size:18px}.c-problem p{font-size:13px}.c-tool-grid{grid-template-columns:1fr;gap:20px}.c-tool-grid>a{display:block}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.idea-info{padding:11px}.idea-info h3{font-size:15px}.idea-actions{align-items:flex-start}.idea-actions a{font-size:11px;max-width:85px}.catalog-controls{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.catalog-controls>label:first-child{grid-column:1/-1}.catalog-controls>.c-button{padding:10px;font-size:13px}.creative-editor{grid-template-columns:1fr;gap:24px}.editor-preview{position:static;padding:14px}.editor-preview canvas{max-height:420px;object-fit:contain}.size-controls{grid-template-columns:1fr 1fr}.size-result{grid-template-columns:1fr;gap:20px}.size-result canvas{width:100%;max-height:310px}.c-guide-links{grid-template-columns:1fr}.c-reading p{font-size:16px}.c-section-title{align-items:flex-start}.c-section-title .c-button{font-size:12px;padding:10px 13px;min-width:110px}.community-footer{margin-top:35px;padding:30px 18px}.community-footer h2{font-size:20px}.community-toast{bottom:85px}.community-theme .pd{display:block}.community-theme .pd-info{margin-top:25px}.community-theme .hero{padding:28px 0}.community-theme .hero h1{font-size:29px}.community-theme .fchips{max-height:150px;overflow:auto}.community-theme .sales-tools{padding:14px}.community-theme .sales-filters{max-height:150px;overflow:auto}.community-theme .sales-quote-form{padding:15px}.community-theme .price,.community-theme .spec{display:block;overflow-x:auto}.community-theme .wrap{max-width:100%;padding-left:18px;padding-right:18px}}
@media(max-width:390px){.c-problem-grid{grid-template-columns:1fr}.community h1{font-size:31px}.community-brand{font-size:18px}.community-brand small{font-size:8px}.idea-info h3{font-size:14px}.c-button{font-size:13px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}