@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kanit-v17-latin_thai-regular.woff2)format("woff2")}@font-face{font-family:"Kanit";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-v17-latin_thai-700.woff2)format("woff2")}:root{--bg-main:#0f172a;--surface:#1e293b;--surface-hover:#334155;--border:#334155;--border-highlight:rgba(255, 255, 255, 0.12);--text-main:#f8fafc;--text-muted:#94a3b8;--primary-cyan:#38bdf8;--primary-gold:#fbbf24;--primary-green:#10b981;--danger:#ef4444}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:"Kanit",sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;color-scheme:dark}.container{max-width:1040px;margin:0 auto;padding:0 16px;width:100%}.compact-header{text-align:center;padding:22px 14px 14px}.header-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(56,189,248,.1);color:var(--primary-cyan);padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid rgba(56,189,248,.28);margin-bottom:8px}.compact-header h1{font-size:1.55rem;color:var(--text-main);font-weight:800;line-height:1.3}.compact-header p{font-size:.92rem;color:var(--text-muted);margin-top:4px}.icon-svg{width:1.2em;height:1.2em;vertical-align:middle;fill:currentColor}.icon-svg.gold{fill:var(--primary-gold)}.tool-main-card{background:var(--surface);border:1px solid var(--border);border-top:1px solid var(--border-highlight);border-radius:20px;padding:24px;box-shadow:0 16px 40px rgba(0,0,0,.35);margin-bottom:24px}.input-panel-wrap{margin-bottom:16px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.92rem}.currency-tag{font-size:.78rem;color:var(--primary-gold);font-weight:700;background:rgba(251,191,36,.1);padding:2px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.2)}.input-field-wrap{position:relative;display:flex;align-items:center;background:var(--bg-main);border:2px solid var(--border);border-radius:14px;transition:border-color .2s,box-shadow .2s}.input-field-wrap:focus-within{border-color:var(--primary-cyan);box-shadow:0 0 16px rgba(56,189,248,.25)}.currency-symbol,.info-card li::before{position:absolute;color:var(--primary-cyan)}.currency-symbol{left:16px;font-size:1.4rem;font-weight:800;pointer-events:none}.input-field-wrap input{width:100%;padding:14px 44px;background:0 0;border:0;outline:0;font-family:"Kanit",sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-main);letter-spacing:.5px}.btn-clear{position:absolute;right:14px;background:var(--surface-hover);border:0;color:var(--text-muted);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:14px;display:none;align-items:center;justify-content:center}.btn-clear:hover{background:var(--danger);color:#fff}.options-bar{margin-bottom:14px}.radio-pill-group{display:flex;gap:8px;flex-wrap:wrap}.radio-pill{display:inline-flex;align-items:center;cursor:pointer;background:var(--bg-main);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text-muted);transition:all .15s ease;user-select:none}.radio-pill input{display:none}.radio-pill:hover{border-color:var(--border-highlight);color:var(--text-main)}.radio-pill.active{background:rgba(56,189,248,.15);border-color:var(--primary-cyan);color:var(--primary-cyan);box-shadow:0 0 10px rgba(56,189,248,.2)}.preset-chips-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px dashed rgba(255,255,255,.1)}.preset-label{font-size:.8rem;color:var(--text-muted);margin-right:4px}.chip-btn{background:rgba(30,41,59,.8);border:1px solid var(--border);color:var(--text-main);padding:4px 10px;border-radius:8px;font-family:"Kanit";font-size:.78rem;cursor:pointer;transition:all .15s ease}.chip-btn:hover{background:var(--surface-hover);border-color:var(--primary-gold);color:var(--primary-gold)}.results-grid{display:flex;flex-direction:column;gap:14px}.result-card{background:var(--bg-main);border:1px solid var(--border);border-radius:14px;padding:16px;position:relative;transition:transform .15s ease,border-color .15s ease}.result-card:hover{border-color:rgba(56,189,248,.35)}.result-card.primary{border-color:rgba(56,189,248,.4);background:rgba(15,23,42,.85)}.result-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.header-left{display:flex;align-items:center;gap:8px}.excel-icon,.flag-icon,.result-text-box{font-size:1.15rem}.result-card h3{font-size:.92rem;font-weight:700;color:var(--text-main)}.result-text-box{font-weight:700;color:var(--primary-gold);line-height:1.5;word-break:break-word;user-select:all}.result-text-box.font-en{color:#38bdf8;font-family:"Kanit",sans-serif;font-size:1.05rem}.result-text-box.code-style{font-family:monospace;font-size:1.05rem;color:var(--primary-green);background:rgba(0,0,0,.3);padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.formula-tip{display:block;font-size:.75rem;color:var(--text-muted);margin-top:6px}.btn-copy-action{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);color:var(--text-main);padding:5px 12px;border-radius:8px;font-family:"Kanit";font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-copy-action:hover{background:var(--surface-hover);border-color:var(--primary-cyan);color:var(--primary-cyan)}.btn-copy-action.copied{background:var(--primary-green);border-color:var(--primary-green);color:#0f172a}.copy-icon{width:14px;height:14px;fill:currentColor}.bonus-info-box{margin-top:18px;border:1px solid var(--border);border-radius:14px;background:rgba(15,23,42,.4);overflow:hidden}.bonus-header,.faq-item summary{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.bonus-header:hover{background:var(--surface-hover)}.bonus-title{font-size:.85rem;font-weight:700;color:var(--primary-gold)}.btn-drawer-arrow{background:0 0;border:0;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.bonus-body{padding:14px 16px;border-top:1px dashed rgba(255,255,255,.08)}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bonus-card{background:var(--surface);padding:12px;border-radius:10px;border:1px solid var(--border)}.bonus-card h4{font-size:.84rem;margin-bottom:4px;color:var(--text-main)}.bonus-card p{font-size:.78rem;color:var(--text-muted);line-height:1.5}.bonus-card code,.info-card code{background:rgba(0,0,0,.4);padding:2px 4px;border-radius:4px;color:var(--primary-cyan);font-size:.74rem}.content-section{margin:40px auto 70px;max-width:960px;line-height:1.85}.content-section h2{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:14px;position:relative;padding-left:14px;border-left:4px solid var(--primary-cyan)}.content-section h3{font-size:1.2rem;font-weight:700;color:#e2e8f0;margin:32px 0 12px}.content-section p{font-size:.95rem;color:#cbd5e1;margin-bottom:16px;line-height:1.8}.content-section strong{color:#fff}.grid-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 28px}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.info-card h3{font-size:1rem;margin:0 0 10px;font-weight:700}.info-card ul{list-style:none;padding-left:0}.info-card li{font-size:.85rem;color:#94a3b8;position:relative;padding-left:16px;margin-bottom:8px}.info-card li::before{content:"•";left:0;font-size:1.1rem}.info-card code{color:var(--primary-gold);padding:2px 5px;font-size:.8rem}.itkb-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#0284c7;color:#fff;padding:10px 20px;border-radius:999px;font-size:.85rem;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:all .25s ease;z-index:9999;pointer-events:none}.itkb-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.ad-wrapper-center{margin:24px auto;text-align:center;max-width:900px;min-height:90px}@media (max-width:768px){.tool-main-card{padding:16px}.compact-header h1{font-size:1.3rem}.input-field-wrap input{font-size:1.15rem;padding:12px 38px}.bonus-grid,.grid-cards{grid-template-columns:1fr}.result-text-box{font-size:1rem}}.rules-card-box{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--primary-cyan);border-radius:18px;padding:24px;margin:32px 0;box-shadow:0 10px 30px rgba(0,0,0,.25)}.rules-card-box h3{font-size:1.2rem;color:#fff;margin:0 0 6px;font-weight:700}.rules-card-box>p{font-size:.9rem;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rule-item{background:rgba(15,23,42,.7);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start;transition:transform .2s ease,border-color .2s ease}.rule-item:hover{border-color:rgba(56,189,248,.4);transform:translateY(-2px)}.example-pill,.rule-icon{border:1px solid rgba(56,189,248,.25)}.rule-icon{font-size:1.4rem;background:rgba(56,189,248,.1);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-content h4{font-size:.95rem;font-weight:700;color:var(--primary-gold);margin:0 0 4px}.rule-content p{font-size:.84rem;color:var(--text-muted);line-height:1.5;margin:0 0 8px}.example-pill{display:inline-block;font-size:.76rem;color:var(--primary-cyan);background:rgba(56,189,248,.12);padding:2px 8px;border-radius:6px}.faq-wrapper{display:flex;flex-direction:column;gap:12px;margin:16px 0 32px}.faq-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:border-color .2s ease}.faq-item:hover{border-color:rgba(56,189,248,.4)!important}.faq-item summary{padding:16px 20px!important;font-weight:700;font-size:.95rem;color:var(--text-main);display:flex!important;justify-content:space-between!important;align-items:center!important;list-style:none!important;transition:background .15s ease,color .15s ease}.faq-item summary::-webkit-details-marker{display:none!important}.faq-item summary::marker{display:none!important}.faq-item summary:hover{background:var(--surface-hover);color:var(--primary-cyan)}.faq-item summary svg{width:18px;height:18px;fill:var(--text-muted);transition:transform .2s ease,fill .2s ease;flex-shrink:0}.faq-item details[open] summary svg{transform:rotate(180deg);fill:var(--primary-cyan)}.faq-item details[open] summary{border-bottom:1px solid rgba(255,255,255,.08);color:var(--primary-cyan)}.faq-item p{padding:16px 20px 18px!important;font-size:.88rem;color:#94a3b8;background:rgba(15,23,42,.5)!important;line-height:1.75;margin:0!important}.disclaimer-card{background:rgba(30,41,59,.4);border:1px dashed rgba(255,255,255,.15);border-radius:14px;padding:16px 20px;font-size:.82rem;color:var(--text-muted);display:flex;gap:12px;align-items:flex-start;line-height:1.6;margin-top:30px}.disclaimer-icon{font-size:1.3rem;flex-shrink:0}@media (max-width:768px){.rules-grid{grid-template-columns:1fr}.rules-card-box{padding:18px}}