*{box-sizing:border-box}body{margin:0;padding:16px;background:#f3f4f6;color:#1f2937;font:14px/1.45 'Segoe UI',Tahoma,sans-serif}.container{width:100%;max-width:450px;margin:0 auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 3px 12px #00000014}h1{text-align:center;font-size:23px;margin:0 0 22px}h2{font-size:15px;margin:0 0 10px}p{margin:8px 0}.field{margin-bottom:14px}label,.group-label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.buttons{display:flex;gap:7px;margin-bottom:16px}.buttons button{flex:1;padding:10px 5px;background:white;border:1px solid #cbd5e1;border-radius:5px;color:#374151;font:600 12px 'Segoe UI',sans-serif;cursor:pointer;min-height:40px}.buttons button[aria-pressed=true]{background:#374151;color:white;border-color:#374151}.buttons [data-value=shopee][aria-pressed=true]{background:#ff5722;border-color:#ff5722}.buttons [data-value=ml][aria-pressed=true]{background:#ffe600;border-color:#ebd500;color:#222}.buttons [data-value=tiktok][aria-pressed=true]{background:#000;border-color:#000}.field input,.field select,.fee-row input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#1f2937;font:16px 'Segoe UI',sans-serif;min-width:0}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:2px solid #79a5e8;outline-offset:2px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid .field{min-width:0}.percent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.percent-grid label{font-size:11px}.channel-box{padding:13px;background:#fffde7;border:1px solid #fff1a0;border-radius:6px;margin-bottom:16px}.channel-box.tiktok{background:#f8fafc;border-color:#dce3eb}.channel-box h2{color:#806900;font-size:13px}.channel-box .field:last-child{margin-bottom:0}small,.muted{font-size:11px;color:#64748b}.help{margin:-5px 0 14px}.primary{width:100%;background:#10b981;border:0;border-radius:5px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;padding:14px;margin-top:14px}.primary:hover{background:#059669}details{border-top:1px solid #e5e7eb;margin:12px 0 0;padding:10px 0 0}summary{cursor:pointer;color:#475569;font-size:12px;font-weight:600}details[open]>summary{margin-bottom:12px}.fee-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;gap:6px;font-size:11px;margin:8px 0}.fee-row input{padding:7px;font-size:14px}.note{font-size:11px;color:#795b1a;background:#fff8e7;border-radius:5px;padding:10px;margin:8px 0}.error{color:#a51e30;background:#fff0f1;padding:12px;border-radius:6px;margin-top:12px;font-size:13px}#results:empty{display:none}#results{margin-top:16px}.hero{background:#f8fafc;border:1px solid #dce4ee;border-radius:6px;padding:17px 12px;text-align:center}.price{font-size:29px;font-weight:750;color:#0f172a;margin:4px 0 10px}.hero p{font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}.metrics strong{display:block;font-size:16px}.good{color:#07845e}.bad{color:#b42338}.tax-summary{font-size:11px;border:1px dashed #cbd5e1;background:white;padding:8px;margin-top:12px}.card:not(.hero){padding:4px 0}.card h2{font-size:14px}dl{margin:0;font-size:12px}dl div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #e5e7eb}dt{color:#64748b}dd{margin:0;font-weight:600;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:11px}td,th{text-align:right;padding:8px 4px;border-bottom:1px solid #e5e7eb}td:first-child,th:first-child{text-align:left}#comparison{overflow-x:auto}#comparison table{min-width:365px}.actions{margin-top:12px}.actions button,#reset{background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:9px;font-size:12px;color:#475569;cursor:pointer}footer{margin-top:16px;font-size:10px;color:#64748b}#copyStatus{font-size:11px}[hidden]{display:none!important}@media(max-width:360px){body{padding:10px}.container{padding:17px}.percent-grid{gap:5px}.percent-grid label{font-size:10px}.buttons button{font-size:11px}}body.batch-mode .container{max-width:1180px}#batchSection{font-size:14px}#batchSection h2{font-size:19px}#batchSection fieldset{border:1px solid #dbe3ed;border-radius:8px;padding:17px;margin:0 0 18px;min-width:0}#batchSection legend{font-weight:700;font-size:15px}#batchSection label{margin:10px 0 5px;font-size:13px}#batchSection input:not([type=checkbox]),#batchSection select,#batchSection textarea{width:100%;min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:5px;font:14px 'Segoe UI',sans-serif;background:white;color:#1f2937}#batchSection textarea{resize:vertical}#batchSection button:not(.primary){padding:10px 14px;border:1px solid #cbd5e1;background:white;border-radius:5px;color:#334155;cursor:pointer;font-size:13px}#batchSection button:disabled{opacity:.5;cursor:default}.batch-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.batch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.batch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0}.batch-actions .primary{margin:0;width:auto;min-width:220px}.batch-table{max-height:520px;overflow:auto;margin-top:18px;border:1px solid #dbe3ed}.batch-table table{min-width:980px;font-size:13px}.batch-table th{position:sticky;top:0;background:#f1f5f9}.batch-table td{max-width:260px;overflow-wrap:anywhere;text-align:left}.batch-table td:nth-child(n+5):nth-child(-n+8){white-space:nowrap;text-align:right}#batchSection .muted{font-size:12px}#batchSection input[type=checkbox]{accent-color:#059669}.batch-check{display:flex;gap:8px;align-items:flex-start}@media(max-width:760px){.batch-cols{grid-template-columns:1fr}.batch-actions .primary{width:100%}.batch-grid{gap:8px}}
.dropzone{border:2px dashed #9bb8ac;border-radius:8px;padding:16px;background:#f7fcf9}.mapping-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.map-field{min-width:0;padding:10px;border:1px solid #dbe3ed;border-radius:6px}.map-field small{display:block;overflow-wrap:anywhere;margin-top:5px}.editor-table{max-height:440px}.editor-table table{min-width:800px}.editor-table td{min-width:170px}.editor-table td:first-child{min-width:200px;font-size:12px;white-space:normal}.editor-table td:nth-child(n){text-align:left;white-space:normal}.editor-table input[aria-invalid=true]{border-color:#b42338!important;background:#fff0f1!important}#spreadsheetHost h3{font-size:16px}#sheetMessage{overflow-wrap:anywhere}body.batch-mode #batchSection>.batch-cols{grid-template-columns:1fr}#batchDefaultFields{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.mapping-list{grid-template-columns:1fr}#batchDefaultFields{grid-template-columns:1fr 1fr}.dropzone{padding:10px}}

@media(max-width:700px){
body{padding:10px}.container{padding:18px;width:100%}#batchSection input:not([type=checkbox]),#batchSection select,#batchSection textarea{font-size:16px}#batchSection fieldset{padding:12px}.batch-table{max-height:none;overflow:visible;border:0}.batch-table table{min-width:0;width:100%;display:block}.batch-table thead{display:none}.batch-table tbody{display:block}.batch-table tr{display:block;margin:0 0 14px;border:1px solid #dbe3ed;border-radius:8px;padding:12px;background:#fff}.batch-table td,.editor-table td:nth-child(n){display:block;min-width:0;max-width:none;width:100%;text-align:left;white-space:normal;padding:7px 0;overflow-wrap:anywhere}.batch-table td[data-label]::before{content:attr(data-label);display:block;color:#64748b;font-size:12px;font-weight:600;margin-bottom:4px}.batch-table td:last-child{border-bottom:0}.batch-actions button{flex:1;min-height:44px}.batch-actions span{width:100%;text-align:center}.editor-table input{min-height:44px}.buttons button{min-height:46px}.batch-grid{grid-template-columns:1fr 1fr}#batchSection label{font-size:14px}
}