:root{font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,sans-serif;color:#17324d;background:#edf2f6}*{box-sizing:border-box}html,body,#app{height:100%;min-height:0}body{margin:0;overflow:hidden}#app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}button,.file{border:0;border-radius:6px;background:#176b87;color:#fff;padding:7px 11px;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}.secondary{background:#647789}.danger{background:#b42318}button:disabled{opacity:.45;cursor:default}.file input{display:none}label{display:flex;flex-direction:column;gap:3px;font-size:12px;margin:6px 0}.check{flex-direction:row;align-items:center;gap:7px}.check input{width:auto}input,select,textarea{min-width:0;border:1px solid #acbac6;border-radius:5px;padding:6px;background:#fff;color:#17324d;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{display:flex;align-items:baseline;gap:16px;padding:10px 18px;background:#17324d;color:#fff}.app-header h1{margin:0;font-size:19px}.app-header span{font-size:12px}.language-control{display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}.language-control button{position:relative;width:38px;height:20px;padding:0;border:1px solid #ffffff99;border-radius:999px;background:#0d4960}.language-control button i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s ease}.language-control button[aria-checked=true] i{transform:translate(18px)}.language-control button:focus-visible{outline:2px solid #fff;outline-offset:2px}.steps{display:flex;justify-content:center;gap:10px;padding:5px;background:#fff;border-bottom:1px solid #cbd5df;z-index:20}.steps button{display:flex;align-items:center;gap:7px;min-width:140px;justify-content:center;background:transparent;color:#52697b;padding:5px 10px}.steps button[aria-selected=true]{background:#e5f2f6;color:#0f5f78}.steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#176b87;color:#fff}.workspace{display:grid;grid-template-columns:minmax(210px,250px) minmax(480px,1fr) minmax(190px,230px);gap:10px;min-height:0;overflow:hidden;padding:10px}.side-pane,.main-pane{min-width:0;min-height:0}.side-pane>section,.main-pane>section{height:100%;min-height:0;overflow:auto;background:#fff;border-radius:9px;padding:12px;box-shadow:0 3px 14px #17324d18;scrollbar-gutter:stable}.side-pane h2,.main-pane h2{font-size:15px;margin:3px 0 8px}.left-pane select,.left-pane textarea{width:100%}.button-row,.designbar,.toolbar,.action-buttons{display:flex;gap:6px;align-items:center;margin:7px 0;flex-wrap:wrap}.button-row.compact{display:grid;grid-template-columns:repeat(3,1fr)}.button-row.compact button{padding-inline:5px}.data-tools{padding:8px;margin-top:8px;border:1px solid #d5e0e8;border-radius:7px;background:#f7fafc}.help,.print-note{font-size:12px;line-height:1.4;color:#52697b;margin:4px 0}.record-preview{min-height:0;overflow:auto;white-space:pre-wrap;margin:0;padding:10px;border:1px solid #d5e0e8;border-radius:7px;background:#f7fafc;font:12px/1.55 monospace}.calibration-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}details{margin-top:10px;border-top:1px solid #d5e0e8;padding-top:8px}summary{cursor:pointer;font-weight:700;font-size:12px}.designbar{margin:0 0 8px}.designbar label{margin:0}.designbar input{width:110px}.main-pane>section[data-step-panel=design]{overflow:hidden}.canvas-stage{width:100%;height:calc(100% - 45px);min-height:0;padding:10px;display:grid;place-items:center;overflow:hidden;background:#f4f7f9;border-radius:7px}#canvas{position:relative;margin:0;max-width:100%;border:1px solid #273b4e;box-shadow:0 2px 10px #0002;overflow:hidden}.element{position:absolute;outline:1px dashed #4a708d;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.element.selected{outline:2px solid #e4772d}.element.barcode{background:#fff}.element.barcode svg,.element img,.element.text svg{width:100%;height:100%;object-fit:contain}.element.text svg{overflow:visible}.preview-panel{padding:12px!important;overflow:hidden!important}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.page-controls{display:flex;align-items:center;gap:8px;padding:5px 7px;white-space:nowrap;background:#edf3f7;border-radius:6px}#preview{height:calc(100% - 47px);min-height:0;display:grid;place-items:center;overflow:auto;background:#d6dee5;padding:10px}#preview svg{display:block;flex:none;max-width:none;max-height:none;margin:0;background:#fff;box-shadow:0 2px 8px #0003}.preview-empty{color:#52697b;text-align:center}.context-pane input,.context-pane select{width:100%}.issue{display:block;width:100%;margin:0 0 6px;text-align:left;font-size:12px;background:#fff4e5;color:#6b3b00}fieldset{min-width:0;margin:0 0 12px;padding:8px;border:1px solid #d5e0e8;border-radius:7px}legend{padding:0 5px;font-size:12px;font-weight:700}.property-grid,.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.source-sample{display:grid;gap:5px;margin-top:8px;padding:8px;border-radius:5px;background:#f4f7f9;font:12px monospace;overflow-wrap:anywhere}.source-sample mark{padding:1px 0;background:#ffe08a;color:#17324d}.source-sample strong{font-weight:400;color:#176b87}.paper-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 7px}.margin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 5px}.paper-size-grid label,.margin-grid label{min-width:0}.paper-size-grid input,.margin-grid input{width:100%}.candidate-list{display:grid;gap:4px}.candidate-row{display:flex;flex-direction:row;align-items:flex-start;gap:6px;margin:0;padding:5px;border:1px solid #d5e0e8;border-radius:6px;cursor:pointer}.candidate-row:has(input:checked){border-color:#176b87;background:#edf7fa}.candidate-row input{width:auto;margin-top:2px}.candidate-row span{display:grid;gap:2px}.candidate-row strong{font-size:11px}.candidate-row small{font-size:10px;line-height:1.25;color:#52697b}.data-source-panel{display:flex;flex-direction:column}.issue-mode{display:grid;grid-template-columns:1fr;gap:5px;padding:0;border:0}.issue-mode label{position:relative;display:block;margin:0}.issue-mode input{position:absolute;opacity:0;pointer-events:none}.issue-mode span{display:block;padding:9px 10px;border:1px solid #c8d4de;border-radius:6px;background:#f7fafc;cursor:pointer;font-size:13px}.issue-mode input:checked+span{border-color:#176b87;background:#e4f2f6;color:#0f5f78;font-weight:700;box-shadow:inset 3px 0 #176b87}.mode-help{margin:0 0 10px;color:#52697b;font-size:11px;line-height:1.4}.strip-option{margin-top:auto!important;padding-top:10px;border-top:1px solid #d5e0e8}.status-card{margin:7px 0 0;padding:9px;border-radius:6px;background:#e7f4ed;color:#216e45;font-weight:700;font-size:13px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2{margin-bottom:2px}.domain-name{width:min(230px,40%);margin:0}.pattern-example{display:flex;align-items:center;gap:6px;margin:8px 0;padding:7px 9px;border-radius:6px;background:#edf3f7;font-size:12px}.pattern-example span:not(:first-of-type){padding:3px 6px;border-radius:4px;background:#fff;border:1px solid #cbd8e1}#domainSegments{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segment-row{margin:0;padding:7px 8px;border:1px solid #d5e0e8;border-radius:7px;background:#f9fbfc}.segment-head{display:grid;grid-template-columns:100px minmax(80px,1fr) 58px 30px;gap:5px;align-items:end}.segment-head label,.segment-controls label{margin:0}.segment-head label>span,.segment-controls label{font-size:11px}.segment-head .fixed-order{align-self:end;display:grid;place-items:center;height:31px;color:#728494;font-size:11px}.order-field input{text-align:center}.removeSegment{align-self:end;width:30px;height:31px;padding:0;font-size:17px}.segment-controls{display:grid;gap:5px;margin-top:5px}.segment-controls.fixed,.segment-controls.list{grid-template-columns:1fr}.segment-controls.number{grid-template-columns:repeat(4,1fr)}.segment-controls.alpha{grid-template-columns:repeat(3,1fr)}.domain-actions{display:flex;align-items:flex-start;gap:12px}.domain-actions>button{margin-top:8px}.domain-actions details{flex:1;margin-top:8px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.rule-grid label{margin:3px 0}.rule-grid textarea{height:48px;font:12px monospace}.empty-guide,.manual-editor{height:100%;display:grid;place-content:center;justify-items:center;text-align:center}.empty-guide p{color:#52697b}.primary-file{font-size:14px;padding:10px 18px}.manual-editor{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:4% 8%}.manual-editor textarea{flex:1;min-height:260px;padding:12px;font:14px/1.6 monospace}.data-preview-panel{display:flex;flex-direction:column}.data-count{padding:9px;border-radius:6px;background:#e7f4ed;color:#216e45;font-size:18px;font-weight:700}.data-preview-panel .record-preview{flex:1}.action-bar{z-index:30;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;background:#17324d;color:#fff;box-shadow:0 -3px 15px #17324d40}.action-bar #planStats{font-size:12px}.action-bar .action-buttons{margin:0;justify-content:flex-end;flex-wrap:nowrap}.action-bar .secondary{background:#8394a3}#error{position:fixed;z-index:40;right:14px;bottom:62px;max-width:min(560px,calc(100vw - 28px));margin:0;padding:0;color:#b42318;background:#fff;white-space:pre-wrap;font-size:12px}.segment-head label,.segment-controls label{min-width:0}.segment-head input,.segment-head select,.segment-controls input{width:100%}.pattern-example i{padding:3px 5px;border-radius:4px;background:#fff8e8;border:1px solid #d8b25c;color:#6b4b00;font: 10px sans-serif}#domainSegments{display:flex;align-items:stretch;gap:6px}.segment-row{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:6px;margin:0;padding:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.section-head strong{display:flex;align-items:center;gap:5px;font-size:12px}.section-head strong span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#176b87;color:#fff}.section-head .removeSegment{width:26px;height:26px}.segment-row>label,.segment-controls label,.order-field{margin:0}.segment-controls{display:grid;grid-template-columns:1fr!important;gap:5px;margin:0}.order-field{margin-top:auto!important;padding-top:5px;border-top:1px solid #d5e0e8}.separator-box{align-self:center;flex:0 0 50px;min-width:0;margin:0;text-align:center;color:#52697b}.separator-box span{font-size:10px}.separator-box input{width:100%;padding:7px 2px;text-align:center;font:700 16px monospace;background:#fff8e8;border-color:#d8b25c}.left-pane input,.left-pane select,.left-pane textarea{width:100%}.left-pane .check input{width:auto}.left-pane>section[data-step-panel=output] label{margin:3px 0}.left-pane>section[data-step-panel=output] fieldset{margin-bottom:6px;padding:6px}.left-pane>section[data-step-panel=output]>.print-note{display:none}.left-pane>section[data-step-panel=output] details summary:after{content:"・印刷は100%";color:#52697b;font-weight:400}.main-pane>section[data-step-panel=design] .canvas-stage{height:calc(100% - 52px)}.preview-panel #preview{height:calc(100% - 63px)}.context-pane>section[data-step-panel=output] h2{margin:2px 0 5px}.segment-row{min-width:125px;gap:4px;padding:6px}.segment-row input,.segment-row select{padding:4px}.segment-controls{gap:3px}.segment-controls.number{grid-template-columns:repeat(2,minmax(0,1fr))!important}.segment-controls.number label:nth-child(-n+2){grid-column:1/-1}.order-field{padding-top:3px}@media(max-width:1100px){.workspace{grid-template-columns:minmax(200px,230px) minmax(430px,1fr) minmax(180px,210px);gap:8px;padding:8px}.separator-box{flex-basis:38px}.app-header>span{display:none}}@media(max-width:900px){#app{overflow:auto}body{overflow:hidden}.workspace{overflow:auto;grid-template-columns:210px minmax(430px,1fr);grid-auto-rows:minmax(0,1fr)}.context-pane,.action-bar #planStats{display:none}}@media(max-width:720px){.app-header{align-items:center;gap:8px}.app-header>span{display:none}.language-control{margin-left:auto}.steps{gap:3px}.steps button{min-width:0;padding:6px}.steps button span{font-size:11px}.workspace{grid-template-columns:1fr;overflow:auto}.side-pane,.main-pane,.context-pane{grid-column:1}.left-pane,.main-pane{min-height:420px}.segment-head{grid-template-columns:90px 1fr 55px 30px}.segment-controls.number{grid-template-columns:1fr 1fr}.canvas-stage{min-height:320px;padding:8px}.preview-header{align-items:stretch;flex-direction:column}.page-controls{justify-content:center}.action-bar{align-items:stretch;padding:6px 8px}.action-buttons{overflow-x:auto}.action-buttons button{white-space:nowrap}}[hidden]{display:none!important}html[lang=en] .left-pane>section[data-step-panel=output] details summary:after{content:" · Print at 100%"}