:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#182c36;background:#f1f5f6;font-size:14px}*{box-sizing:border-box}body{margin:0}header{padding:32px max(24px,calc((100vw - 1360px)/2));background:#163b47;color:white;border-bottom:5px solid #2caaa0}.brand{font-size:12px;letter-spacing:.14em;color:#a8d9d5}h1{font-size:28px;margin:10px 0}header p{margin:0;color:#d2e2e5}main{max-width:1408px;padding:24px;margin:auto}.card{background:#fff;border:1px solid #dbe4e7;border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 4px 16px #17344205}.settings{display:flex;align-items:end;gap:22px;flex-wrap:wrap}.settings>div{min-width:120px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}input,select,button,.file-button{font:inherit;border:1px solid #bdccd0;border-radius:6px;padding:10px 12px;background:white;color:inherit}input:focus,select:focus,button:focus-visible{outline:3px solid #93d8d3;outline-offset:1px}input[type=number]{width:110px}button,.file-button{cursor:pointer;font-weight:bold}button:hover,.file-button:hover{background:#eef7f7}button.primary{background:#087e76;color:white;border-color:#087e76;padding:12px 24px;margin-left:auto}.check{display:flex;align-items:center;gap:8px;padding:10px 0;margin:0}.workspace{display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(350px,1fr);gap:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:18px;margin:0 0 12px}.section-head h2{margin:0}.help{font-size:12px;line-height:1.9;color:#62747c}.tabs{display:flex;gap:4px}.tabs button{font-size:12px;padding:8px 12px}.tabs .active{background:#e0f3ef;color:#05665f;border-color:#74b9b0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;table-layout:fixed}th{text-align:left;background:#edf4f5;color:#51666e;font-size:12px;padding:12px 8px}th:first-child{width:80px}td{padding:7px 5px;border-bottom:1px solid #e6edee}td input{width:100%;padding:9px 7px;font-size:13px}td input.invalid{border:2px solid #bd4b31}tr:nth-child(even){background:#f8fafb}#status{font-size:12px;color:#087e76;min-height:18px}.preview{overflow:auto;background:#edf2f3;border-radius:6px;padding:15px}.preview svg{display:block;background:white;margin:0 0 14px;width:100%;min-width:400px;height:auto}.calibration{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.calibration label{margin:0}.calibration button{font-size:12px}#dimensions{font-size:11px;color:#62747c}summary{font-weight:bold;cursor:pointer}#candidate-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chip{font-size:11px;border-radius:20px;padding:5px 8px}.inline{display:flex;gap:8px}.inline input{min-width:0;flex:1}.actions{display:flex;gap:10px;margin:14px 0}.file-button{font-size:12px;margin:0}.file-button input{display:none}#clear{color:#a34130;font-size:12px}footer{text-align:center;font-size:11px;color:#62747c;padding:20px}#print-area{display:none}@media(max-width:960px){.workspace{grid-template-columns:1fr}.settings{gap:14px}button.primary{margin-left:0}.settings>div{min-width:100px}}@media(max-width:520px){main{padding:12px}.card{padding:14px}header{padding:24px 18px}.section-head{align-items:start;flex-direction:column}th:first-child{width:65px}td input{font-size:12px;padding:8px 3px}.tabs{margin:8px 0}.preview svg{min-width:350px}}@media print{body{background:white;margin:0}body>header,body>main,body>footer{display:none!important}#print-area{display:block}#print-area svg{display:block;max-width:none;margin:0 0 12mm;break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

@media print{#print-area{padding-left:1mm;padding-top:1mm}}
