.km-note{background-color:var(--accent-bg, #eef6ff);border:1px solid var(--accent);border-radius:8px;padding:12px 16px;margin:0 auto 20px;max-width:1080px;font-size:.95rem;color:#333;text-align:center;line-height:1.7}.km-layout{display:flex;gap:28px;max-width:1080px;margin:24px auto 40px;padding:0 4px;align-items:flex-start}.km-form{width:380px;flex-shrink:0;text-align:left}.km-form .fs-title{font-size:15px;font-weight:700;color:#333;margin:22px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent, #2a9d8f)}.km-form .fs-title:first-child{margin-top:0}.km-form .radio-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:6px}.km-form .radio-line label{display:flex;align-items:center;gap:5px;margin:0;font-size:13.5px;color:#333;cursor:pointer}.km-form .pattern-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.km-form .pattern-list label{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:13.5px;color:#333;cursor:pointer;line-height:1.55}.km-form .pattern-list label:hover{border-color:var(--accent)}.km-form .pattern-list input[type=radio]{margin-top:3px;flex-shrink:0}.km-form .pattern-list .p-name{font-weight:700}.km-form .pattern-list .p-desc{display:block;font-size:11.5px;color:#888;margin-top:2px}.km-form input[type=text],.km-form input[type=number],.km-form select,.km-form textarea{box-sizing:border-box;font-size:14px;color:#333;padding:9px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-family:inherit}.km-form textarea{width:100%;line-height:1.8;resize:vertical}.km-form .full{width:100%}.km-row{display:flex;gap:8px}.km-row select{flex:0 0 130px}.km-row input{flex:1;min-width:0}.km-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.km-inline input[type=number]{width:100px}.km-wareki{font-size:13.5px;font-weight:700;color:var(--accent, #2a9d8f)}.km-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);vertical-align:middle}.km-form .field-hint{font-size:11.5px;color:#888;margin:6px 0 0;line-height:1.65}.km-reset-btn{padding:6px 14px;font-size:12.5px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#555;cursor:pointer;margin-top:22px}.km-reset-btn:hover{color:#c0392b;border-color:#c0392b}.km-preview{flex:1;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}.km-print-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.km-print-btn:hover{opacity:.85}.km-print-note{font-size:12px;color:#888;margin:8px 0 12px;line-height:1.5}.km-preview-caption{font-size:12px;color:#888;margin-top:8px}.km-stage-box{overflow:hidden;border-radius:4px;display:inline-block;max-width:100%}.km-stage{position:relative;width:100mm;height:148mm;background:#fff;box-sizing:border-box;transform-origin:top left;box-shadow:0 2px 14px #0000002e}.km-card{position:absolute;inset:0;background:#fff;overflow:hidden;font-family:Shippori Mincho,Yu Mincho,YuMincho,Hiragino Mincho ProN,MS PMincho,serif;color:#1a1a1a}.km-card[data-ink=sumi]{color:#605c58}.km-card *{box-sizing:border-box;margin:0;padding:0;color:inherit;font-family:inherit;list-style:none}.km-greet{position:absolute;top:12mm;right:8mm;max-height:124mm;writing-mode:vertical-rl;font-size:4.6mm;font-weight:600;line-height:1.7;letter-spacing:.06em;white-space:normal}.km-body{position:absolute;top:20mm;right:22mm;max-height:114mm;writing-mode:vertical-rl;font-size:3.3mm;font-weight:500;line-height:2;letter-spacing:.02em}.km-sign{position:absolute;left:8mm;bottom:11mm;writing-mode:vertical-rl}.km-sign-col{writing-mode:vertical-rl;line-height:1.5;letter-spacing:.05em;margin-left:1.6mm}.km-sign-col:last-child{margin-left:0}.km-date{font-size:2.8mm}.km-addr{font-size:2.5mm}.km-name{font-size:3.3mm}.km-cropmarks{display:none;position:absolute;inset:0;pointer-events:none}.km-crop{position:absolute;width:6mm;height:6mm}.km-crop-tl{left:52mm;top:71.5mm;border-top:.3mm solid #999;border-left:.3mm solid #999}.km-crop-tr{right:52mm;top:71.5mm;border-top:.3mm solid #999;border-right:.3mm solid #999}.km-crop-bl{left:52mm;bottom:71.5mm;border-bottom:.3mm solid #999;border-left:.3mm solid #999}.km-crop-br{right:52mm;bottom:71.5mm;border-bottom:.3mm solid #999;border-right:.3mm solid #999}@media (max-width: 940px){.km-layout{flex-direction:column}.km-form{width:100%}.km-preview{position:static;width:100%}}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important}body>*:not(.container){display:none!important}.container{margin:0!important;padding:0!important;max-width:none!important;width:auto!important}.container>*:not(.km-layout){display:none!important}.km-layout{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.km-layout>*:not(.km-preview){display:none!important}.km-preview{position:static!important;margin:0!important;padding:0!important;width:auto!important}.km-preview>*:not(.km-stage-box){display:none!important}.km-stage-box{display:block!important;height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}.km-stage{transform:none!important;box-shadow:none!important;margin:0!important}.km-card{box-shadow:none!important;border:none!important}body.km-print-hagaki .km-stage{width:100mm!important;height:148mm!important}body.km-print-hagaki .km-card{position:absolute!important;inset:0!important}body.km-print-a4 .km-stage{width:210mm!important;height:297mm!important}body.km-print-a4 .km-card{position:absolute!important;inset:74.5mm auto auto 55mm!important;width:100mm!important;height:148mm!important}body.km-print-a4 .km-cropmarks{display:block!important}}
