:root{--ink:#292522;--muted:#6d625b;--accent:#ad4012;--line:#e4dcd5;--paper:#fbf9f6;--soft:#f3ece5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,"Noto Sans Thai",sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent);text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,3vw,40px);line-height:1.4;margin-bottom:10px}h2{font-size:23px;margin-bottom:14px}p{color:var(--muted)}button{border:1px solid var(--line);border-radius:6px;padding:10px 17px;font-weight:600;background:white;color:var(--ink)}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #df9e6d;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#92320a}.secondary{background:white}.quiet{border-color:transparent;background:transparent;color:var(--muted)}.active{background:var(--soft);color:var(--accent);border-color:var(--accent)}.admin-header{padding:18px 4%;background:white;border-bottom:1px solid var(--line);display:flex;gap:28px;align-items:center}.logo{display:block;width:260px;height:58px;overflow:hidden;flex-shrink:0}.logo img{width:260px;display:block;margin-top:-10px}.admin-header>span{font-size:12px;letter-spacing:1px;color:var(--accent);border-left:1px solid var(--line);padding-left:28px}.admin-header b{display:block;color:var(--ink);font-size:16px;letter-spacing:0}.admin-header>a:last-child{margin-left:auto;font-size:15px}#app{max-width:1280px;margin:auto;padding:20px 4% 90px}.loading{padding:70px 0;text-align:center}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 24px;border-bottom:1px solid var(--line);font-size:14px}.session-bar>div{display:flex;gap:6px;flex-wrap:wrap}.session-bar button{padding:6px 10px;font-size:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:40px 0 30px}.page-heading p{margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);display:block;margin-bottom:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px}.stats>div{background:white;border:1px solid var(--line);border-radius:9px;padding:22px;display:flex;gap:20px;align-items:center}.stats b{font-size:36px;font-weight:500}.stats span{color:var(--muted)}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.search-label{font-size:13px;min-width:220px}.search-label input{margin-top:2px}.post-row{display:flex;gap:24px;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:14px}.post-row>img,.no-cover{width:130px;height:100px;object-fit:cover;border-radius:5px;flex-shrink:0}.no-cover{background:var(--soft);display:grid;place-items:center;font-size:30px;color:var(--accent)}.post-row>div:nth-child(2){flex:1;min-width:0}.post-row h2{font-size:22px;margin:7px 0 4px;overflow-wrap:anywhere}.post-row p{font-size:14px;margin-bottom:3px}.post-row small{font-size:12px;color:var(--muted)}.badge{font-size:12px;font-weight:600;display:inline-block;padding:3px 10px;border-radius:20px}.draft{background:#fff1d5;color:#765000}.published{background:#e5f2e8;color:#216c35}.archived{background:#eee;color:#666}.empty{padding:65px 20px;text-align:center;border:1px dashed #c8b7a8;border-radius:12px;background:white}.empty-icon{font-size:34px;color:var(--accent)}.empty h2{font-size:27px;margin-top:10px}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:24px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.editor-grid>aside{position:sticky;top:20px}.panel label,form label{display:block;font-weight:600;font-size:16px;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:11px 13px;margin-top:7px;background:white;border:1px solid #baaca2;border-radius:5px;color:var(--ink);min-width:0}textarea{resize:vertical;line-height:1.8}.summary{height:115px}.body-input{min-height:350px}.hint{font-size:13px;line-height:1.8;margin:12px 0}.state-box{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:5px}.state-box span,.state-box small{font-size:13px;color:var(--muted)}.state-box strong{color:var(--accent)}.publishing>button{display:block;width:100%;margin-bottom:12px}.panel-head{display:flex;justify-content:space-between;gap:20px}.panel-head h2{margin-bottom:4px}.panel-head p{font-size:14px}.upload-button{background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:8px 14px;cursor:pointer;white-space:nowrap;align-self:start;position:relative}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-button:focus-within{outline:3px solid #df9e6d}.image-row{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.image-row>img{width:120px;height:110px;object-fit:cover;border-radius:5px}.image-row label{font-size:12px;margin:10px 0 0}.image-row input{font-size:15px;padding:8px}.image-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.image-actions strong{font-size:13px;margin-right:6px}.image-actions button{font-size:12px;padding:5px 8px}.empty-images{text-align:center;padding:35px 15px;background:var(--paper);border:1px dashed var(--line);border-radius:7px;color:var(--muted)}.empty-images small{font-size:13px}#upload-progress{font-size:14px;color:var(--accent)}.user-row{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.user-row p{font-size:14px;margin:5px 0}.user-row button{font-size:14px}.auth-card{max-width:560px;margin:50px auto;padding:38px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 40px #49311b08}.auth-card form{margin-top:28px}.auth-card .primary{width:100%}.setup-note{font-size:14px;background:var(--soft);padding:18px;border-radius:7px;overflow-wrap:anywhere}.password-panel{max-width:550px}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(90vw,850px);padding:15px 24px;border-radius:8px;box-shadow:0 5px 30px #0002;background:#eaf6ed;border:1px solid #a9cbb0;color:#1b5b30;z-index:200;white-space:pre-wrap;font-size:16px}#message.error{background:#fff0ec;border-color:#e0b4a4;color:#862b0b}dialog{width:min(940px,94vw);max-height:90dvh;padding:35px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#211d18b3}#close-preview{display:block;margin:0 0 25px auto}.preview-cover{width:100%;max-height:480px;object-fit:cover;border-radius:7px;margin:20px 0}.preview-body{font-size:19px;line-height:1.9;overflow-wrap:anywhere}.preview-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-gallery figure{margin:0}.preview-gallery img{width:100%;border-radius:5px}.preview-gallery figcaption{font-size:14px}.lead{font-size:21px}[hidden]{display:none!important}
@media(max-width:900px){.admin-header>span{display:none}.editor-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.panel{padding:22px}.list-tools{align-items:stretch;flex-direction:column}.search-label{max-width:100%}}
@media(max-width:700px){.admin-header{padding:12px 5%;gap:14px}.logo{width:210px;height:44px}.logo img{width:210px;margin-top:-9px}.admin-header>a:last-child{font-size:12px}.session-bar{display:block}.session-bar>div{margin-top:12px}.page-heading{align-items:start;flex-direction:column;margin-top:28px}.stats{gap:8px}.stats>div{padding:14px 8px;display:block;text-align:center}.stats b{display:block;font-size:30px}.stats span{font-size:12px}.post-row{padding:15px;gap:14px;flex-wrap:wrap}.post-row>img,.no-cover{width:80px;height:80px}.post-row h2{font-size:19px}.post-row>button{width:100%}.editor-grid{display:block}.editor-grid>aside{position:static}.panel{padding:20px}.auth-card{margin:25px auto;padding:25px}.image-row{grid-template-columns:75px 1fr;gap:12px}.image-row>img{width:75px;height:85px}.filters button{font-size:14px;padding:8px 11px}dialog{padding:22px}.preview-gallery{grid-template-columns:1fr}.panel-head{gap:12px}.panel-head h2{font-size:21px}.user-row{align-items:start}.user-row button{padding:7px 10px;white-space:nowrap}}
.media-upload-options{display:flex;gap:18px;align-items:end;margin:20px 0}.media-upload-options>label:first-child{flex:1;margin:0}.media-upload-options .upload-button{margin:0;white-space:nowrap}.media-note{background:#fff8ef;border-left:3px solid #c85c25;padding:15px 18px;color:#655244;font-size:14px;line-height:1.8;border-radius:3px}.storage-summary{padding:15px 0;color:#73675d;font-size:14px}.storage-summary span{display:block;font-size:13px;margin-top:5px}.media-size{color:#857263;display:block;margin-top:7px}.image-row{grid-template-columns:140px minmax(0,1fr)}.image-row>div{min-width:0}.image-row>.media-thumb{width:100%;align-self:start}.image-row>.media-thumb>img{width:100%;height:110px;object-fit:cover}.image-row .media-kind{font-size:10px;padding:3px 7px;top:7px;left:7px}.preview-gallery button{padding:0;background:#fff;border:1px solid #ddd;width:100%;color:inherit;overflow:hidden}.preview-gallery button span{display:block;padding:10px}.preview-gallery img{display:block}#preview .stc-media{max-width:100%}#upload-progress{overflow-wrap:anywhere}@media(max-width:600px){.image-row{grid-template-columns:1fr}.media-upload-options{align-items:stretch;flex-direction:column}.image-row>.media-thumb{width:100%}.image-row>.media-thumb>img{height:180px}.image-actions{gap:6px}.image-actions strong{width:100%}}