@font-face{font-family:Thai;src:url('/assets/thai.ttf')}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#fff 30%,#f7f9fc 100%);color:#0c1d38;font:14px Thai,'Noto Sans Thai',Tahoma,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border:1.5px solid #aab6c7;background:white;border-radius:9px;color:#10223e;font-weight:600;min-height:44px}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78b3ff;outline-offset:3px}header{text-align:center;padding:23px 12px 24px}h1{font-size:36px;line-height:1.3;margin:0;font-weight:800;letter-spacing:-.8px}header p{font-size:21px;margin:3px 0 0}h2{font-size:20px;margin:0;font-weight:750;line-height:1.4}h3{font-size:13px;margin:0;font-weight:650}p{margin:5px 0}.layout{display:grid;grid-template-columns:300px minmax(0,820px) 300px;gap:20px;max-width:1480px;margin:auto;padding:0 16px}main{min-width:0}.ad{background:linear-gradient(125deg,#e4e8ee,#d9dfe6);color:#6a717b;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:19px}.ad small{display:block;font-size:15px;margin-top:8px}.side{height:600px}.panel{background:#fff;border:1px solid #e2e7ef;border-radius:17px;box-shadow:0 2px 6px #152c4b0c;overflow:hidden}.calculator{padding:14px;margin-bottom:17px;background:linear-gradient(#f4f6f9,#fff)}.tabs{display:flex;border-radius:11px;background:#e8edf3;overflow:hidden;margin-bottom:18px}.tabs button{width:50%;border:0;border-radius:10px;background:transparent}.tabs .active,.primary{color:white;background:linear-gradient(100deg,#0863cb,#034798);border-color:#0754b8}.inputs{display:grid;grid-template-columns:1fr 1fr 1.1fr .85fr;gap:12px;align-items:end}label{font-weight:600;display:block;font-size:13px}.input{display:flex;align-items:center;gap:8px;margin-top:6px;border:1px solid #d5dce7;border-radius:11px;padding:0 10px;background:#fff;box-shadow:inset 0 1px 3px #10223e08}.input i{color:#7e8b9f}.input input,.input select{width:100%;min-width:0;border:0;background:transparent;height:53px;padding:4px 0;color:#14233b;font-weight:600;font-size:17px;outline:none}.input:focus-within{outline:2px solid #8bbaf0}.input select{font-size:12px}input[type=number]{width:100%;min-width:0;border:1px solid #d5dce7;border-radius:8px;padding:9px;background:white;color:#17243c}.input input{border:0;padding:4px 0}.price{position:relative;background:#f0f3f7;padding:9px;border-radius:10px;min-height:75px;font-size:11px}.price strong{display:block;font-size:22px;color:#158327;line-height:1.3}.price button{position:absolute;right:1px;top:19px;border:0;background:none;color:green;padding:5px;min-height:30px}.price-meta{font-size:11px;color:#65738b;margin:10px 0}.price-meta details{margin-top:5px}.manual-label{max-width:300px;padding-top:10px}.check{display:flex;align-items:center;gap:6px;margin-top:5px}.check input{width:auto}.advanced-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calculate{width:100%;font-size:19px;margin-top:6px}.error{color:#b3261e;background:#fff1f0;border-radius:8px;padding:10px}.result-heading{display:flex;gap:14px;align-items:center;background:linear-gradient(110deg,#effcf1,#ecfbf8);padding:13px 16px}.result-heading>i{color:#0b8b22;background:#ddfbe4;border-radius:12px;width:48px;height:48px;display:grid;place-items:center}.result-heading>i svg{width:32px;height:32px}.result-heading p{font-size:12px;color:#53627a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px 13px 9px}.metric{position:relative;text-align:center;padding:14px 6px 10px;border-radius:14px}.metric>i{display:block;margin-bottom:4px}.metric strong{display:block;font-size:25px;line-height:1.5;font-weight:800}.metric small{font-size:11px}.blue{background:#e7f0ff;color:#064da9}.sky{background:#eef6ff}.green{background:#ebfae9;color:#00663d}.orange{background:#fff5e8;color:#ec7700}.metric h3{color:#0c1d38}.secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 13px}.secondary article{display:flex;align-items:center;gap:10px;border:1px solid #dce4ef;border-radius:12px;padding:11px;background:#f6f8fd}.secondary i{color:#0754b8}.secondary strong{font-size:22px;color:#087f1d}.secondary article:last-child strong{color:#064cbb}.secondary p{font-size:11px;color:#62728b}.assumptions{font-size:11px;color:#67758a;padding:9px 14px 13px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.compare-grid .panel{padding:14px}.compare-grid h2{display:flex;align-items:flex-start;gap:8px;font-size:17px}.compare-grid h2 i{color:#0662c2}.muted{font-size:11px;color:#637189}table{width:100%;border-spacing:0;border:1px solid #e2e7ef;border-radius:10px;overflow:hidden;margin-top:10px;font-size:12px;text-align:center}th{background:#f0f3f7;font-size:11px;padding:7px 3px}td{padding:7px 3px;border-top:1px solid #e8edf3}tbody tr:nth-child(even){background:#f8fafc}tbody tr.current{background:#d6e8ff;font-weight:700}.positive{color:#128522}.negative{color:#cf2c28}.slider-value{display:block;width:max-content;max-width:100%;margin:12px auto;background:#d9f8d9;border-radius:30px;padding:0 19px;color:#087f1d}.slider-value strong{font-size:30px}input[type=range]{width:100%;accent-color:#079600;margin:13px 0 2px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px}.experiment-values{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.experiment-values article{border:1px solid #dfe5ec;border-radius:10px;padding:8px}.experiment-values span{display:block;font-size:11px}.experiment-values strong{font-size:23px}.saving-note{background:#ebfae9;border-radius:9px;padding:8px;font-size:12px}.actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.action-status{text-align:center;color:#356244;font-size:12px;min-height:20px}#copy-fallback{width:100%;height:230px}.tips{background:linear-gradient(110deg,#f0f9f1,#f8fcfa);border:1px solid #cae1cd;border-radius:16px;padding:16px;display:flex;align-items:center;gap:20px;margin:0 0 21px}.tips h2{display:flex;gap:9px;flex-shrink:0;font-size:18px}.tips h2 i{color:green}.tips ul{padding:0 0 0 18px;border-left:1px solid #bdcbc0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;margin:0}.tips li{font-size:11px;line-height:1.6}.tips li i{display:block;text-align:center;color:green;margin-bottom:6px}.bottom{width:728px;max-width:100%;height:90px;margin:0 auto}footer{text-align:center;color:#7a8595;font-size:10px;padding:17px 5px 24px}a{color:#0754b8}i{display:inline-flex;flex-shrink:0}i svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}@media(min-width:1600px){.layout{max-width:1550px;grid-template-columns:300px minmax(0,1fr) 300px}}@media(max-width:1350px){.layout{grid-template-columns:180px minmax(0,1fr) 180px;gap:15px}.side{width:180px}.tips{display:block}.tips ul{border:0;padding:12px 0 0}.tips h2 br{display:none}}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,900px);justify-content:center}.side{display:none}}@media(max-width:650px){header{padding:25px 12px 20px}h1{font-size:27px;letter-spacing:-.6px}header p{font-size:17px}.layout{padding:0 12px}.calculator{padding:11px}.tabs button{font-size:12px;padding:10px 4px}.inputs{grid-template-columns:1fr 1fr;gap:11px}.inputs label:nth-child(3){grid-column:1}.price{min-height:77px}.input select{font-size:13px}.price-meta{font-size:10px}.advanced-inputs{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr;gap:9px;padding:11px}.metric strong{font-size:25px}.secondary{grid-template-columns:1fr;padding:0 11px}.secondary strong{font-size:22px}.compare-grid{grid-template-columns:1fr}.compare-grid h2{font-size:18px}.actions{gap:7px;flex-wrap:wrap}.actions button{font-size:12px;padding:9px 11px}.actions button i svg{width:18px;height:18px}.tips{padding:15px}.tips h2{font-size:20px}.tips ul{grid-template-columns:1fr;gap:11px}.tips li{display:flex;align-items:center;gap:12px;font-size:12px}.tips li i{margin:0}.result-heading h2{font-size:20px}.bottom{height:90px}th,td{font-size:12px;padding:9px 4px}}
.metric strong,.secondary strong,td,.price-meta,footer{overflow-wrap:anywhere}.experiment-values article{min-width:0}.experiment-values strong{overflow-wrap:anywhere}

