:root{--red:#CF2030;--black:#000;--granite:#64666A;--white:#fff;--paper:#f5f3ef;--ink:#171717;--line:#d8d4ce;--muted:#6e6b67;--shadow:0 18px 45px rgba(35,28,22,.10)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:linear-gradient(135deg,#f8f6f2 0,#efebe5 100%);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;min-height:100vh}
button,input,select{font:inherit}
.app-header{height:108px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:16px;background:#fff;border-bottom:4px solid var(--red)}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:27px;font-weight:900;border-radius:9px}
.app-header h1{font-size:24px;margin:0;letter-spacing:-.03em}.app-header p{margin:3px 0 0;color:var(--muted);font-size:13px}
.size-chip{margin-left:auto;background:#f3f0ec;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.02em}
.workspace{max-width:1240px;margin:28px auto;padding:0 24px;display:grid;grid-template-columns:minmax(330px,.88fr) minmax(430px,1.12fr);gap:20px;align-items:start}
.panel{background:rgba(255,255,255,.94);border:1px solid rgba(210,205,198,.9);border-radius:18px;box-shadow:var(--shadow);padding:24px}
.editor{grid-row:span 2}.sheet-panel{grid-column:2}
.section-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.section-heading h2{font-size:18px;margin:0 0 4px;letter-spacing:-.02em}.section-heading p{font-size:12px;margin:0;color:var(--muted)}
.step{width:28px;height:28px;display:grid;place-items:center;flex:none;border:1px solid #c9c4bc;border-radius:50%;font-size:10px;font-weight:800;color:var(--red)}
.type-switch{display:grid;grid-template-columns:1fr 1fr;background:#eeeae5;border-radius:11px;padding:4px;margin-bottom:18px}.type-switch input{position:absolute;opacity:0}.type-switch span{display:block;text-align:center;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:700;cursor:pointer}.type-switch input:checked+span{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.09);color:var(--red)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#4c4945;text-transform:uppercase;letter-spacing:.06em}.fields label:nth-child(3),#chapterField,#regionField{grid-column:1/-1}.fields input,.fields select{width:100%;border:1px solid #d2cdc6;background:#fff;border-radius:9px;padding:11px 12px;color:#161616;outline:none;text-transform:none;letter-spacing:0;font-weight:400}.fields input:focus,.fields select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(207,32,48,.10)}
.primary,.print-button,.secondary{border:0;border-radius:10px;padding:12px 15px;font-weight:800;cursor:pointer}.primary{margin-top:18px;width:100%;background:var(--red);color:white;display:flex;justify-content:space-between}.primary:hover,.print-button:hover{filter:brightness(.92)}.fine-print{font-size:11px;line-height:1.45;color:var(--muted);margin:13px 2px 0}
.preview-panel{overflow:hidden}.holder-frame{padding:42px 46px 32px;background:#efebe5;border-radius:15px;box-shadow:inset 0 0 0 12px #ded9d1;position:relative}.holder-frame:before{content:"VISIBLE WINDOW";position:absolute;top:13px;left:0;right:0;text-align:center;font-size:9px;font-weight:800;letter-spacing:.16em;color:#8e8880}.screen-badge{width:100%;aspect-ratio:3.6875/2.15;box-shadow:0 5px 16px rgba(0,0,0,.18)}
.badge{position:relative;overflow:hidden;background:#fff;color:#000;font-family:Arial,"Helvetica Neue",sans-serif}.safe-zone{position:absolute;top:0;bottom:0;width:8.95%;background:repeating-linear-gradient(135deg,rgba(207,32,48,.055) 0,rgba(207,32,48,.055) 4px,transparent 4px,transparent 8px);z-index:1}.safe-zone.left{left:0}.safe-zone.right{right:0}.badge-name,.badge-detail,.footer-label{position:absolute;left:8.95%;right:8.95%;text-align:center;white-space:nowrap;z-index:2}.badge-first{top:12.5%;height:25%;font-weight:700;line-height:1}.badge-last{top:36%;height:24%;font-weight:700;line-height:1}.badge-detail{top:66.2%;height:15%;font-weight:700;line-height:1}.badge-footer{position:absolute;left:0;right:0;bottom:-5.82%;height:21.63%;background:var(--red);z-index:2}.badge.regional .badge-footer{background:#000}.footer-label{bottom:0;height:15.82%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;line-height:1;letter-spacing:.01em}.print-badge .safe-zone{display:none}
.spec-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:10px;font-weight:700;color:#66615b}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.red{background:var(--red)}.dot.black{background:#000}.ruler{display:inline-block;width:14px;height:7px;border-left:1px solid;border-right:1px solid;margin-right:5px}
.sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sheet-top .section-heading{margin-bottom:12px}.sheet-actions{display:flex;gap:8px}.secondary{background:#eeeae5;color:#494642}.print-button{background:#000;color:#fff;text-decoration:none}.print-button[aria-disabled="true"]{opacity:.38;cursor:not-allowed}.queue{display:grid;gap:7px;min-height:42px}.queue-empty{border:1px dashed #c9c4bc;border-radius:10px;padding:12px;color:#7d7872;font-size:12px;text-align:center}.queue-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:#f4f1ed;font-size:12px}.queue-swatch{width:7px;height:28px;border-radius:3px;background:var(--red)}.queue-item.regional .queue-swatch{background:#000}.queue-copy{color:#76716b;margin-left:auto}.remove{border:0;background:transparent;color:#8b8680;cursor:pointer;font-size:16px}.print-note{margin-top:14px;border-left:3px solid var(--red);background:#fff5f5;padding:10px 12px;font-size:11px;line-height:1.45;color:#5b5550}
.about{max-width:1240px;margin:4px auto 28px;padding:28px 24px;background:rgba(255,255,255,.72);border-top:1px solid rgba(210,205,198,.9);border-bottom:1px solid rgba(210,205,198,.9)}
.about-heading{max-width:720px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.about-heading h2{margin:0 0 7px;font-size:24px;letter-spacing:-.035em}.about-heading>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about article{border:1px solid var(--line);border-radius:13px;background:#fff;padding:18px}.about h3{margin:0 0 9px;font-size:14px}.about article p{margin:0;color:#5f5a54;font-size:13px;line-height:1.55}.about a{color:#a81523;font-weight:700;text-underline-offset:2px}.creator-links{display:flex;flex-direction:column;gap:4px;margin-top:10px!important}.disclaimer{margin-top:14px;border-left:4px solid var(--black);background:#ebe8e3;padding:17px 19px}.disclaimer h3{margin-bottom:7px}.disclaimer p{margin:5px 0;color:#57524c;font-size:12px;line-height:1.55}
.holder-guide{margin-top:22px}.holder-guide-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:12px}.holder-guide-heading h3{margin:0;font-size:17px}.holder-guide-heading p{margin:0;color:var(--muted);font-size:12px}.holder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.holder-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.holder-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.holder-grid figcaption{display:flex;flex-direction:column;gap:3px;padding:13px 15px}.holder-grid figcaption strong{font-size:13px}.holder-grid figcaption span{color:var(--muted);font-size:11px;line-height:1.4}
.page-footer{max-width:1240px;margin:0 auto 28px;padding:0 24px;display:flex;justify-content:space-between;color:#7b7670;font-size:10px}
.print-sheet{position:absolute;left:-10000px;top:0;display:grid;width:8.5in;height:11in;padding:.925in .5in;grid-template-columns:3.6875in 3.6875in;grid-template-rows:repeat(4,2.15in);column-gap:.125in;row-gap:.125in;overflow:hidden;background:#fff}
.print-slot{position:relative;width:3.6875in;height:2.15in}
.print-badge{width:3.6875in;height:2.15in}
@media(max-width:850px){.app-header{height:auto;padding:18px 20px}.size-chip{display:none}.workspace{grid-template-columns:1fr;padding:0 14px;margin:16px auto}.editor{grid-row:auto}.sheet-panel{grid-column:auto}.preview-panel{order:2}.sheet-panel{order:3}.holder-frame{padding:38px 34px 26px}.about{margin-top:0;padding:24px 18px}.about-grid,.holder-grid{grid-template-columns:1fr}.holder-guide-heading{display:block}.holder-guide-heading p{margin-top:5px}.page-footer{display:block}.fields{grid-template-columns:1fr}.fields label{grid-column:1!important}}
@page{size:letter;margin:0}
@media print{
  html,body{width:8.5in;height:11in;background:#fff;margin:0;padding:0}
  body>*:not(.print-sheet){display:none!important}
  .print-sheet{position:fixed;left:0;top:0;display:grid!important}
  .print-slot:before,.print-slot:after{content:"";position:absolute;inset:-.055in;pointer-events:none;z-index:20;background:linear-gradient(#777,#777) left top/0.16in .006in no-repeat,linear-gradient(#777,#777) left top/.006in .16in no-repeat,linear-gradient(#777,#777) right top/0.16in .006in no-repeat,linear-gradient(#777,#777) right top/.006in .16in no-repeat,linear-gradient(#777,#777) left bottom/0.16in .006in no-repeat,linear-gradient(#777,#777) left bottom/.006in .16in no-repeat,linear-gradient(#777,#777) right bottom/0.16in .006in no-repeat,linear-gradient(#777,#777) right bottom/.006in .16in no-repeat}
  .print-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}