:root{--navy:#071327;--navy-2:#0d2342;--blue:#1256d8;--cyan:#19e3ff;--coral:#ff5a5f;--green:#0a8f6a;--ink:#102039;--muted:#5c6b7f;--line:#d6e0eb;--paper:#f4f7fa;--white:#fff;--shadow:0 18px 50px #0713271f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);letter-spacing:0;margin:0;font-family:Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}button,select{cursor:pointer}img{max-width:100%;height:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:900}.primary-button{color:#fff;background:var(--coral);border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-weight:850;display:inline-flex}.primary-button svg{width:18px}.suite-header{z-index:30;color:#fff;background:#071327fa;border-bottom:1px solid #19e3ff33;justify-content:space-between;align-items:center;gap:30px;min-height:76px;padding:7px max(24px,50vw - 620px);display:flex;position:sticky;top:0}.suite-brand{flex:none;align-items:center;gap:10px;display:flex}.suite-brand img{object-fit:contain;width:58px;height:44px}.suite-brand span{display:grid}.suite-brand strong{font-size:1rem}.suite-brand small{color:#aebed2;font-size:.65rem}.suite-header nav{align-items:center;gap:4px;display:flex}.suite-header nav a{color:#cbd8e9;border-bottom:2px solid #0000;align-items:center;min-height:38px;padding:0 10px;font-size:.76rem;font-weight:800;display:inline-flex}.suite-header nav a:hover,.suite-header nav a.active{color:#fff;border-color:var(--cyan)}.suite-header nav .language-switch{color:var(--navy);background:var(--cyan);border:0;border-radius:5px;margin-left:7px}.suite-hero{color:#fff;background:var(--navy);grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:70px;min-height:530px;padding:70px max(24px,50vw - 590px);display:grid}.suite-hero h1,.tool-intro h1{max-width:850px;margin:0;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.02}.suite-hero>div>p:not(.eyebrow),.tool-intro>p:not(.eyebrow){color:#c2d0e1;max-width:760px;font-size:1.06rem;line-height:1.75}.suite-hero .primary-button{margin-top:18px}.hero-emblem{min-height:320px;color:var(--navy);background:var(--cyan);box-shadow:18px 18px 0 var(--coral);border:1px solid #fff;border-radius:7px;align-content:center;justify-items:center;gap:12px;display:grid}.hero-emblem svg{width:82px;height:82px}.hero-emblem strong{font-size:1.5rem}.hero-emblem span{font-size:.72rem;font-weight:850}.trust-strip{color:#fff;background:var(--blue);grid-template-columns:repeat(4,1fr);display:grid}.trust-strip span{text-align:center;border-right:1px solid #ffffff40;place-items:center;min-height:64px;padding:12px;font-size:.8rem;font-weight:850;display:grid}.tool-directory,.related-tools,.faq-section{padding:90px max(24px,50vw - 590px)}.section-heading{max-width:700px;margin-bottom:36px}.section-heading h2,.service-band h2,.course-band h2,.how-to h2,.faq-section h2{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15}.directory-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.directory-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;grid-template-columns:42px 1fr 28px;align-items:start;gap:16px;min-height:170px;padding:28px 26px;display:grid}.directory-item:nth-child(2n){border-right:0}.directory-item>span{color:var(--blue);font-size:.76rem;font-weight:900}.directory-item h2{margin:0 0 9px;font-size:1.12rem}.directory-item p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.directory-item>svg{width:19px;color:var(--coral);transition:transform .2s}.directory-item:hover>svg{transform:translate(4px)}.tool-intro{color:#fff;background:var(--navy);padding:70px max(24px,50vw - 525px) 64px}.tool-intro>a{color:var(--cyan);align-items:center;gap:8px;margin-bottom:42px;font-size:.8rem;font-weight:850;display:inline-flex}.tool-intro>a svg{width:17px}.tool-intro>div{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.tool-intro>div span{color:#dbe5f1;border:1px solid #fff3;border-radius:4px;align-items:center;gap:7px;padding:8px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.tool-intro>div svg{width:15px;color:var(--cyan)}.workspace{background:#e8eef5;padding:72px max(24px,50vw - 590px)}.workspace-title{align-items:center;gap:18px;margin-bottom:28px;display:flex}.workspace-title>span{color:#fff;background:var(--blue);border-radius:6px;place-items:center;width:54px;height:54px;display:grid}.workspace-title h2{margin:0 0 5px;font-size:1.55rem}.workspace-title p:last-child{color:var(--muted);margin:0}.workspace-shell{box-shadow:var(--shadow);background:#fff;border:1px solid #ccd8e5;border-radius:7px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);display:grid;overflow:hidden}.input-panel,.option-panel{min-width:0;padding:32px}.option-panel{border-left:1px solid var(--line);background:#f8fafc}.drop-zone{width:100%;min-height:300px;color:var(--ink);text-align:center;background:#fff;border:2px dashed #9cb0c6;border-radius:6px;align-content:center;place-items:center;gap:11px;padding:28px;display:grid}.drop-zone:hover,.drop-zone.dragging{border-color:var(--blue);background:#edfaff}.drop-zone>svg{width:42px;height:42px;color:var(--blue)}.drop-zone strong{font-size:1.05rem}.drop-zone small{color:var(--muted);line-height:1.5}.drop-zone span{color:#fff;background:var(--blue);border-radius:5px;padding:9px 14px;font-size:.75rem;font-weight:850}.text-input-label{color:var(--ink);gap:10px;margin-bottom:18px;font-size:.78rem;font-weight:850;display:grid}.text-input-label textarea{resize:vertical;border:1px solid #aebed0;border-radius:5px;min-height:220px;padding:16px;line-height:1.55}.selected-files{gap:8px;margin-top:16px;display:grid}.selected-files>div{background:var(--paper);border:1px solid var(--line);border-radius:5px;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;padding:10px;display:grid}.selected-files svg{width:19px;color:var(--blue)}.selected-files span{min-width:0;display:grid}.selected-files strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.selected-files small{color:var(--muted);font-size:.66rem}.selected-files button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.option-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.option-heading svg{width:19px;color:var(--green)}.option-grid{gap:16px;margin:22px 0;display:grid}.option-grid label{color:var(--ink);gap:7px;font-size:.75rem;font-weight:850;display:grid}.option-grid input:not([type=checkbox]),.option-grid select{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #acbccd;border-radius:4px;padding:0 11px}.option-grid label small{color:var(--muted);font-weight:500}.check-option{align-items:center;grid-template-columns:1px 23px 1fr!important;gap:9px!important}.check-option input{opacity:0}.check-option span{color:#fff;background:var(--blue);border-radius:3px;place-items:center;width:22px;height:22px;display:grid}.check-option span svg{width:14px}.setting-help,.accuracy-note{color:var(--muted);font-size:.75rem;line-height:1.55}.accuracy-note{background:#fff4d6;border-left:3px solid #e1a400;gap:8px;padding:12px;display:flex}.accuracy-note svg{color:#a47400;flex:none;width:18px}.tool-error{color:#991b1b;background:#fee2e2;border-radius:4px;padding:10px;font-size:.75rem}.run-button{color:#fff;background:var(--coral);border:0;border-radius:5px;grid-template-columns:22px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:20px;padding:0 16px;font-weight:850;display:grid}.run-button:disabled{cursor:wait;opacity:.7}.run-button svg{width:20px}.reset-button{width:100%;min-height:42px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:.73rem;font-weight:800;display:flex}.reset-button svg{width:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.token-shell{box-shadow:var(--shadow);background:#fff;border:1px solid #ccd8e5;border-radius:7px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);display:grid;overflow:hidden}.token-loading{min-height:280px;color:var(--blue);justify-content:center;align-items:center;gap:10px;font-weight:850;display:flex}.token-loading svg{width:22px}.token-editor,.token-options{min-width:0;padding:30px}.token-options{border-left:1px solid var(--line);background:#f8fafc}.token-editor-heading{justify-content:space-between;align-items:center;gap:15px;min-height:38px;margin-bottom:10px;display:flex}.token-editor-heading label{font-size:.78rem;font-weight:850}.token-editor-heading button{color:var(--blue);background:#edf4ff;border:1px solid #c9d9ee;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:.7rem;font-weight:850;display:inline-flex}.token-editor-heading svg{width:15px}.token-editor textarea{resize:vertical;width:100%;min-height:340px;color:var(--ink);background:#fbfdff;border:1px solid #9fb2c8;border-radius:5px;padding:17px;line-height:1.6}.token-editor textarea:focus{border-color:var(--blue);outline:2px solid #1256d838}.token-import{width:100%;min-height:68px;color:var(--ink);text-align:left;background:#fff;border:1px dashed #8fa6bf;border-radius:5px;align-items:center;gap:13px;margin-top:12px;padding:12px 14px;display:flex}.token-import:hover,.token-import.dragging{border-color:var(--blue);background:#edfaff}.token-import>svg{width:24px;color:var(--blue);flex:none}.token-import span{gap:3px;min-width:0;display:grid}.token-import strong{font-size:.76rem}.token-import small{color:var(--muted);font-size:.66rem;line-height:1.4}.token-imported{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;margin-top:10px;font-size:.67rem;display:flex;overflow:hidden}.token-imported svg{width:16px;color:var(--green);flex:none}.token-options .option-heading svg{color:var(--green)}.token-privacy{color:#235345;border-left:3px solid var(--green);background:#e9f7f2;gap:8px;padding:12px;font-size:.72rem;line-height:1.5;display:flex}.token-privacy svg{flex:none;width:17px}.token-results{color:#fff;background:var(--navy-2);border-top:1px solid #1b3b67;grid-column:1/-1;padding:28px 30px 32px}.token-results-heading{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.token-results-heading .eyebrow{color:var(--cyan)}.token-results-heading h3{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.token-results-heading h3 span{color:#aebfd5;font-size:.9rem}.token-results-heading>svg{width:26px;color:var(--cyan)}.token-metrics{border-top:1px solid #ffffff2b;border-left:1px solid #ffffff2b;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid}.token-metrics div{border-bottom:1px solid #ffffff2b;border-right:1px solid #ffffff2b;align-content:center;gap:7px;min-height:82px;padding:14px;display:grid}.token-metrics span{color:#9eb0c7;text-transform:uppercase;font-size:.64rem}.token-metrics strong{font-size:1.05rem}.context-meter{gap:8px;display:grid}.context-meter>div{justify-content:space-between;align-items:center;gap:20px;font-size:.72rem;display:flex}.context-meter progress{appearance:none;background:#263e5f;border:0;border-radius:2px;width:100%;height:12px;overflow:hidden}.context-meter progress::-webkit-progress-bar{background:#263e5f}.context-meter progress::-webkit-progress-value{background:var(--cyan)}.context-meter progress::-moz-progress-bar{background:var(--cyan)}.context-meter small{color:#aebfd5;font-size:.68rem}.token-cost{color:#c8d6e7;margin:15px 0 0;font-size:.73rem}.token-cost strong{color:#fff}.token-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.token-actions button{min-height:43px;color:var(--navy);background:var(--cyan);border:0;border-radius:4px;align-items:center;gap:8px;padding:0 14px;font-size:.72rem;font-weight:850;display:inline-flex}.token-actions button:last-child{color:#fff;background:var(--blue)}.token-actions button:disabled{cursor:default;opacity:.45}.token-actions svg{width:17px}.result-area{color:#fff;background:var(--navy-2);padding:76px max(24px,50vw - 490px)}.result-heading{align-items:center;gap:18px;display:flex}.result-heading>span{width:54px;height:54px;color:var(--navy);background:var(--cyan);border-radius:50%;place-items:center;display:grid}.result-heading h2{margin:0 0 5px;font-size:2rem}.result-heading p:last-child{color:#bdcce0;margin:0}.result-stats{border:1px solid #ffffff2b;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:28px 0;display:grid}.result-stats div{border-right:1px solid #ffffff2b;align-content:center;gap:7px;min-height:90px;padding:15px;display:grid}.result-stats span{color:#9eb0c7;text-transform:uppercase;font-size:.65rem}.text-preview,.html-preview{max-height:460px;color:var(--ink);white-space:pre-wrap;background:#fff;border-radius:5px;padding:22px;line-height:1.55;overflow:auto}.html-preview{white-space:normal}.result-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.result-actions a,.result-actions button{border-radius:5px;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:850;display:inline-flex}.result-actions a{color:#fff;background:var(--coral)}.result-actions button{color:var(--navy);background:var(--cyan);border:0}.result-actions svg{width:18px}.how-to{background:#fff;grid-template-columns:1fr 1fr;gap:70px;padding:90px max(24px,50vw - 560px);display:grid}.how-to>div>p:last-child{color:var(--muted);line-height:1.7}.how-to ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.how-to li{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr;align-items:center;gap:10px;min-height:82px;display:grid}.how-to li span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.how-to li p{margin:0;line-height:1.5}.related-tools{background:#e9f7f2}.related-tools>div:last-child{border-top:1px solid #b8d8cd;grid-template-columns:repeat(2,1fr);display:grid}.related-tools a{border-bottom:1px solid #b8d8cd;border-right:1px solid #b8d8cd;grid-template-columns:1fr 24px;gap:9px;min-height:130px;padding:24px;display:grid}.related-tools a span{color:var(--muted);font-size:.78rem;line-height:1.5}.related-tools a svg{width:19px;color:var(--green);grid-area:1/2/span 2}.faq-section{background:#fff;grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:64px;font-weight:850;display:flex}.faq-section summary span{color:var(--blue);font-size:1.2rem}.faq-section details p{color:var(--muted);margin:0 0 20px;line-height:1.65}.service-band,.course-band{grid-template-columns:1fr auto;align-items:center;gap:50px;padding:70px max(24px,50vw - 560px);display:grid}.service-band{color:#fff;background:var(--blue)}.service-band .eyebrow{color:var(--cyan)}.service-band p:last-child{color:#dce7fa;max-width:700px;line-height:1.65}.course-band{background:#fff4d6;grid-template-columns:60px 1fr auto}.course-band>svg{width:48px;height:48px;color:var(--coral)}.course-band p:last-child{color:var(--muted);line-height:1.6}.course-band>a{color:var(--blue);align-items:center;gap:9px;font-weight:850;display:inline-flex}.course-band>a svg{width:18px}.suite-footer{color:#bdcbe0;background:var(--navy);grid-template-columns:1.4fr .6fr .8fr;gap:50px;padding:60px max(24px,50vw - 590px);display:grid}.suite-footer>div:first-child{grid-template-columns:100px 1fr;align-items:center;gap:15px;display:grid}.suite-footer>div:first-child img{width:100px}.suite-footer p{margin:0;font-size:.76rem;line-height:1.6}.suite-footer>div:not(:first-child){align-content:start;gap:10px;display:grid}.suite-footer strong{color:#fff;font-size:.72rem}.suite-footer a{font-size:.74rem}.suite-footer a:hover{color:var(--cyan)}.suite-footer>small{border-top:1px solid #ffffff21;grid-column:1/-1;padding-top:20px;font-size:.66rem}.document-render-surface img{max-width:100%}.document-render-surface table{border-collapse:collapse;width:100%}.document-render-surface td,.document-render-surface th{border:1px solid #777;padding:6px}@media (max-width:960px){.suite-header{align-items:flex-start;padding-top:10px;padding-bottom:10px}.suite-header nav{max-width:70vw;overflow-x:auto}.suite-header nav a{flex:none}.suite-hero{grid-template-columns:1fr .55fr;gap:35px}.workspace-shell,.token-shell{grid-template-columns:1fr}.token-options,.option-panel{border-top:1px solid var(--line);border-left:0}.service-band,.course-band{grid-template-columns:1fr}.course-band>svg{display:none}}@media (max-width:700px){.suite-header{gap:7px;display:grid;position:static}.suite-header nav{width:100%;max-width:100%;padding-bottom:3px}.suite-header nav a{min-height:34px;padding:0 8px}.suite-hero{grid-template-columns:1fr;min-height:auto;padding-top:50px;padding-bottom:55px}.suite-hero h1,.tool-intro h1{font-size:2.25rem}.hero-emblem{min-height:175px;box-shadow:10px 10px 0 var(--coral)}.hero-emblem svg{width:54px;height:54px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip span:nth-child(2){border-right:0}.directory-grid,.related-tools>div:last-child{grid-template-columns:1fr}.directory-item,.directory-item:nth-child(2n),.related-tools a{border-right:0}.tool-directory,.related-tools,.faq-section,.workspace,.how-to{padding-top:60px;padding-bottom:60px}.tool-intro{padding-top:48px}.workspace-title{align-items:flex-start}.workspace-title>span{flex:none;width:45px;height:45px}.input-panel,.option-panel,.token-editor,.token-options,.token-results{padding:20px}.token-editor textarea{min-height:300px}.token-metrics{grid-template-columns:1fr 1fr}.drop-zone{min-height:240px}.result-heading{align-items:flex-start}.result-heading h2{font-size:1.5rem}.result-stats{grid-template-columns:1fr 1fr}.how-to,.faq-section{grid-template-columns:1fr;gap:35px}.service-band,.course-band{gap:25px}.suite-footer{grid-template-columns:1fr 1fr;gap:35px}.suite-footer>div:first-child{grid-column:1/-1}}@media (max-width:420px){.suite-brand small{display:none}.suite-footer{grid-template-columns:1fr}.suite-footer>div:first-child,.suite-footer>small{grid-column:1}.result-actions a,.result-actions button,.token-actions button{justify-content:center;width:100%}}