body.ad-body{zoom:1;background:#f5f5f7;font-size:15px}.ad{--a:var(--primary-deep,#0071e3);--a-soft:var(--primary-soft,#e8f2fd);--ink2:#1d1d1f;--mut:#6e6e73;--ln:#e3e3e8;color:var(--ink2);font-family:var(--font,"Sarabun"),-apple-system,"Segoe UI",system-ui,sans-serif;font-weight:400;line-height:1.55}.ad *{box-sizing:border-box}.ad h1,.ad h2{letter-spacing:-.01em;font-family:inherit;line-height:1.3}.ad button{font:inherit;cursor:pointer;color:inherit}.ad button:disabled{opacity:.45;cursor:not-allowed}.ad input,.ad select,.ad textarea{font:inherit;color:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 10px}.ad input:focus,.ad select:focus,.ad textarea:focus{outline:2px solid var(--a);outline-offset:-1px;border-color:var(--a)}.ad textarea{resize:vertical}.ad a{color:var(--a)}.ad-muted{color:var(--mut);margin:4px 0 10px;font-size:13px;display:block}.ad-sp{flex:1}.ad-center{align-items:center;gap:12px;min-height:100vh;padding:20px}.ad-center,.ad-center-sm{justify-content:center;display:flex}.ad-center-sm{padding:30px}.ad-spin{border:3px solid var(--ln);border-top-color:var(--a);border-radius:50%;width:22px;height:22px;animation:1s linear infinite adspin}@keyframes adspin{to{transform:rotate(1turn)}}.ad-login{background:#fff;border-radius:18px;flex-direction:column;gap:14px;width:min(400px,100%);padding:36px 32px;display:flex;box-shadow:0 20px 50px #00000014}.ad-login h1{font-size:26px}.ad-login .ad-muted,.ad-login h1{text-align:center;margin:0}.ad-login-logo{text-align:center;font-size:44px}.ad-login label{flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}.ad-back{text-align:center;text-decoration:none}.ad-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:0 0 8px;padding:10px 12px;font-size:14px}.ad-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.ad-btn.primary{background:var(--a);color:var(--on-primary-deep,#fff)}.ad-btn.primary:hover:not(:disabled){filter:brightness(.92)}.ad-btn.ghost{color:var(--ink2);background:#fff;border-color:#d1d5db}.ad-btn.ghost:hover:not(:disabled){background:#f9fafb}.ad-btn.danger{color:#b91c1c;background:#fff;border-color:#fca5a5}.ad-btn.big{padding:12px;font-size:16px}.ad-btn.sm{padding:4px 10px;font-size:13px}.ad-top{z-index:5;border-bottom:1px solid var(--ln);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.ad-title{font-size:17px}.ad-badge{border-radius:999px;padding:3px 10px;font-size:13px}.ad-badge.warn{color:#92400e;background:#fef3c7}.ad-badge.ok{color:#166534;background:#dcfce7}.ad-undo{gap:4px;display:flex}.ad-user{color:var(--mut);font-size:13px}.ad-main{grid-template-columns:212px 460px 1fr;height:calc(100vh - 58px);display:grid}.ad-side{border-right:1px solid var(--ln);background:#f5f5f7;flex-direction:column;gap:2px;padding:12px 10px;display:flex;overflow:auto}.ad-side button{text-align:left;color:var(--ink2);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background-color .15s;display:flex}.ad-side button:hover{background:#e8e8ed}.ad-side button.on{background:var(--a);color:#fff}.ad-side-ico{background:#fff;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:16px;display:grid;box-shadow:0 1px 2px #00000014}.ad-side button.on .ad-side-ico{box-shadow:none;background:#fff3}.ad-side-txt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ad-panel-head{border-bottom:1px solid var(--ln);align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.ad-panel-head span{font-size:22px}.ad-panel-head h1{margin:0;font-size:20px;font-weight:700}@media (width<=1400px){.ad-main{grid-template-columns:64px 420px 1fr}.ad-side-txt{display:none}.ad-side button{justify-content:center;padding:8px 0}}.ad-panel{border-right:1px solid var(--ln);background:#fff;flex-direction:column;min-height:0;display:flex}.ad-body-scroll{flex:1;padding:4px 18px 60px;overflow:auto}.ad-body-scroll h2{border-top:1px solid var(--ln);margin:26px 0 8px;padding-top:16px;font-size:15px;font-weight:700}.ad-body-scroll section>h2:first-child{border-top:0;padding-top:4px}.ad-label{margin:14px 0 6px}.ad-field,.ad-label{font-size:14px;font-weight:600}.ad-field{flex-direction:column;gap:5px;margin:12px 0;display:flex}.ad-field input[type=range]{accent-color:var(--a);border:0;padding:0}.ad-check{cursor:pointer;align-items:center;gap:8px;margin:10px 0;font-size:14px;display:flex}.ad-check input{width:18px;height:18px;accent-color:var(--a)}.ad-two{gap:0 10px}.ad-presets,.ad-two{grid-template-columns:1fr 1fr;display:grid}.ad-presets{gap:8px}.ad-choice button,.ad-fonts button,.ad-presets button{border:2px solid var(--ln);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:8px;font-size:13px;display:flex}.ad-presets button{text-align:left}.ad-choice button.on,.ad-fonts button.on,.ad-presets button.on{border-color:var(--a);background:var(--a-soft);box-shadow:0 0 0 1px var(--a)}.ad-choice button:hover:not(.on),.ad-fonts button:hover:not(.on),.ad-presets button:hover:not(.on){border-color:#c7d2fe}.ad-swatch{border:1px solid var(--ln);border-radius:6px;width:100%;height:22px;display:flex;overflow:hidden}.ad-swatch i{flex:1;display:block}.ad-swatch.sm{flex:none;width:54px;height:18px}.ad-choice{gap:6px;margin:4px 0;display:grid}.ad-choice button{text-align:center;justify-content:center;align-items:center;min-height:44px}.ad-choice b{font-size:13px;font-weight:600}.ad-choice small,.ad-fonts small{color:var(--mut);font-size:11.5px;font-weight:400;line-height:1.3}.ad-ch-icon{font-size:18px;line-height:1}.ad-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.ad-fonts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ad-fonts button,.ad-lib button,.ad-link-btn,.ad-sec-name{text-align:left}.ad-font-sample{color:var(--ink2);font-size:18px;line-height:1.4}.ad-checks em,.ad-font-sample.head,.ad-fonts b,.ad-toggle-txt b{font-weight:600}.ad-fonts b{font-size:12.5px}.ad-toggle{cursor:pointer;align-items:flex-start;gap:10px;margin:10px 0;display:flex}.ad-toggle-txt{flex-direction:column;font-size:14px;display:flex}.ad-toggle-txt small{color:var(--mut);font-size:12.5px}.ad-color{border-bottom:1px dashed var(--ln);cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.ad-color input[type=color]{cursor:pointer;border-radius:9px;flex:none;width:46px;height:38px;padding:2px}.ad-color-txt{flex-direction:column;flex:1;font-size:14px;display:flex}.ad-color-txt small{color:var(--mut);font-size:12px}.ad .ad-hex{text-transform:uppercase;width:92px;font-family:ui-monospace,monospace;font-size:13px}.ad-more{border:1px solid var(--ln);border-radius:10px;margin:14px 0;padding:6px 12px}.ad-more summary{cursor:pointer;padding:4px 0;font-size:14px;font-weight:600}.ad-darkprev{border:1px solid;border-radius:10px;align-items:center;gap:10px;margin:8px 0;padding:12px;font-size:13px;display:flex}.ad-darkprev span{border:1px solid #0000;border-radius:8px;padding:4px 12px;font-weight:600}.ad-checks{flex-direction:column;gap:6px;display:flex}.ad-checks div{border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.ad-checks em{margin-left:auto;font-size:12px;font-style:normal}.ad-checks .ok{background:#f0fdf4}.ad-checks .ok em{color:#166534}.ad-checks .mid{background:#fffbeb}.ad-checks .mid em{color:#92400e}.ad-checks .bad{background:#fef2f2}.ad-checks .bad em{color:#b91c1c}.ad-addgrid button,.ad-col,.ad-hist,.ad-hist-txt,.ad-img,.ad-lib button,.ad-linkpick,.ad-list,.ad-modal,.ad-order,.ad-preview,.ad-row-main,.ad-sec-name,.ad-secs{flex-direction:column}.ad-list,.ad-row{gap:8px;display:flex}.ad-row{border:1px solid var(--ln);background:#fafafb;border-radius:10px;align-items:flex-start;padding:8px}.ad-row-main{flex:1;gap:6px;min-width:0;display:flex}.ad-inline{align-items:center;gap:6px;display:flex}.ad .ad-icon{flex:none;width:72px}.ad .ad-statnum{font-weight:700}.ad-order{gap:2px;display:flex}.ad-del,.ad-order button{border:1px solid var(--ln);width:28px;height:24px;color:var(--mut);background:#fff;border-radius:6px;flex:none;padding:0;font-size:11px}.ad-del{height:28px;font-size:13px}.ad-del:hover{color:#b91c1c;border-color:#fca5a5}.ad-link-btn{color:var(--a);background:0 0;border:0;padding:2px 0;font-size:13px}.ad-kids{border-left:3px solid #c7dcf7;margin-top:4px;padding-left:6px}.ad-kids .ad-row{gap:6px;padding:6px}.ad-kids .ad-order button{width:24px}.ad-linkpick{gap:6px;display:flex}.ad .bad{border-color:#f87171}.ad-warn{color:#b91c1c;font-size:12px}.ad-ok{color:#15803d;font-size:12.5px;font-weight:600}.ad-secs{gap:8px;display:flex}.ad-sec{border:1px solid var(--ln);background:#fff;border-radius:10px}.ad-sec.open{box-shadow:0 0 0 3px var(--a-soft);border-color:#a5b4fc}.ad-sec.off{opacity:.55;background:#f9fafb}.ad-sec-head{align-items:center;gap:6px;padding:8px;display:flex}.ad-sec-ico{font-size:20px}.ad-sec-name{background:0 0;border:0;border-radius:6px;flex:1;min-width:0;padding:2px 4px;display:flex}.ad-sec-name b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ad-sec-name:hover{background:#f3f4f6}.ad-sec-name small{color:var(--mut);font-size:12px}.ad-sec-body{border-top:1px solid var(--ln);padding:0 12px 12px}.ad-switch{cursor:pointer;flex:none;width:40px;height:22px;display:inline-block;position:relative}.ad-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.ad-switch i{pointer-events:none;background:#d1d5db;border-radius:99px;inset:0}.ad-switch i,.ad-switch i:after{transition:all .15s;position:absolute}.ad-switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;top:3px;left:3px}.ad-switch input:checked+i{background:#22c55e}.ad-switch input:checked+i:after{left:21px}.ad-add{flex-wrap:wrap;gap:6px;display:flex}.ad-addgrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ad-addgrid button{background:#fafaff;border:1px dashed #a5b4fc;border-radius:10px;align-items:center;gap:2px;padding:10px 4px;font-size:12.5px;display:flex}.ad-addgrid button span{font-size:22px}.ad-addgrid button:hover{background:var(--a-soft)}.ad-col{border:1px solid var(--ln);border-radius:10px;gap:8px;margin-bottom:10px;padding:10px;display:flex}.ad-social span{align-items:center;gap:6px;display:flex}.ad-hist{gap:6px;margin:8px 0;display:flex}.ad-hist-row{border:1px solid var(--ln);border-radius:9px;align-items:center;gap:10px;padding:6px 10px;display:flex}.ad-hist-txt{flex:1;font-size:13px;display:flex}.ad-hist-txt small,.ad-lib span{color:var(--mut)}.ad-img{align-items:flex-start;gap:8px;display:flex}.ad-img-list{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.ad-img-list.single{grid-template-columns:1fr}.ad-img-item{border:1px solid var(--ln);aspect-ratio:16/10;background:#f3f4f6;border-radius:8px;position:relative;overflow:hidden}.ad-img-list.single .ad-img-item{aspect-ratio:16/7}.ad-img-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.ad-img-tools{gap:3px;display:flex;position:absolute;top:4px;right:4px}.ad-img-tools button{color:#fff;background:#0009;border:0;border-radius:6px;width:24px;height:24px;padding:0;font-size:11px}.ad-modal-bg{z-index:100;background:#1118278c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ad-modal{background:#fff;border-radius:16px;width:min(880px,100%);max-height:88vh;padding:16px 18px;display:flex;overflow:hidden}.ad-modal-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ad-modal-head b{margin-right:auto;font-size:17px}.ad-modal-head input{width:200px}.ad-lib{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:2px;display:grid;overflow:auto}.ad-lib button{border:2px solid var(--ln);background:#f9fafb;border-radius:10px;padding:0;display:flex;overflow:hidden}.ad-lib button.on{border-color:var(--a);box-shadow:0 0 0 3px var(--a-soft)}.ad-lib img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.ad-lib span{white-space:nowrap;text-overflow:ellipsis;padding:3px 6px;font-size:11.5px;overflow:hidden}.ad-preview{min-width:0;min-height:0;display:flex}.ad-prev-bar{border-bottom:1px solid var(--ln);background:#fff;align-items:center;gap:8px;padding:8px 14px;display:flex}.ad-prev-bar select{width:auto}.ad-devices{border:1px solid var(--ln);border-radius:8px;display:flex;overflow:hidden}.ad-devices button{background:#fff;border:0;padding:4px 10px;font-size:13px}.ad-devices button.on{background:var(--a-soft)}.ad-frame-wrap{background:#e8e8ed;flex:1;justify-content:center;min-height:0;padding:14px;display:flex;overflow:hidden}.ad-frame-box{background:#fff;border-radius:10px;flex:none;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000024}.ad-scale{white-space:nowrap;margin:0}.ad-frame-box iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.ad-toast{color:#fff;z-index:150;background:#166534;border-radius:10px;padding:12px 22px;font-weight:600;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.ad-toast.bad{background:#b91c1c}@media (width<=900px){.ad-main{grid-template-columns:1fr;height:auto}.ad-side{border-right:0;border-bottom:1px solid var(--ln);flex-direction:row;overflow-x:auto}.ad-side button{flex:none}.ad-panel{border-right:0}.ad-body-scroll{overflow:visible}.ad-preview{height:80vh}.ad-two{grid-template-columns:1fr}}.ad-styles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ad-styles button{border:2px solid var(--ln);text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:8px;font-size:12px;display:flex}.ad-styles button.on{border-color:var(--a);box-shadow:0 0 0 1px var(--a)}.ad-styles b{font-size:13px}.ad-styles small{color:var(--mut);font-size:11px;line-height:1.3}.ad-st-prev{background:#f5f5f7;border-radius:8px;flex-direction:column;gap:3px;width:100%;height:54px;margin-bottom:4px;padding:6px;display:flex}.ad-st-prev i{background:#d2d2d7;border-radius:3px;display:block}.ad-st-prev i:first-child{width:100%;height:8px}.ad-st-prev i:nth-child(2){width:70%;height:12px;margin:4px auto 0}.ad-st-prev i:nth-child(3){width:45%;height:6px;margin:0 auto}.st-corporate .ad-st-prev,.st-corporate .ad-st-prev i{border-radius:0}.st-corporate .ad-st-prev i:nth-child(2),.st-corporate .ad-st-prev i:nth-child(3){margin-left:0}.st-corporate .ad-st-prev i:first-child{background:#0071e3}.st-classic .ad-st-prev i:first-child{background:#f4a261}.ad-list.lv-1 .ad-row{background:#fff}.ad-list.lv-2 .ad-row{background:#fafafc}.fx-up{gap:4px;margin:0;padding:0;list-style:none;display:grid}.fx-up li{background:#f7f8fa;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.fx-up li small{color:#64748b;margin-left:auto}.fx-up li a{white-space:nowrap;font-size:12.5px}