:root{--accent: #b7282e;--bg: #faf8f5;--border: #ddd6cc}*{box-sizing:border-box}body{font-family:Hiragino Sans,Noto Sans JP,sans-serif;margin:0;background:var(--bg);color:#2b2b2b;display:flex;flex-direction:column;min-height:100vh}header{text-align:center;padding:1.5rem 1rem .5rem}header h1{margin:0;font-size:1.8rem}.tagline{color:#666;margin:.4rem 0 0}main{flex:1;width:min(720px,100% - 2rem);margin:0 auto;padding:1rem 0 2rem}#progress{text-align:center;padding:.6rem;background:#fff;border:1px solid var(--border);border-radius:8px}#progress.ready{border-color:#9db89d;background:#f2f7f2}#dropzone{margin-top:1rem;padding:2.5rem 1rem;text-align:center;border:2px dashed var(--border);border-radius:12px;background:#fff}#dropzone.dragover{border-color:var(--accent);background:#fff6f5}.button,#sample-btn,#toolbar button,#print-area button{display:inline-block;padding:.5rem 1.2rem;margin:.3rem;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:1rem}button.primary,#print-area button.primary,#toolbar button.primary,#toolbar button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.notice{color:#888;font-size:.85rem;text-align:center}#error-panel{margin-top:1rem;padding:1rem;border:1px solid #d9a0a0;background:#fdf3f3;border-radius:8px}#error-panel pre{overflow-x:auto;font-size:.75rem}#summary{margin:1rem 0 .5rem;font-weight:600}#toolbar{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}#page-indicator{min-width:4em;text-align:center}#preview-frame{width:100%;aspect-ratio:105 / 155;border:1px solid var(--border);border-radius:8px;background:#e0e0e0;margin-top:.5rem}#print-area{margin-top:1rem}#offset-panel{border:1px solid var(--border);border-radius:8px;display:inline-block}#offset-panel input{width:5em}#print-guide{margin-top:.5rem;color:#555}footer{text-align:center;padding:1rem;color:#888}footer a{color:inherit}