:root{font-family:Leelawadee UI,Noto Sans Thai,Tahoma,system-ui,sans-serif;color:#242027;background:#f8f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 20%,#ffd7e4,transparent 30%),radial-gradient(circle at 82% 76%,#bdeee7,transparent 32%),#fffaf4}.login-card{width:min(430px,100%);display:flex;flex-direction:column;gap:15px;padding:40px;background:#fff;border:1px solid #ded9d1;border-radius:28px;box-shadow:9px 10px #ffd45e}.logo,.admin-brand>span{display:grid;place-items:center;width:44px;height:44px;background:#ff5c8a;color:#fff;border-radius:14px;font-size:24px;font-weight:700}.kicker{letter-spacing:.14em;font-size:11px;font-weight:700;color:#786f79}h1,h2,p{margin-top:0}.login-card h1{margin:2px 0 -8px;font-size:36px}.login-card p,.page-head p,.panel-head p{color:#746c75}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}input,textarea{width:100%;border:1px solid #d9d4cc;border-radius:12px;padding:11px 12px;background:#fff;outline:none}input:focus,textarea:focus{border-color:#ff5c8a;box-shadow:0 0 0 3px #ff5c8a18}.primary,.deploy{border:0;border-radius:12px;padding:12px 18px;font-weight:700;color:#fff;background:#242027}.primary:hover,.deploy:hover{transform:translateY(-1px)}.login-card small{text-align:center;color:#8f8790;font-size:11px}.admin-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e5e1da}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand small{display:block;color:#8e868f}.status{font-size:12px}.status i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#26b279}.dashboard{max-width:1180px;margin:auto;padding:50px 22px 90px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.page-head h1{margin:6px 0;font-size:46px}.deploy{background:#ff5c8a;box-shadow:4px 4px #ffd45e}.tabs{display:flex;gap:4px;margin:32px 0 24px;padding:5px;width:fit-content;background:#ece9e3;border-radius:13px}.tabs button{padding:9px 16px;border:0;border-radius:9px;background:transparent}.tabs button.active{background:#fff;box-shadow:0 2px 8px #3331;font-weight:600}#panel{background:#fff;border:1px solid #e1ddd5;border-radius:22px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #eeeae4}.panel-head h2{margin-bottom:4px}.panel-head p{margin-bottom:0}.font-list{padding:8px 24px 24px}.font-row{display:grid;grid-template-columns:56px 1fr auto auto auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #f0ede8}.font-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff0f5;font-size:27px}.font-info b,.font-info span{display:block}.font-info span{margin-top:4px;color:#817981;font-size:12px}.pill{padding:5px 10px;border-radius:999px;background:#dff6ec;color:#167451;font-size:11px}.pill.muted{background:#eee;color:#777}.icon-button{padding:7px 10px;border:1px solid #ddd8d0;border-radius:9px;background:#fff}.danger{color:#c73852}.blank,.loading{padding:60px 24px;text-align:center;color:#777}.theme-layout{display:grid;grid-template-columns:430px 1fr}.theme-form{padding:26px;display:flex;flex-direction:column;gap:15px;border-right:1px solid #eeeae4}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.colors label{padding:8px;border:1px solid #e1ddd5;border-radius:11px;font-size:10px;text-transform:uppercase}.colors input{height:32px;padding:0;border:0}.file-label{padding:12px;border:1px dashed #cfc8be;border-radius:12px;background:#faf9f7}.file-label input{border:0;padding:4px 0;background:transparent}.preview-wrap{padding:26px;background:#eeece7}.sticky{position:sticky;top:20px}.preview{margin-top:10px;padding:16px;color:var(--tx);background:var(--bg);border-radius:18px;box-shadow:0 12px 30px #3332}.preview-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px}.preview-nav b{display:flex;align-items:center;gap:6px}.preview-nav i{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:var(--p);border-radius:7px;font-style:normal}.preview-hero{margin-top:13px;padding:32px 14px;text-align:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 22%,white),color-mix(in srgb,var(--s) 24%,white))}.preview-hero small{font-size:7px;font-weight:700;letter-spacing:.1em}.preview-hero h2{margin:5px auto;font-size:24px;line-height:1}.preview-hero p{margin:0;font-size:9px}.preview-input{position:relative;z-index:1;margin:-10px 18px 12px;padding:10px;border-radius:10px;background:var(--sf);box-shadow:0 3px 12px #3332;font-size:11px}.preview-card{padding:13px;background:var(--sf);border:1px solid #3332;border-radius:12px;box-shadow:3px 3px color-mix(in srgb,var(--s) 50%,transparent)}.preview-card b,.preview-card span{display:block;font-size:8px}.preview-card strong{display:block;margin:15px 0;font-size:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px}.metrics article{padding:20px;border-radius:16px;background:#faf8f4;border:1px solid #eee9e1}.metrics span,.metrics small{display:block;color:#7f777f}.metrics strong{display:block;margin:10px 0;font-size:30px}.notice{margin:0 24px 24px;padding:18px;border-radius:14px;background:#fff7da}.notice p{margin:5px 0 0;font-size:13px;color:#6e6548}dialog{width:min(560px,calc(100% - 24px));border:0;border-radius:22px;padding:0;box-shadow:0 20px 60px #2118}dialog::backdrop{background:#24202788;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-form{display:flex;flex-direction:column;gap:14px;padding:26px}.dialog-title{display:flex;justify-content:space-between}.dialog-title h2{margin:5px 0 0}.close{border:0;background:#eee;border-radius:50%;width:36px;height:36px;font-size:22px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{flex-direction:row;align-items:center}.check input{width:auto}.toast{position:fixed;z-index:20;right:20px;bottom:20px;padding:12px 16px;color:#fff;background:#242027;border-radius:12px;box-shadow:0 8px 30px #0003}.toast.error{background:#bc304c}@media(max-width:820px){.dashboard{padding:28px 14px 60px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:36px}.deploy{width:100%}.tabs{width:100%;overflow-x:auto}.tabs button{flex:1;white-space:nowrap}.theme-layout{grid-template-columns:1fr}.theme-form{border-right:0}.preview-wrap{min-height:500px}.font-row{grid-template-columns:48px 1fr auto}.font-row .pill{display:none}.font-row .icon-button{grid-row:2}.metrics{grid-template-columns:1fr}}