:root{--base-white:#FFFFFF;--bg:#FAF7F5;--accent-pink:#FFD9E3;--accent-mint:#D7F5EC;--accent-yellow:#FFF3C4;--text:#4A4038;--heading:#8C5B4A;--unit:8px;--radius-card:16px;--radius-pill:999px;--shadow-card:0 2px 8px rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;font-size:18px;line-height:1.7}h1,h2,h3{color:var(--heading);margin:0 0 8px}button{font-family:inherit}.app-header{padding:16px 24px;background:var(--base-white);box-shadow:var(--shadow-card);display:flex;align-items:center;gap:16px}.app-header .logo{font-size:26px;font-weight:700}.app-header .sub{font-size:15px;color:#8a7c70}.app-body{display:flex;gap:24px;padding:24px;align-items:flex-start}.left-panel{flex:0 0 420px;display:flex;flex-direction:column;gap:16px}.right-panel{flex:1;min-width:0;position:sticky;top:24px}.card{background:var(--base-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.card h2{font-size:20px}label{display:block;font-size:15px;font-weight:700;margin-bottom:4px;color:var(--heading)}input[type=text],input[type=date],select,textarea{width:100%;font-size:18px;font-family:inherit;padding:10px 12px;border:1px solid #e7ddd6;border-radius:12px;background:#fffdfb;color:var(--text);margin-bottom:12px}textarea{resize:vertical;min-height:72px}.field-row{display:flex;gap:12px}.field-row>div{flex:1}.radio-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.radio-pill{flex:1;text-align:center;padding:8px 10px;border-radius:var(--radius-pill);border:2px solid #e7ddd6;cursor:pointer;font-size:16px;background:#fffdfb;-webkit-user-select:none;user-select:none}.radio-pill.selected{border-color:var(--accent-pink);background:var(--accent-pink);font-weight:700}.template-card{border:2px solid var(--accent-pink);border-radius:var(--radius-card);padding:12px;display:flex;align-items:center;gap:12px;background:#fff8f9}.template-thumb{width:64px;height:46px;background:#fff;border:1px solid #ccc;display:flex;gap:3px;padding:4px;flex:0 0 auto}.template-thumb span{flex:1;background:repeating-linear-gradient(to bottom,#999 0,#999 2px,transparent 2px,transparent 6px)}.template-meta small{color:#8a7c70;font-size:13px}details.settings summary{cursor:pointer;font-weight:700;color:var(--heading);font-size:16px;list-style:none}details.settings summary::-webkit-details-marker{display:none}details.settings summary:before{content:"⚙️ "}details.settings[open] summary{margin-bottom:8px}.generate-btn{width:100%;padding:16px;font-size:20px;font-weight:700;border:none;border-radius:var(--radius-pill);background:var(--accent-mint);color:#245b4c;cursor:pointer;box-shadow:var(--shadow-card)}.generate-btn:active{transform:translateY(1px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn.secondary{margin-top:10px;font-size:15px;padding:12px;background:#fff;color:#8a7c70;border:2px solid #e8ddd5}.generate-error{background:#fdecea;color:#b3261e;border-radius:12px;padding:10px 14px;margin-bottom:10px;font-size:13px}.toolbar{position:sticky;top:0;background:var(--bg);padding-bottom:12px;z-index:5}.tabs{display:flex;gap:8px;margin-bottom:8px}.tab-btn{flex:1;padding:10px 6px;border-radius:12px 12px 0 0;border:2px solid #e7ddd6;border-bottom:none;background:#f0e9e4;cursor:pointer;font-size:15px;font-weight:700;text-align:center;color:#8a7c70}.tab-btn.active{background:var(--base-white);color:var(--heading);border-color:var(--accent-pink)}.tab-btn .confirmed-badge{color:#3a8a5c;margin-left:4px}.action-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.confirm-btn,.print-btn,.edit-btn{padding:10px 18px;border-radius:var(--radius-pill);border:none;font-size:16px;font-weight:700;cursor:pointer}.confirm-btn{background:var(--accent-yellow);color:#6b5a1c}.confirm-btn.confirmed{background:#c9ecd7;color:#245b4c}.edit-btn{background:#fff;color:#8a7c70;border:2px solid #e8ddd5}.edit-btn.active{background:#fff6d6;color:#6b5a1c;border-color:#c9a227}.edit-btn:disabled{opacity:.45;cursor:not-allowed}.print-btn{background:var(--heading);color:#fff;font-size:18px;padding:12px 22px}.print-note{font-size:13px;color:#8a7c70}.edit-hint{background:#fffaf0;border:1px solid #e8ddd5;color:#8a7c70;border-radius:12px;padding:8px 14px;margin-bottom:8px;font-size:14px}.overflow-warning{background:#fff1e0;border:2px solid #e0a458;color:#7a4d10;border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:15px;font-weight:700}.paper-wrapper{width:100%;max-width:920px;aspect-ratio:364/257;background:#fff;box-shadow:0 4px 16px #00000026;overflow-y:auto;position:relative;container-type:inline-size}.paper{padding:4%;min-height:100%;box-sizing:border-box;font-family:Shippori Mincho,"Noto Serif JP",serif;color:#1a1a1a;font-size:11px;font-size:1.1cqw;line-height:1.7}.paper-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #333;padding-bottom:6px;margin-bottom:10px}.paper-title{font-size:18px;font-size:1.7cqw;font-weight:700;letter-spacing:.05em}.paper-issue{font-size:11px;font-size:1.05cqw;margin-top:2px}.paper-meta{text-align:right;font-size:10px;font-size:.95cqw}.paper-section-heading{font-size:12px;font-size:1.2cqw;font-weight:700;border-left:5px solid #333;padding-left:6px;margin:8px 0 5px}.paper-greeting{margin-bottom:8px;text-align:justify}.kids-paragraph{white-space:pre-wrap;margin:0 0 8px}.kids-paragraph:last-child{margin-bottom:0}.editable{cursor:text;outline:1px dashed #c9a227;outline-offset:2px;border-radius:2px}.editable:hover{background:#ffd6001a}.editable-input{display:block;width:100%;font:inherit;color:inherit;line-height:inherit;background:#fffdf4;border:1px solid #c9a227;border-radius:2px;padding:2px 4px;margin:0 0 8px;box-sizing:border-box;resize:none;overflow:hidden}.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:6%;text-align:justify}.illustration-box{width:48%;aspect-ratio:4/3;border:2px dashed #999;margin:0 0 6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-size:.95cqw;color:#777;background:repeating-linear-gradient(45deg,#f6f6f6,#f6f6f6 6px,#fff 6px,#fff 12px);text-align:center}.notice-box{border:1px solid #333;padding:8px 10px;margin-top:10px;clear:both}.notice-box ul{margin:4px 0 0;padding-left:1.2em}.notice-box li{margin-bottom:3px}.page-boundary{position:absolute;left:0;right:0;border-top:2px dashed #e03b3b}.install-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-yellow);color:#6b5a1c;padding:10px 16px;font-size:14px}.install-hint button{background:none;border:none;font-size:16px;cursor:pointer;color:#6b5a1c;flex:0 0 auto}.mobile-tabs{display:none;gap:8px;padding:0 16px;margin-top:12px}.mobile-tab-btn{flex:1;padding:10px;border-radius:12px;border:2px solid #e7ddd6;background:#f0e9e4;text-align:center;font-weight:700;cursor:pointer;color:#8a7c70}.mobile-tab-btn.active{background:var(--base-white);border-color:var(--accent-pink);color:var(--heading)}@media (max-width: 768px){.app-header{padding:12px 16px}.app-header .logo{font-size:20px}.app-header .sub{display:none}.mobile-tabs{display:flex}.app-body{flex-direction:column;padding:12px;gap:12px}.left-panel{flex:none;width:100%}.right-panel{position:static;width:100%}.app-body[data-mobile-view=edit] .right-panel,.app-body[data-mobile-view=preview] .left-panel{display:none}.field-row{flex-direction:column;gap:0}.action-row{flex-direction:column;align-items:stretch}.print-btn,.confirm-btn,.edit-btn{width:100%}.toolbar{top:0}}@media print{body *{visibility:hidden}.paper,.paper *{visibility:visible}.paper-wrapper{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;aspect-ratio:auto;box-shadow:none;overflow:visible}.paper{position:absolute;top:0;left:0;width:100%;padding:0;font-size:14pt;box-sizing:border-box}.paper-title{font-size:20pt}.paper-issue{font-size:10pt}.paper-meta{font-size:9pt}.paper-section-heading{font-size:12pt}.illustration-box{font-size:9pt}.page-boundary{display:none}@page{size:364mm 257mm;margin:10mm}}