*{box-sizing:border-box}body{margin:0;background:#ffffff;color:#111111;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:32px 0}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #d8d8d8;margin-bottom:16px}h1,h2,p{margin-top:0}h1{font-size:28px}h2{font-size:20px}.lead{margin-bottom:20px}.layout{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.panel{border:1px solid #d8d8d8;border-radius:4px;padding:18px;background:#ffffff}.sheet-form{display:grid;grid-gap:12px;gap:12px}.field-group,label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:700}.field-group{margin:0;padding:0;border:0}.field-group legend{padding:0}.unit-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}button,input{min-height:38px;border:1px solid #a8a8a8;border-radius:4px;background:#ffffff;color:#111111;font:inherit}input{width:100%;padding:8px 10px}button{cursor:pointer;padding:8px 12px;font-weight:700}.result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.sheet-table{width:100%;border-collapse:collapse;margin-top:14px}.sheet-table td,.sheet-table th{border:1px solid #d8d8d8;padding:10px;vertical-align:top}.sheet-table th{width:170px;text-align:left;background:#f7f7f7}.sheet-table td:nth-child(2){width:190px;text-align:right;font-weight:700;white-space:nowrap}.sheet-table td:nth-child(3){color:#555555;font-size:13px}.error{border:1px solid #a33;color:#8a1f1f;padding:10px 12px;margin-bottom:16px}@media (max-width:820px){.layout{grid-template-columns:1fr}.page-header,.result-heading{flex-direction:column;align-items:flex-start}}