.slg-hero{max-width:720px;margin:0 auto var(--space-8);text-align:center}.slg-hero h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:var(--space-3)}.slg-hero h1 .accent{color:var(--color-primary)}.slg-hero p{color:var(--color-text-muted);font-size:var(--fs-md)}.slg-tool-card{max-width:1280px;margin:0 auto var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-8);box-shadow:0 1px 3px #1e293b0f}.slg-field-label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.slg-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.slg-tool-form{display:flex;flex-direction:column;gap:var(--space-6)}.slg-form-section{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.slg-form-section h3{font-size:var(--fs-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.slg-form-section h3 .step-num{width:24px;height:24px;border-radius:999px;background:#ff5c001a;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;flex-shrink:0}.slg-field-row{display:grid;gap:var(--space-3)}.slg-field-row.two{grid-template-columns:1fr 1fr}.slg-text-input,select.slg-text-input{width:100%;font-family:inherit;font-size:var(--fs-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) - 2px);padding:var(--space-3) var(--space-4);min-height:44px;transition:border-color .15s ease,box-shadow .15s ease}textarea.slg-text-input{resize:vertical;min-height:76px}.slg-text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5c0026}.slg-text-input::-moz-placeholder{color:#a0aec0}.slg-text-input::placeholder{color:#a0aec0}.slg-parcel-row{display:grid;grid-template-columns:.8fr 1.2fr 1.4fr;gap:var(--space-3)}.slg-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.slg-btn{font-family:inherit;font-size:var(--fs-base);font-weight:700;border-radius:999px;min-height:48px;padding:0 var(--space-6);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform .15s ease,background .15s ease;text-decoration:none;border:none}.slg-btn-primary{background:var(--color-primary);color:#fff}.slg-btn-primary:hover{background:var(--color-primary-light)}.slg-btn-secondary{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.slg-btn-secondary:hover{color:var(--color-text);border-color:var(--color-text-muted)}.slg-btn:hover{transform:translateY(-1px)}.slg-preview-panel{display:flex;flex-direction:column;gap:var(--space-4)}.slg-preview-header{display:flex;align-items:center;justify-content:space-between}.slg-preview-header .slg-field-label{margin-bottom:0}.slg-label-stage{border:1px solid var(--color-border);border-radius:calc(var(--radius) - 2px);background:#eef2f7;padding:var(--space-6);display:flex;justify-content:center}.slg-ship-label{--print-bg: #ffffff;--print-text: #18181b;--print-text-muted: #6b7280;--print-border: #d4d4d8;width:100%;max-width:380px;background:var(--print-bg);border:2px solid var(--print-text);border-radius:4px;font-family:IBM Plex Sans Thai,Kanit,system-ui,sans-serif;color:var(--print-text);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.slg-ship-label .label-brand-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.slg-ship-label .label-brand{font-weight:800;font-size:var(--fs-md);color:var(--color-primary);letter-spacing:.01em}.slg-ship-label .label-service{font-size:var(--fs-xs);font-weight:700;color:var(--print-text);background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:2px var(--space-3);white-space:nowrap}.slg-ship-label .label-addresses{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.slg-ship-label .addr-block{border:1px solid var(--print-border);border-radius:6px;padding:var(--space-2) var(--space-3);min-height:72px}.slg-ship-label .addr-tag{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--print-text-muted);display:block;margin-bottom:2px}.slg-ship-label .addr-tag.sender{color:#dc2626}.slg-ship-label .addr-tag.recipient{color:var(--color-primary)}.slg-ship-label .addr-name{font-weight:700;font-size:var(--fs-sm);line-height:1.3}.slg-ship-label .addr-phone{font-size:var(--fs-2xs);color:var(--print-text-muted)}.slg-ship-label .addr-detail{font-size:var(--fs-xs);color:var(--print-text-muted);line-height:1.4;margin-top:2px}.slg-ship-label .label-meta{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-xs);color:var(--print-text-muted)}.slg-ship-label .label-meta strong{color:var(--print-text);font-weight:700}.slg-ship-label .label-barcode-zone{border-top:1px dashed var(--print-border);padding-top:var(--space-3);text-align:center}.slg-ship-label .barcode{height:40px;display:flex;align-items:stretch;justify-content:center;gap:2px;margin-bottom:var(--space-2)}.slg-ship-label .barcode .bar{background:var(--print-text);height:100%;width:2px}.slg-ship-label .barcode .bar.wide{width:4px}.slg-ship-label .tracking{font-family:Courier New,monospace;font-weight:700;font-size:var(--fs-md);letter-spacing:.14em}.slg-preview-hint{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:center}.slg-features{max-width:980px;margin:0 auto var(--space-8);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.slg-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6)}.slg-feature .icon{width:44px;height:44px;border-radius:10px;background:#ff5c001a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:var(--space-3)}.slg-feature h3{font-size:var(--fs-md);font-weight:700;margin-bottom:var(--space-2)}.slg-feature p{font-size:var(--fs-sm);color:var(--color-text-muted)}.slg-faq{max-width:720px;margin:0 auto var(--space-8)}.slg-faq h2{font-size:var(--fs-xl);font-weight:800;text-align:center;margin-bottom:var(--space-6)}.slg-faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) - 2px);margin-bottom:var(--space-2);overflow:hidden}.slg-faq summary{cursor:pointer;list-style:none;padding:var(--space-4) var(--space-6);font-weight:600;font-size:var(--fs-base);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:44px}.slg-faq summary::-webkit-details-marker{display:none}.slg-faq summary:after{content:"+";font-size:var(--fs-lg);color:var(--color-text-muted);flex-shrink:0}.slg-faq details[open] summary:after{content:"−"}.slg-faq .answer{padding:0 var(--space-6) var(--space-6);font-size:var(--fs-sm);color:var(--color-text-muted)}@media (max-width: 960px){.slg-tool-grid{grid-template-columns:1fr}}@media (max-width: 768px){.slg-features{grid-template-columns:1fr}.slg-tool-card{padding-left:var(--space-4);padding-right:var(--space-4)}.slg-field-row.two,.slg-parcel-row{grid-template-columns:1fr}.slg-actions .slg-btn{flex:1}}@media print{body{background:#fff}.site-header,.slg-hero,.slg-tool-form,.slg-preview-header,.slg-preview-hint,.slg-features,.slg-faq,.site-footer,#ctaPos{display:none!important}main{padding:0}.slg-tool-card{border:none;box-shadow:none;padding:0;max-width:100%}.slg-tool-grid,.slg-preview-panel{display:block}.slg-label-stage{border:none;background:#fff;padding:0;justify-content:flex-start}.slg-ship-label{max-width:100%;border:2px solid #000;box-shadow:none}}