:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e2328;background:#eef1f4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #15191d;border-radius:6px;background:#15191d;color:#fff;padding:0 16px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{border-color:#c3cbd4;background:#fff;color:#1e2328}.danger-button{border-color:#dc2626;background:#dc2626;color:#fff}.danger-button:hover:not(:disabled){border-color:#b91c1c;background:#b91c1c}.area-toggle[aria-pressed=true]{border-color:#15191d;background:#15191d;color:#fff}.app-shell{min-height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #d6dce2;background:#fff}.toolbar h1{margin:0;font-size:22px;letter-spacing:0}.actions{display:flex;gap:10px}.actions button{white-space:nowrap}.download-button{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.download-button:hover:not(:disabled){border-color:#1e40af;background:#1e40af}.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,320px);grid-template-areas:"adjust preview settings";gap:20px;padding:20px;align-items:start}.panel{display:flex;flex-direction:column;gap:14px;align-self:start;padding:18px;border:1px solid #d6dce2;border-radius:8px;background:#fff}.settings-panel{grid-area:settings}.preview-panel{grid-area:preview}.adjust-panel{grid-area:adjust;position:sticky;top:20px}.panel-section{display:flex;flex-direction:column;gap:10px}.panel-title{color:#1e2328;font-size:14px;font-weight:800}.advanced-settings{border-top:1px solid #edf0f3;padding-top:2px}.advanced-settings summary{min-height:38px;border:1px solid #c3cbd4;border-radius:6px;background:#fff;color:#1e2328;cursor:pointer;font-size:13px;font-weight:800;line-height:36px;padding:0 10px}.advanced-settings[open] summary{margin-bottom:12px}.advanced-settings-body{display:flex;flex-direction:column;gap:14px}.csv-dropzone{display:flex;flex-direction:column;gap:10px;border:2px dashed #15191d;border-radius:8px;background:#f8fafc;padding:14px}.csv-dropzone.is-dragging{border-color:#0f766e;background:#ecfdf5}.csv-dropzone-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1e2328;font-size:14px;font-weight:700}.csv-dropzone-head strong{border-radius:999px;background:#15191d;color:#fff;padding:3px 8px;font-size:12px}.csv-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #15191d;border-radius:6px;background:#15191d;color:#fff;cursor:pointer}.csv-file-button.is-empty{border-color:#dc2626;background:#dc2626}.csv-file-button.is-empty:hover{border-color:#b91c1c;background:#b91c1c}.csv-file-button input{display:none}label{display:flex;flex-direction:column;gap:6px;color:#4d5660;font-size:13px;font-weight:700}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-tabs-section{display:flex;flex-direction:column;gap:8px}.order-tabs-heading{color:#4d5660;font-size:13px;font-weight:700}.order-tabs-heading strong{border-radius:999px;background:#edf0f3;color:#1e2328;padding:3px 8px;font-size:12px}.order-tabs{display:flex;max-height:300px;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}.order-tab{display:flex;min-height:52px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;border-color:#c3cbd4;background:#fff;color:#1e2328;text-align:left}.order-tab[aria-selected=true]{border-color:#15191d;background:#15191d;color:#fff}.order-tab span{max-width:100%;overflow-wrap:anywhere;font-size:13px;font-weight:800}.order-tab small{display:flex;width:100%;align-items:center;gap:6px;overflow-wrap:anywhere;font-size:12px;font-weight:700;opacity:.8}.order-tab-detail{display:inline-flex;min-width:0;align-items:center;gap:6px;overflow-wrap:anywhere}.order-tab-states{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;margin-left:auto}.order-tab small b{flex-shrink:0;border-radius:999px;background:#edf0f3;color:#1e2328;padding:2px 6px;font-size:11px;line-height:1.2}.order-tab[aria-selected=true] small b{background:#ffffff29;color:#fff}.order-tab small .order-state-badge{background:#e8f5ef;color:#0f5f46}.order-tab small .order-state-badge.is-reviewed,.order-tab[aria-selected=true] small .order-state-badge.is-reviewed{background:#16a34a;color:#fff}.order-tab small .order-state-badge.is-unreviewed{background:#fff3cd;color:#6f5200}.order-tab small .order-state-badge.is-downloaded{background:#e8efff;color:#194185}.order-tab[aria-selected=true] small .order-state-badge{background:#fff3;color:#fff}.review-actions{display:flex;align-items:center;gap:8px}.review-actions button{flex:1}.review-confirm-button{border-color:#16a34a;background:#16a34a;color:#fff}.review-confirm-button:hover:not(:disabled){border-color:#15803d;background:#15803d}.review-confirm-button:disabled{border-color:#16a34a;background:#16a34a;color:#fff}.review-status{flex-shrink:0;border-radius:999px;background:#e8efff;color:#194185;padding:5px 8px;font-size:12px;font-weight:800}.mini-toggle{min-height:26px;border-color:#c3cbd4;background:#fff;color:#1e2328;padding:0 8px;font-size:12px;line-height:1}.mini-remove-button{min-height:24px;border-color:#c3cbd4;background:#fff;color:#4d5660;padding:0 8px;font-size:12px;line-height:1}.mini-remove-button:hover{border-color:#15191d;color:#15191d}.mini-toggle[aria-pressed=true]{border-color:#15191d;background:#15191d;color:#fff}input,select,textarea{width:100%;min-height:38px;border:1px solid #c3cbd4;border-radius:6px;background:#fff;color:#1e2328;padding:8px 10px}textarea{min-height:70px;resize:vertical}.readonly-note{min-height:110px;max-height:220px;overflow:auto;white-space:pre-wrap;resize:vertical}.grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.name-ruby-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr);gap:6px}.name-ruby-grid label{gap:4px;font-size:11px}.name-ruby-grid input{min-height:34px;padding:6px 8px}.stacked-fields{display:flex;flex-direction:column;gap:10px}.name-entry{border-top:1px solid #edf0f3;padding-top:10px}.preview-panel{min-width:0;overflow:hidden}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 auto 10px;color:#4d5660;font-size:13px}.preview-controls{display:grid;grid-template-columns:minmax(190px,1fr) 76px 76px;gap:8px;min-width:0}.preview-controls select{min-height:30px;padding:4px 8px;font-size:12px;font-weight:700}.preview-template-select{min-width:0}.preview-file-name{flex-shrink:0;overflow-wrap:anywhere;text-align:right}.preview-custom-size{display:grid;grid-template-columns:110px 110px;gap:8px;width:100%;margin:-4px auto 10px}.preview-custom-size label{font-size:12px}.preview-custom-size input{min-height:32px;padding:5px 8px}.preview-page{position:relative;max-width:100%;margin:0 auto;overflow:hidden;border:1px solid #c3cbd4;background:#fff;box-shadow:0 16px 36px #1820281f}.preview-note{max-width:100%;margin:14px auto 0}.output-pdf-canvas{display:block;width:100%;height:auto}.print-area-overlay,.effective-area-overlay{position:absolute;box-sizing:border-box;pointer-events:none}.print-area-overlay{z-index:2;border:2px dashed #f97316;background:#f9731614}.effective-area-overlay{z-index:3;border:2px solid #0f7cff;background:#0f7cff14}.area-guide-legend{display:flex;flex-direction:column;gap:6px;color:#4d5660;font-size:12px;font-weight:700}.area-guide-legend span{display:flex;align-items:center;gap:6px}.area-guide-legend i{display:inline-block;width:14px;height:14px;border-radius:2px}.legend-print{border:2px dashed #f97316;background:#f9731614}.legend-effective{border:2px solid #0f7cff;background:#0f7cff14}.ruby{display:inline-block;font-size:.45em;opacity:.85}.status,.error{border-radius:6px;background:#fff3cd;color:#6f5200;padding:10px;font-size:13px}@media(max-width:1240px){.workspace{grid-template-columns:320px minmax(0,1fr);grid-template-areas:"adjust preview" "settings preview"}.settings-panel,.preview-panel{min-width:0}.adjust-panel{position:static;min-width:0}}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-areas:"adjust" "preview" "settings"}.name-ruby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview-page,.preview-meta{max-width:100%}}.modal-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;background:#15191d6b;padding:20px}.modal-card{display:flex;width:min(420px,100%);flex-direction:column;gap:14px;border:1px solid #d6dce2;border-radius:8px;background:#fff;padding:20px;box-shadow:0 20px 50px #18202838}.modal-card h2{margin:0;color:#1e2328;font-size:18px;letter-spacing:0}.modal-card p{margin:0;color:#4d5660;font-size:14px;font-weight:700;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:980px){.workspace{grid-template-columns:1fr;grid-template-areas:"adjust" "preview" "settings"}.preview-panel{overflow-x:auto}}@font-face{font-family:"Noto Serif JP";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-jp-japanese-400-normal-DzqdXFWD.woff2) format("woff2"),url(/assets/noto-serif-jp-japanese-400-normal-DWoFoi0r.woff) format("woff")}@font-face{font-family:"Noto Serif JP";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-serif-jp-japanese-700-normal-sR4zo45n.woff2) format("woff2"),url(/assets/noto-serif-jp-japanese-700-normal-1YB1tXPq.woff) format("woff")}