/* Unified calculator: primary fields first, visible optional details below. */
.calculator{background:#fff;padding:15px}.basic-fields{border:2px solid #79adeb;background:linear-gradient(130deg,#f3f8ff,#fff);border-radius:13px;padding:15px}.form-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.form-section-heading h2{font-size:17px;color:#084c9d}.required-hint{background:#e2efff;color:#0754b8;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px}.form-section-help{color:#60738b;font-size:12px;margin:5px 0 14px}.basic-fields .price-meta{margin-bottom:0}.supplementary{margin:14px 0 7px;padding:14px 15px;background:#f6f8fb;border:1px solid #e0e6ee;border-radius:12px}.supplementary h2{font-size:15px;color:#40536b}.optional-hint{color:#6e7b8d;font-size:11px}.supplementary .form-section-help{margin-bottom:12px;font-size:11px}.supplementary label{color:#52637b;font-size:12px}.supplementary input{margin-top:5px}.calculate{margin-top:10px}@media(max-width:650px){.calculator{padding:10px}.basic-fields,.supplementary{padding:12px}.form-section-heading h2{font-size:16px}.required-hint{font-size:10px}.form-section-help{font-size:11px}.supplementary .advanced-inputs{grid-template-columns:1fr 1fr;gap:10px}.supplementary .advanced-inputs label:first-child{grid-column:1 / -1}.supplementary input{min-height:44px}}

@font-face{font-family:Thai;src:url('/assets/thai-bold.ttf');font-weight:700;font-style:normal;font-display:swap}.share-options{margin-top:19px;padding:17px 19px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.share-options h2{font-size:18px;color:#143960}.share-options label{margin:12px 0 5px}.share-options input[type=text]{display:block;width:100%;min-height:46px;border:1px solid #cbd8e8;border-radius:9px;padding:10px 12px;background:#fafcff;color:#102440;font:inherit}.share-options input:focus{outline:2px solid #8bbaf0;outline-offset:1px}.share-options details{margin-top:12px;color:#0754b8;font-size:12px}.share-options details summary{padding:7px 0}.share-options details p{color:#677990}.share-options img{display:block;width:100%;max-width:600px;height:auto;margin:10px auto 0;border:1px solid #e0e7ef;border-radius:10px}.share-options+.actions{margin-top:13px}@media(max-width:650px){.share-options{padding:14px}.share-options h2{font-size:17px}}

.calculator-buttons{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-top:10px}.calculator-buttons .calculate{margin:0}.reset-button{background:#fff;color:#52637b;border-color:#cbd5e1;padding:10px 17px}.reset-status{color:#527262;font-size:12px;margin:0}.reset-status:not(:empty){margin-top:8px}@media(max-width:480px){.calculator-buttons{grid-template-columns:minmax(0,1fr)}.calculator-buttons .calculate{font-size:18px}.reset-button{min-height:44px}}

.install-app{margin-top:13px;background:#edf5ff;border:1px solid #bed6f3;color:#0754b8;padding:7px 18px;font-size:13px;min-height:40px}.install-status{display:block;font-size:12px;color:#64748b}.install-status:not(:empty){margin-top:7px}#install-help{width:min(520px,calc(100% - 32px));padding:23px;border:1px solid #d6e3f3;border-radius:17px;color:#102440;box-shadow:0 15px 70px #10244033}#install-help::backdrop{background:#10244066}#install-help h2{font-size:20px}#install-help ol{padding-left:23px}#install-help li{margin:12px 0;font-size:14px}#install-help p{font-size:12px;color:#64748b;margin:16px 0}#close-install-help{width:100%}@media(display-mode:standalone){#install-app,#install-help{display:none}}