*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{color:#333;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-break{page-break-after:always;break-after:page}@media print{html,body,#app{background:#fff;height:auto;overflow:visible}.no-print{display:none!important}.print-area{background:#fff;width:100%;height:auto;overflow:visible;display:block!important}}.print-page[data-v-9a8f9ec9]{background:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.page-content[data-v-9a8f9ec9]{text-align:center;width:100%;padding:40px}.project-name[data-v-9a8f9ec9]{letter-spacing:2px;color:#000;margin-bottom:48px;font-weight:700}.piece-count[data-v-9a8f9ec9]{letter-spacing:1px;color:#000;font-weight:700}.remark[data-v-9a8f9ec9]{color:#000;white-space:pre-wrap;word-break:break-all;margin-top:32px;font-weight:400}.app-container[data-v-5fc3a0a4]{flex-direction:column;align-items:center;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.toolbar[data-v-5fc3a0a4]{background:#fff;border-radius:12px;width:100%;max-width:720px;margin:16px auto;padding:20px 24px;box-shadow:0 2px 8px #00000014}.title[data-v-5fc3a0a4]{text-align:center;color:#1a1a1a;margin-bottom:20px;font-size:22px;font-weight:600}.form-row[data-v-5fc3a0a4]{gap:12px;margin-bottom:12px;display:flex}.form-row[data-v-5fc3a0a4]:last-of-type{margin-bottom:0}.form-group[data-v-5fc3a0a4]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.form-group label[data-v-5fc3a0a4]{color:#555;font-size:13px;font-weight:500}.input[data-v-5fc3a0a4]{border:1px solid #d9d9d9;border-radius:6px;outline:none;height:38px;padding:0 10px;font-size:14px;transition:border-color .2s}.input[data-v-5fc3a0a4]:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.toggle-group[data-v-5fc3a0a4]{border:1px solid #d9d9d9;border-radius:6px;height:38px;display:flex;overflow:hidden}.toggle-btn[data-v-5fc3a0a4]{color:#555;cursor:pointer;white-space:nowrap;background:#fafafa;border:none;flex:1;padding:0 8px;font-size:14px;font-weight:500;transition:all .15s}.toggle-btn[data-v-5fc3a0a4]:not(:last-child){border-right:1px solid #d9d9d9}.toggle-btn.active[data-v-5fc3a0a4]{color:#fff;background:#1677ff}.toggle-btn[data-v-5fc3a0a4]:not(.active):hover{background:#e8e8e8}.quantity-wrap[data-v-5fc3a0a4]{align-items:center;gap:0;display:flex}.qty-input[data-v-5fc3a0a4]{text-align:center;appearance:textfield;border-radius:0;flex:1}.qty-input[data-v-5fc3a0a4]::-webkit-inner-spin-button{appearance:none;margin:0}.qty-input[data-v-5fc3a0a4]::-webkit-outer-spin-button{appearance:none;margin:0}.qty-btn[data-v-5fc3a0a4]{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border:1px solid #d9d9d9;justify-content:center;align-items:center;width:36px;height:38px;font-size:18px;line-height:1;transition:all .15s;display:flex}.qty-btn[data-v-5fc3a0a4]:first-child{border-right:none;border-radius:6px 0 0 6px}.qty-btn[data-v-5fc3a0a4]:last-child{border-left:none;border-radius:0 6px 6px 0}.qty-btn[data-v-5fc3a0a4]:hover:not(:disabled){background:#e8e8e8}.qty-btn[data-v-5fc3a0a4]:active:not(:disabled){background:#d9d9d9}.qty-btn[data-v-5fc3a0a4]:disabled{color:#ccc;cursor:not-allowed;background:#f5f5f5}.font-size-row[data-v-5fc3a0a4]{flex-wrap:wrap;gap:12px;display:flex}.font-size-field[data-v-5fc3a0a4]{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.font-size-field label[data-v-5fc3a0a4]{color:#555;font-size:13px;font-weight:500}.font-size-control[data-v-5fc3a0a4]{align-items:center;gap:0;display:flex}.size-input[data-v-5fc3a0a4]{text-align:center;appearance:textfield;border-radius:0;flex:1;min-width:0}.size-input[data-v-5fc3a0a4]::-webkit-inner-spin-button{appearance:none;margin:0}.size-input[data-v-5fc3a0a4]::-webkit-outer-spin-button{appearance:none;margin:0}.size-btn[data-v-5fc3a0a4]{width:30px;height:38px;font-size:16px}.size-btn[data-v-5fc3a0a4]:first-child{border-right:none;border-radius:6px 0 0 6px}.size-btn[data-v-5fc3a0a4]:last-child{border-left:none;border-radius:0 6px 6px 0}.size-btn[data-v-5fc3a0a4]:hover:not(:disabled){background:#e8e8e8}.size-btn[data-v-5fc3a0a4]:active:not(:disabled){background:#d9d9d9}.size-btn[data-v-5fc3a0a4]:disabled{color:#ccc;cursor:not-allowed;background:#f5f5f5}.unit[data-v-5fc3a0a4]{color:#888;white-space:nowrap;margin-left:6px;font-size:13px}.button-row[data-v-5fc3a0a4]{border-top:1px solid #f0f0f0;justify-content:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.btn[data-v-5fc3a0a4]{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;height:40px;padding:0 28px;font-size:15px;font-weight:500;transition:all .2s}.btn-print[data-v-5fc3a0a4]{color:#fff;background:#52c41a}.btn-print[data-v-5fc3a0a4]:hover{background:#73d13d}.preview-area[data-v-5fc3a0a4]{background:#fff;border-radius:12px;width:100%;max-width:720px;margin-bottom:40px;padding:20px 24px;box-shadow:0 2px 8px #00000014}.preview-header[data-v-5fc3a0a4]{color:#333;border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:500}.preview-pages[data-v-5fc3a0a4]{flex-direction:column;align-items:center;gap:24px;display:flex}.preview-page-wrap[data-v-5fc3a0a4]{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.preview-page[data-v-5fc3a0a4]{border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.remark-input-wrap[data-v-5fc3a0a4]{align-items:center;gap:8px;width:100%;max-width:400px;display:flex}.remark-label[data-v-5fc3a0a4]{color:#555;white-space:nowrap;font-size:14px;font-weight:500}.remark-input[data-v-5fc3a0a4]{border:1px solid #d9d9d9;border-radius:6px;outline:none;flex:1;height:36px;padding:0 10px;font-size:14px;transition:border-color .2s}.remark-input[data-v-5fc3a0a4]:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.remark-input[data-v-5fc3a0a4]::placeholder{color:#bbb}.print-area[data-v-5fc3a0a4]{display:none}.preview-footer[data-v-5fc3a0a4]{border-top:1px solid #f0f0f0;justify-content:center;margin-top:20px;padding-top:16px;display:flex}@media (width<=640px){.toolbar[data-v-5fc3a0a4],.preview-area[data-v-5fc3a0a4]{border-radius:8px;margin:8px auto;padding:12px 14px}.title[data-v-5fc3a0a4]{margin-bottom:14px;font-size:18px}.form-group label[data-v-5fc3a0a4],.font-size-field label[data-v-5fc3a0a4]{font-size:11px}.input[data-v-5fc3a0a4]{max-width:100%;height:34px;font-size:12px}.qty-btn[data-v-5fc3a0a4]{width:40px;height:34px;font-size:20px}.qty-input[data-v-5fc3a0a4]{height:34px}.size-btn[data-v-5fc3a0a4]{width:28px;height:34px;font-size:14px}.size-input[data-v-5fc3a0a4],.toggle-group[data-v-5fc3a0a4]{height:34px}.toggle-btn[data-v-5fc3a0a4]{height:34px;font-size:14px}.unit[data-v-5fc3a0a4]{font-size:10px}.button-row[data-v-5fc3a0a4]{flex-direction:column;align-items:stretch;margin-top:12px;padding-top:12px}.btn[data-v-5fc3a0a4]{width:100%;height:40px;padding:0 16px;font-size:15px}.preview-page[data-v-5fc3a0a4]{border-radius:3px}.preview-header[data-v-5fc3a0a4]{font-size:13px}.remark-input-wrap[data-v-5fc3a0a4]{max-width:100%}.remark-input[data-v-5fc3a0a4]{height:32px;font-size:12px}.remark-label[data-v-5fc3a0a4]{font-size:12px}.preview-footer[data-v-5fc3a0a4]{margin-top:14px;padding-top:12px}.preview-footer .btn[data-v-5fc3a0a4]{width:100%}}