.bag-making[data-v-93e7b12e]{margin:0 auto;max-width:600px}h1[data-v-93e7b12e]{color:#2c3e50;margin-bottom:2rem}.calculator[data-v-93e7b12e]{background:#fff;box-shadow:0 2px 8px #0000001a;flex-direction:column;padding:2rem}.calculator[data-v-93e7b12e],.diagram[data-v-93e7b12e]{border-radius:8px;display:flex}.diagram[data-v-93e7b12e]{background-color:#f8f9fa;justify-content:center;margin-bottom:2rem;padding:1rem}.diagram svg[data-v-93e7b12e]{height:auto;max-width:500px}.svg-input-container[data-v-93e7b12e]{align-items:center;background:#fff;border:1px solid #3498db;border-radius:4px;display:flex;height:100%;padding:2px 4px}.svg-input-container.transparent[data-v-93e7b12e]{background:transparent;border-color:#3498db80}.svg-input-container.warning[data-v-93e7b12e]{border-color:#fbc02d80}.svg-input-container.alert[data-v-93e7b12e]{border-color:#ffa00080}.svg-input-container input[data-v-93e7b12e]{background:transparent;border:none;font-size:10px;outline:none;padding:0;text-align:right;width:100%}.svg-input-container input[data-v-93e7b12e]::-webkit-inner-spin-button,.svg-input-container input[data-v-93e7b12e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.svg-unit[data-v-93e7b12e]{color:#666;font-size:8px;margin-left:2px;white-space:nowrap}.svg-divider[data-v-93e7b12e]{color:#666;font-size:10px;margin:0 4px}.form[data-v-93e7b12e]{gap:1.5rem;margin-bottom:2rem}.form[data-v-93e7b12e],.number-input[data-v-93e7b12e]{display:flex;flex-direction:column}.number-input[data-v-93e7b12e]{gap:.5rem}.number-input label[data-v-93e7b12e]{color:#333;font-weight:700}.number-input input[data-v-93e7b12e]{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.hint[data-v-93e7b12e]{color:#666;font-size:.9rem;margin-top:-1rem}.btn-primary[data-v-93e7b12e]{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background-color .3s}.btn-primary[data-v-93e7b12e]:hover{background-color:#2980b9}.result[data-v-93e7b12e]{background-color:#f8f9fa;border-radius:4px;margin-top:2rem;padding:1.5rem}.result h2[data-v-93e7b12e]{color:#2c3e50;margin-bottom:1rem}.result-item[data-v-93e7b12e]{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:.5rem 0}.result-item.total[data-v-93e7b12e]{border-bottom:none;border-top:2px solid #2c3e50;font-size:1.2rem;margin-top:.5rem;padding-top:1rem}.label[data-v-93e7b12e]{color:#666}.label[data-v-93e7b12e],.value[data-v-93e7b12e]{font-weight:700}.value[data-v-93e7b12e]{color:#2c3e50;font-size:1.2rem}.error[data-v-93e7b12e]{background-color:#fee;border-radius:4px;color:#c33;margin-top:1rem;padding:1rem}