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