.ky-ut-production{font-family:system-ui,"Meiryo",sans-serif;color:light-dark(#203344,#e1eaf2);color-scheme:light;background:light-dark(#fff,#17232e);border:1px solid light-dark(#d9e3eb,#3a4b59);border-radius:16px;padding:28px;box-sizing:border-box;font-size:14px}
.ky-ut-production *{box-sizing:border-box}.ky-ut-production h2{font-size:23px;margin:0 0 8px;font-weight:700}.ky-ut-production p{margin:0 0 20px;color:light-dark(#576978,#b2c2cf);line-height:1.7}.ky-ut-production .fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ky-ut-production label{display:block;font-weight:600;margin-bottom:8px}.ky-ut-production .tag{font-size:11px;padding:3px 7px;border-radius:4px;margin-left:8px;background:light-dark(#e9eef3,#344554);color:light-dark(#44586a,#d3e0ea);white-space:nowrap}.ky-ut-production .entry{display:flex;align-items:center;gap:10px}.ky-ut-production input{width:100%;min-width:0;padding:12px;border:1px solid light-dark(#aebfcc,#6e8394);background:light-dark(#fff,#202f3c);color:inherit;border-radius:7px;font:inherit;font-size:18px;font-variant-numeric:tabular-nums}.ky-ut-production .unit{white-space:nowrap;min-width:30px}.ky-ut-production .optional{margin-top:22px;padding:18px;background:light-dark(#fffcf6,#292923);border:1px solid light-dark(#ece7dc,#48483f);border-radius:9px}.ky-ut-production .optional .tag{background:light-dark(#f2eee5,#414035);color:light-dark(#655e50,#ded9ca)}.ky-ut-production .optional .entry{max-width:340px}.ky-ut-production .hint{font-size:12px;margin:8px 0 0;color:light-dark(#716c61,#c7c4b8)}.ky-ut-production button{border:0;border-radius:8px;padding:14px 22px;font:inherit;font-weight:600;background:light-dark(#176b89,#68c3df);color:light-dark(#fff,#102832);margin:22px 0;width:100%}.ky-ut-production .results{background:light-dark(#eff7fb,#203746);border-radius:10px;padding:20px}.ky-ut-production h3{margin:0 0 16px;font-size:15px}.ky-ut-production .outputs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.ky-ut-production .caption{font-size:12px;color:light-dark(#516b7c,#b9cddc);margin-bottom:6px}.ky-ut-production output{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ky-ut-production .detail{margin-top:16px;padding-top:14px;border-top:1px solid light-dark(#cddfe9,#496171);font-size:12px;line-height:1.8}.ky-ut-production .note{font-size:12px;margin:12px 0 0}.ky-ut-production [role=alert]{color:light-dark(#ac2121,#ffb3ad);margin:0 0 14px}.ky-ut-production [hidden]{display:none}@media(max-width:520px){.ky-ut-production{padding:18px}.ky-ut-production .fields{grid-template-columns:1fr;gap:16px}.ky-ut-production .outputs{grid-template-columns:1fr}.ky-ut-production output{font-size:24px}}