/* ========== Button ========== */
.npc-button-wrap{margin:18px 0;text-align:center}.npc-open-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#b90918;color:#fff;border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(185,9,24,.24);transition:.2s ease}.npc-open-card:hover{transform:translateY(-1px);background:#930714;color:#fff}.npc-btn-small{font-size:12px;padding:7px 12px;box-shadow:none}
/* ========== Modal ========== */
.npc-modal{position:fixed;inset:0;z-index:999999;display:none}.npc-modal.npc-active{display:block}.npc-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68)}.npc-modal-dialog{position:relative;width:min(96vw,980px);max-height:94vh;overflow:auto;margin:3vh auto;background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.38);padding:18px}.npc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:16px}.npc-modal-title{font-size:20px;font-weight:800;color:#222}.npc-close{width:38px;height:38px;border-radius:50%;border:0;background:#f2f2f2;font-size:24px;line-height:38px;cursor:pointer}.npc-layout{display:grid;grid-template-columns:minmax(280px,1fr) 280px;gap:18px;align-items:start}
/* ========== Preview & Card ========== */
.npc-preview-shell{background:#f5f5f5;border-radius:14px;padding:14px;overflow:auto;text-align:center}.npc-card{width:540px;height:514px;max-width:100%;margin:auto;position:relative;overflow:hidden;background:var(--npc-header-bg,#fff0f0);color:#111;box-shadow:0 2px 10px rgba(0,0,0,.12);transform-origin:top center}.npc-card:before,.npc-card:after{display:none}.npc-card .npc-card-corner{position:absolute;top:0;width:56px;height:56px;background:var(--npc-accent,#b90918);z-index:2;display:block}.npc-card .npc-card-corner-left{left:0;clip-path:polygon(0 0,100% 0,0 100%)}.npc-card .npc-card-corner-right{right:0;clip-path:polygon(0 0,100% 0,100% 100%)}.npc-card .npc-card-header{height:82px;position:relative;padding:16px 45px 6px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.npc-card .npc-logo-wrap{height:62px;max-width:58%;display:flex;align-items:flex-start}.npc-card .npc-logo-wrap img{max-height:62px;max-width:100%;object-fit:contain}.npc-card .npc-site-logo-text{font-size:30px;font-weight:900;line-height:1;color:#139447}.npc-card .npc-date{font-size:17px;font-weight:700;margin-top:18px;color:var(--npc-date-color,#111);white-space:nowrap}.npc-card .npc-image-box{position:absolute;left:35px;right:35px;top:82px;height:288px;background:#fff;border:5px solid #fff;border-radius:0 55px 0 55px;overflow:hidden;z-index:1}.npc-card .npc-image-box img{width:100%;height:100%;object-fit:cover;display:block}.npc-card .npc-no-image{height:100%;display:flex;align-items:center;justify-content:center;background:#fafafa;color:#777;font-weight:700}.npc-card .npc-card-footer{position:absolute;left:0;right:0;bottom:0;height:267px;background:linear-gradient(180deg,var(--npc-footer-bg,#b90918),#9d0714);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:189px 0 70px 12px}.npc-card .npc-title{font-size:var(--npc-title-size,30px);line-height:var(--npc-line-height,1.25);font-weight:900;color:var(--npc-title-color,#fff);text-shadow:0 2px 2px rgba(0,0,0,.12);margin:0 0 13px}.npc-card .npc-bottom-text{font-size:var(--npc-bottom-size,16px);line-height:1.15;font-weight:900;color:var(--npc-bottom-color,#fff);margin:0;padding:10px;background:radial-gradient(circle,rgba(238,52,50,1) 0%,rgb(161 8 21) 100%)}
/* ========== Controls ========== */
.npc-controls{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:16px}.npc-controls h3{margin:0 0 14px;font-size:17px}.npc-control{margin-bottom:14px}.npc-control label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:7px}.npc-control input[type=range]{width:100%}.npc-download{width:100%;border:0;border-radius:12px;background:#0f8b3d;color:#fff;font-weight:800;font-size:16px;padding:13px 14px;cursor:pointer;box-shadow:0 8px 18px rgba(15,139,61,.22)}.npc-download:hover{background:#0b7131}.npc-help{font-size:12px;color:#666;margin-top:12px;line-height:1.5}
/* ========== Responsive ========== */
@media(max-width:800px){.npc-modal-dialog{width:94vw;padding:12px}.npc-layout{grid-template-columns:1fr}.npc-controls{order:-1}.npc-card{width:100%;height:auto;aspect-ratio:1080/1027}.npc-card .npc-card-header{height:16%;padding:3% 8% 1% 6%}.npc-card .npc-image-box{top:16%;left:4%;right:4%;height:56%}.npc-card .npc-card-footer{height:28%;padding:4% 7% 3%}.npc-card .npc-title{font-size:clamp(18px,6vw,var(--npc-title-size,30px))}.npc-card .npc-bottom-text{font-size:clamp(15px,4.5vw,var(--npc-bottom-size,22px))}}