.pzn{background:#090a0b;border:1px solid #302c25;border-radius:10px;padding:28px!important;color:#eee;font-family:"Noto Sans Thai",sans-serif}.pzn-heading h2{color:#e8c365!important;font-size:28px;font-weight:700;margin:0 0 4px}.pzn-heading p{color:#aaa39a!important;font-size:15px;margin:0 0 24px}.pzn-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 6px;scrollbar-width:thin;scrollbar-color:#665129 #141414}.pzn-card{position:relative;min-width:0;overflow:hidden;border:1px solid #38312a;border-radius:12px;background:#0e0e0f;scroll-snap-align:start;display:flex;flex-direction:column;transition:border-color .18s}.pzn-card:hover{border-color:#a18448}.pzn-image{display:block;position:relative;aspect-ratio:3/2;overflow:hidden}.pzn-cover{width:100%;height:100%;object-fit:cover;display:block}.pzn-logo{position:absolute;top:14px;left:14px;width:110px;height:auto;object-fit:contain}.pzn-body{padding:14px 16px 10px;display:flex;flex:1;flex-direction:column}.pzn-body>span{font-size:12px;color:#e5c263!important}.pzn h3{font-size:18px;line-height:1.5;margin:4px 0}.pzn .pzn-body h3 a{color:#f5f1e9!important;text-decoration:none}.pzn-body p{font-size:13px;line-height:1.6;color:#aaa49b!important;margin:0 0 12px}.pzn .pzn-body a.pzn-link{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:#e8c365!important;border-bottom:1px solid #6d572d;text-decoration:none;margin-top:auto;font-size:13px}.pzn :focus-visible{outline:2px solid #e7c460;outline-offset:-3px}.pzn-admin{padding:28px 20px;color:#eee;font-family:"Noto Sans Thai",sans-serif}.pzn-admin h1{font-size:28px}.pzn-edit{border:1px solid #665333;border-radius:8px;padding:16px;margin:16px 0;background:#121213}.pzn-edit summary{min-height:44px;cursor:pointer}.pzn-edit form{display:grid;gap:14px;margin-top:16px}.pzn-edit label{display:grid;gap:6px}.pzn-edit input:not([type=checkbox]),.pzn-edit textarea{width:100%;min-height:44px;background:#202125;color:#fff;border:1px solid #65615a;border-radius:5px;padding:10px;font:inherit}.pzn-edit button{background:#991428;color:#fff!important;border:1px solid #c7495a;border-radius:6px;min-height:46px;font:inherit;cursor:pointer}.pzn-edit .pzn-check{display:flex;gap:12px;align-items:center;min-height:44px}.pzn-preview img{max-width:100%;width:320px;max-height:230px;object-fit:contain}.pzn-admin :focus-visible{outline:2px solid #f0ce79;outline-offset:2px}.pzn-edit small{color:#bbb}
@media(max-width:767px){.pzn{padding:18px 12px!important}.pzn-heading h2{font-size:23px}.pzn-heading p{font-size:13px;margin-bottom:16px}.pzn-track{grid-auto-columns:92%;gap:12px}.pzn-card{display:grid;grid-template-columns:40% 60%;min-height:166px}.pzn-image{aspect-ratio:auto;height:100%}.pzn-logo{display:none}.pzn-body{padding:12px 10px}.pzn h3{font-size:16px}.pzn-body p{font-size:12px;margin-bottom:5px}.pzn-body>span{font-size:11px}.pzn .pzn-body a.pzn-link{font-size:12px}.pzn-cover{object-fit:cover}.pzn-admin h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.pzn-card{transition:none}.pzn-card:hover{transform:none}}