*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#283b34;font:14px/1.6 'Yu Gothic UI','Meiryo',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce3dc;background:white;border-radius:7px;padding:9px 14px;color:#354a40;transition:background .15s}button:hover{background:#edf3ee}button:disabled{opacity:.4;cursor:default}button.primary{background:#396b55;color:white;border-color:#396b55}button.primary:hover{background:#2b5743}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a4c5b3;outline-offset:2px}header{height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e3e8e1;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#36624e;font-size:39px;line-height:1}.brand strong{font-family:Georgia,serif;font-weight:500;letter-spacing:1px;font-size:29px}.brand span{display:block;font:10px/2 'Meiryo',sans-serif;letter-spacing:2px}.header-note{color:#809084;font-size:12px}.header-actions{display:flex;align-items:center;gap:12px}#saveStatus{font-size:11px;color:#6d8875}main{max-width:1510px;margin:auto;padding:34px 4% 20px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#7d927c}h1{font-family:'Yu Mincho',serif;font-size:27px;letter-spacing:2px;font-weight:500;margin:7px 0}p{color:#738074;margin:5px 0 15px}.intro p{font-size:12px}#bookCount{padding:2px 7px;background:#edf2e9;border-radius:4px;margin-left:7px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.editor,.preview-panel{background:white;border:1px solid #e0e5dd;border-radius:12px;overflow:hidden}.tabs{display:flex;padding:10px 14px 0;border-bottom:1px solid #e4e8e1;gap:5px}.tabs button{flex:1;border:0;border-bottom:3px solid transparent;border-radius:0;padding:14px 2px;color:#8b938a}.tabs button.active{color:#38624c;border-bottom-color:#46775a;font-weight:bold}#formPanel{padding:23px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;font-weight:600}.section-title small{color:#8a958b;font-weight:normal}.field{display:block;margin:0 0 15px}.field>span,.field-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600}.field input:not([type=checkbox]),.field textarea,.field select,input.text{width:100%;padding:9px 10px;background:#fff;border:1px solid #dce2d9;border-radius:6px;color:#334438;min-width:0}.field textarea{resize:vertical;min-height:69px}.field .visibility{font-size:11px;font-weight:normal;color:#80917e;display:flex;align-items:center;gap:4px}input[type=checkbox]{accent-color:#47755b;width:15px;height:15px;vertical-align:middle}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.hint{font-size:11px;color:#8c9689}.subsection{border-top:1px solid #edf0e9;margin-top:22px;padding-top:20px}.wide{width:100%}.soft-note{background:#f4f6ef;border-radius:7px;padding:12px;color:#7e8975;font-size:11px;margin-top:18px}.preview-toolbar{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e5e9e2;font-size:12px}.badge{font-size:10px;color:#758571;background:#eef2e9;padding:3px 8px;border-radius:5px;margin-left:12px}.tools{display:flex;gap:8px;align-items:center}.tools button{padding:3px 9px;font-size:18px}.tools label{display:flex;align-items:center;gap:4px;white-space:nowrap}.tools select{max-width:100px;padding:5px;border:1px solid #dce2d9;border-radius:5px;color:#6c7868;background:white}.canvas-area{min-height:655px;padding:22px 28px 24px;background-color:#eef0e9;background-image:radial-gradient(#cbd2c8 .7px,transparent .7px);background-size:12px 12px;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.dimension{font-size:10px;letter-spacing:1px;color:#8a9584;padding-bottom:12px}#paperWrap{position:relative;flex-shrink:0}#paper,.print-paper{position:relative;background:white;transform-origin:top left;box-shadow:0 8px 25px #314a3420;color:#202522;overflow:hidden}#paper.kraft{background:#e2c99e}#paper.blue{background:#dfe9ee}#paper.guides{background-image:linear-gradient(#7aab8420 1px,transparent 1px),linear-gradient(90deg,#7aab8420 1px,transparent 1px);background-size:10mm 10mm}#paper:before{content:'';position:absolute;inset:5mm;border:1px dashed #a0ae9340;pointer-events:none}.item{position:absolute;white-space:pre-wrap;line-height:1.8;cursor:move;user-select:none;touch-action:none;outline:1px solid transparent;outline-offset:3px;min-width:1em;min-height:1em}.item:hover{outline-color:#9ab7a1}.item.selected{outline:1px dashed #63856a;background:#7897790a}.vertical{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em}.postal{display:flex;gap:1mm;white-space:nowrap;line-height:1;min-height:8mm;font-family:Arial,sans-serif!important;writing-mode:horizontal-tb;letter-spacing:0}.postal span{display:flex;align-items:center;justify-content:center;width:5.5mm;height:8mm;border:.3mm solid #b45853;color:#232323;flex-shrink:0}.postal span:nth-child(3){margin-right:1.5mm}.postal.no-frame span{border-color:transparent}.preview-caption{font-size:11px;color:#819078;margin-top:23px}.selection{padding:17px 22px;min-height:94px;border-top:1px solid #e0e6db;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.selection .field{margin:0;max-width:95px}.selection .field>span{font-size:10px;color:#819078}.selection .field input,.selection .field select{padding:6px}.selection-title{min-width:105px;font-size:12px}.selection-title small{display:block;color:#8b9586;font-size:10px}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;border-top:1px solid #eef0ea;font-size:10px;color:#8a9485}.preview-footer button{border:0;font-size:11px;padding:3px}footer{display:flex;justify-content:space-between;gap:15px;color:#849080;font-size:10px;margin-top:25px}.muted{color:#a0a99b}dialog{border:1px solid #dce3d7;border-radius:14px;padding:32px;max-width:690px;width:calc(100% - 32px);max-height:85vh;color:#334739;box-shadow:0 20px 100px #172d3330}dialog::backdrop{background:#1c30234d;backdrop-filter:blur(3px)}dialog h2{margin:0 0 18px;font:23px 'Yu Mincho',serif}.modal-close{position:absolute;right:12px;top:10px;border:0;font-size:20px;padding:3px 10px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.book-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e9;align-items:center}.book-row .book-info{flex:1;min-width:0}.book-row small{display:block;color:#809078;overflow-wrap:anywhere}.book-row button{padding:5px 8px;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#304f3e;color:white;padding:12px 24px;border-radius:8px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px}#toast.show{opacity:1}#printArea{display:none}.warning{color:#ad563e;font-size:12px}.help-list li{margin-bottom:15px}.book-search{width:100%;padding:10px;border:1px solid #dce2d9;border-radius:6px}
@media(min-width:1500px){.canvas-area{min-height:710px}}@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:16px}.preview-toolbar{flex-wrap:wrap}.header-note{display:none}.canvas-area{padding:20px 15px;min-height:580px}.selection{gap:10px;padding:14px}.selection .field{max-width:75px}}@media(max-width:720px){header{height:70px;padding:0 18px}.brand strong{font-size:25px}.header-actions{gap:5px}.header-actions button{font-size:11px;padding:8px}#saveStatus{display:none}main{padding:25px 16px}.intro{gap:10px}h1{font-size:20px;letter-spacing:0}.intro p{font-size:10px}.intro button{white-space:nowrap;padding:8px;font-size:11px}.workspace{display:flex;flex-direction:column}.editor,.preview-panel{width:100%}#formPanel{padding:18px}.canvas-area{min-height:530px}.preview-toolbar{padding:13px}.preview-caption{font-size:10px}.preview-footer{padding:10px;font-size:9px}footer{flex-direction:column;gap:3px}.selection{gap:9px}.selection-title{width:100%}dialog{padding:25px 20px}}
@media print{@page{margin:0}html,body{margin:0!important;padding:0!important;background:white!important}body>*:not(#printArea):not(#printStyle){display:none!important}#printArea{display:block!important}.print-paper{box-shadow:none!important;background:white!important;break-after:page;page-break-after:always;transform:none!important}.print-paper:last-child{break-after:auto;page-break-after:auto}.print-paper .item{outline:none!important;background:none!important;cursor:default}.print-paper .item{print-color-adjust:exact;-webkit-print-color-adjust:exact}}