*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,sans-serif;background:#f0f2f5;color:#1a1a1a}@media print{@page{size:landscape;margin:8mm}.app-header,.add-row-below,.tabs-qc-wrapper,.ep-popup{display:none!important}html,body,#root{height:auto!important;background:#fff!important}.app{height:auto!important;overflow:visible!important}.preview-area{display:block!important;overflow:visible!important;padding:0!important;background:#fff!important}.qp-root{width:100%!important;box-shadow:none!important}}.qp-root{font-family:Inter,sans-serif;background:#fff;display:inline-block;width:1485px;box-shadow:0 4px 24px #0000001f}.qp-table{width:100%;border-collapse:collapse;table-layout:fixed}.qp-col-a{width:6%}.qp-col-b{width:9.13%}.qp-col-c{width:9.28%}.qp-col-d{width:12%}.qp-col-e{width:11.3%}.qp-col-f{width:8%}.qp-col-g{width:10.87%}.qp-col-h{width:11.81%}.qp-col-i{width:12.17%}.qp-col-j{width:9.44%}.qp-cell{border:1px solid #DDDDDD;overflow:hidden;vertical-align:middle;text-align:center}.qp-editable{cursor:pointer;transition:background-color .05s;position:relative}html:not(.qp-kb-nav) .qp-editable:hover{background-color:#5038ac12!important}.qp-cell--active{outline:2px solid #5038AC!important;outline-offset:-2px;background-color:#5038ac0f!important}.qp-hrow{height:30px}.qp-logo-cell{background:#fff;padding:8px 10px;text-align:center}.qp-logo{max-width:83%;max-height:54px;width:auto;height:auto;object-fit:contain;display:block;margin:auto}.qp-title-cell{background:#fff;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.3px}.qp-info-cell{background:#fff;color:#1a1a1a;line-height:1.5;padding:2px 6px}.qp-info-label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1px}.qp-info-value{display:block;font-size:14.5px;font-weight:600;color:#1a1a1a}.qp-agent-name{color:#5038ac}.qp-chrow{height:46px}.qp-ch{background:#5038ac;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0;padding:2px 4px}.qp-fillrow{height:22px;background:#fafafe}.qp-fillrow-empty{border-right:none}.qp-fillrow-cell{text-align:center;padding:3px 4px!important}.qp-fill-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:16px;border:1px solid #C4B8F0;border-radius:3px;background:#f0eeff;color:#7b68c8;font-size:9px;cursor:pointer;transition:background .1s,color .1s,border-color .1s;line-height:1;padding:0}.qp-fill-btn:hover{background:#5038ac;color:#fff;border-color:#5038ac}.qp-drow{height:75px}.qp-drow td{font-weight:600}.qp-cell--focused{background-color:#5038ac0f!important;outline:2px solid #5038AC!important;outline-offset:-2px}.qp-col-selected{background:#5038ac17!important;outline:1px solid rgba(80,56,172,.35)!important;outline-offset:-1px}.qp-inline-input,.qp-inline-textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;outline:2px solid #5038AC;outline-offset:-2px;background:#f5f3ff;font-family:Inter,sans-serif;color:#1a1a1a;text-align:center;padding:4px 7px;box-sizing:border-box;z-index:2}.qp-inline-textarea{resize:none;line-height:1.4;text-align:center!important;overflow-y:auto}.qp-d-number{font-size:14px;font-weight:700;color:#1a1a1a;background:#fff;position:relative}.qp-delete-btn{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:5px;border:1px solid #EAB8B8;background:#fff5f5;color:#b84040;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;padding:0}.qp-drow:hover .qp-delete-btn{opacity:1}.qp-delete-btn:hover{background:#f5d0d0}.qp-d-image{background:#fff;padding:6px}.qp-product-img{max-width:100%;max-height:62px;object-fit:contain;display:block;margin:auto}.qp-img-ph{font-size:11px;color:#aaa}.qp-pill{display:inline-block;padding:3px 16px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:0}.qp-pill-yes{background:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.qp-pill-no{background:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}.qp-nhrow{height:36px}.qp-notes-hdr{background:#5038ac;color:#fff;font-size:12px;font-weight:700;text-align:center;letter-spacing:.2px}.qp-nrow{height:32px}.qp-n-num{font-size:12px;font-weight:700;color:#1a1a1a;background:#fff}.qp-n-text{font-size:13px;color:#1a1a1a;text-align:left;padding:2px 10px;background:#fff}.qp-n-alt{background:#f7f7f7}.ep-popup{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;width:288px;font-family:Inter,sans-serif;overflow:hidden;border:1px solid #E2E4E8}.ep-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid #F0F0F0;background:#fafafa}.ep-popup-title{font-size:12px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:6px}.ep-popup-row-badge{background:#5038ac;color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:99px}.ep-popup-close{background:none;border:none;font-size:13px;color:#999;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1;transition:background .12s,color .12s}.ep-popup-close:hover{background:#f0f0f0;color:#333}.ep-popup-body{padding:14px}.ep-popup-footer{display:flex;gap:6px;padding:10px 14px 12px;border-top:1px solid #F0F0F0;background:#fafafa}.ep-popup-btn{flex:1;font-family:Inter,sans-serif;font-size:11px;font-weight:600;padding:7px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s}.ep-popup-prev{background:#f5f3ff;color:#5038ac;border-color:#d8d0f5;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-popup-prev:hover{background:#eae6ff}.ep-popup-prev em{font-style:normal;font-weight:700;background:#ddd6f8;border-radius:3px;padding:0 4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.ep-popup-fill{background:#5038ac;color:#fff;border-color:#5038ac}.ep-popup-fill:hover{background:#3d2b8a}.ep-input,.ep-textarea{width:100%;font-family:Inter,sans-serif;font-size:13px;color:#1a1a1a;background:#fafafa;border:1px solid #DDD;border-radius:6px;padding:8px 10px;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.ep-input:focus,.ep-textarea:focus{border-color:#5038ac;background:#fff;box-shadow:0 0 0 3px #5038ac1a}.ep-textarea{resize:vertical;min-height:80px}.ep-img-editor{display:flex;flex-direction:column;align-items:center;gap:10px}.ep-img-drop{width:100%;height:120px;border:2px dashed #DDD;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#aaa;font-size:12px;transition:border-color .15s,background .15s}.ep-img-drop:hover{border-color:#5038ac;background:#faf9ff;color:#5038ac}.ep-img-large{max-width:100%;max-height:140px;object-fit:contain;border-radius:6px;border:1px solid #EEE}.ep-img-remove{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#c33;background:#fee2e2;border:1px solid #FCA5A5;border-radius:5px;padding:4px 10px;cursor:pointer;transition:background .15s}.ep-img-remove:hover{background:#fdd}.ep-upload-btn{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#5038ac;background:#f5f3ff;border:1px solid #C4B8F0;border-radius:6px;padding:6px 14px;cursor:pointer;transition:background .15s}.ep-upload-btn:hover{background:#eae6ff}.ep-toggle-wrap{display:flex;border:1px solid #DDD;border-radius:8px;overflow:hidden;width:100%}.ep-toggle-btn{flex:1;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:12px;border:none;cursor:pointer;background:#fafafa;color:#bbb;transition:background .15s,color .15s;letter-spacing:.5px}.ep-toggle-btn.tgl-yes{background:#d1fae5;color:#065f46}.ep-toggle-btn.tgl-no{background:#fee2e2;color:#991b1b}.ep-price-editor{display:flex;flex-direction:column;gap:8px}.ep-price-row{display:flex;flex-direction:column;gap:4px}.ep-price-row label{font-size:11px;font-weight:600;color:#666}.ep-price-row input{width:100%;font-family:Inter,sans-serif;font-size:13px;color:#1a1a1a;background:#fafafa;border:1px solid #DDD;border-radius:6px;padding:7px 10px;outline:none;box-sizing:border-box;transition:border-color .15s;-moz-appearance:textfield}.ep-price-row input::-webkit-outer-spin-button,.ep-price-row input::-webkit-inner-spin-button{-webkit-appearance:none}.ep-price-row input:focus{border-color:#5038ac;background:#fff;box-shadow:0 0 0 3px #5038ac1a}.ep-price-total{margin-top:4px;padding-top:8px;border-top:1px solid #EEE;font-size:13px;color:#555;text-align:right}.ep-price-total strong{font-size:16px;color:#5038ac}.tabs-bar{display:flex;align-items:flex-end;gap:2px;width:1485px;max-width:100%;padding:0 0 0 4px;font-family:Inter,sans-serif}.tab-item{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #C4B8F0;border-bottom:none;border-radius:8px 8px 0 0;background:#ede8ff;color:#5038ac;font-size:12px;font-weight:600;cursor:pointer;min-width:80px;max-width:180px;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none;position:relative}.tab-item:hover:not(.tab-active){background:#e0d8ff}.tab-active{background:#fff;border-color:#5038ac;color:#5038ac;z-index:1}.tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tab-rename-input{flex:1;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#5038ac;width:90px;min-width:0;padding:0}.tab-close{background:none;border:none;color:#a89ed8;cursor:pointer;font-size:10px;padding:0 0 0 4px;line-height:1;transition:color .12s;flex-shrink:0}.tab-close:hover{color:#dc2626}.tab-add{padding:6px 14px;border:1.5px dashed #C4B8F0;border-bottom:none;border-radius:8px 8px 0 0;background:transparent;color:#7b68c8;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.tab-add:hover{background:#ede8ff;color:#5038ac}.qc-panel{width:1485px;max-width:100%;background:#fff;border-radius:0 0 10px 10px;border:1px solid #DDDDDD;border-top:none;font-family:Inter,sans-serif;overflow:hidden}.qc-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f5f3ff;border-bottom:1px solid #E8E4F8}.qc-title{font-size:12px;font-weight:700;color:#5038ac;white-space:nowrap}.qc-hint{font-size:11px;color:#999;flex:1}.qc-upload-btn{padding:5px 14px;border:1.5px solid #C4B8F0;border-radius:6px;background:#fff;color:#5038ac;font-family:Inter,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:background .12s;white-space:nowrap}.qc-upload-btn:hover:not(:disabled){background:#ede8ff}.qc-upload-btn:disabled{opacity:.6;cursor:not-allowed}.qc-error{padding:6px 16px;font-size:11px;color:#dc2626;background:#fef2f2;margin:0}.qc-drop-zone{padding:12px 16px;min-height:72px;transition:background .12s}.qc-drop-zone.qc-drag-over{background:#ede8ff;outline:2px dashed #5038AC;outline-offset:-4px}.qc-drop-zone.qc-empty{cursor:pointer;display:flex;align-items:center;justify-content:center}.qc-empty-msg{display:flex;flex-direction:column;align-items:center;gap:6px;color:#c4b8f0;font-size:12px;padding:8px 0;-webkit-user-select:none;user-select:none}.qc-grid{display:flex;flex-wrap:wrap;gap:12px}.qc-item{display:flex;flex-direction:column;gap:4px;width:120px}.qc-thumb{position:relative;width:120px;height:90px;border-radius:6px;overflow:hidden;background:#f3f3f3;border:1px solid #E0E0E0}.qc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.qc-video-thumb{position:relative;width:100%;height:100%}.qc-video-thumb video{width:100%;height:100%;object-fit:cover;display:block}.qc-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000059;gap:4px}.qc-video-link{font-size:9px;color:#ffffffd9;text-decoration:underline;margin-top:2px}.qc-item-remove{position:absolute;top:4px;right:4px;background:#0000008c;border:none;color:#fff;border-radius:99px;width:18px;height:18px;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.qc-thumb:hover .qc-item-remove{opacity:1}.qc-caption-area{padding:0 2px}.qc-caption-text{font-size:10px;color:#555;cursor:pointer;display:block;word-break:break-word;line-height:1.3}.qc-caption-empty{color:#ccc;font-style:italic}.qc-caption-input{width:100%;border:none;border-bottom:1px solid #5038AC;outline:none;font-family:Inter,sans-serif;font-size:10px;color:#333;background:transparent;padding:0;box-sizing:border-box}.fa-popup{background:#fff;border:1.5px solid #C4B8F0;border-radius:10px;box-shadow:0 8px 32px #5038ac2e;width:260px;font-family:Inter,sans-serif;overflow:hidden}.fa-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;background:#f5f3ff;border-bottom:1px solid #E8E4F8}.fa-popup-title{font-size:12px;font-weight:700;color:#5038ac}.fa-popup-title em{font-style:normal;font-weight:600;color:#333}.fa-popup-close{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0 2px;line-height:1;transition:color .12s}.fa-popup-close:hover{color:#333}.fa-popup-body{padding:12px 14px}.fa-text-wrap{display:flex;flex-direction:column;gap:10px}.fa-input{width:100%;padding:7px 10px;border:1.5px solid #E2E4E8;border-radius:6px;font-family:Inter,sans-serif;font-size:13px;color:#1a1a1a;box-sizing:border-box;outline:none;transition:border-color .15s}.fa-input:focus{border-color:#5038ac}.fa-textarea{width:100%;padding:7px 10px;border:1.5px solid #E2E4E8;border-radius:6px;font-family:Inter,sans-serif;font-size:13px;color:#1a1a1a;box-sizing:border-box;outline:none;resize:vertical;min-height:80px;transition:border-color .15s}.fa-textarea:focus{border-color:#5038ac}.fa-confirm-btn{padding:7px 14px;border:none;border-radius:6px;background:#5038ac;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:700;cursor:pointer;width:100%;transition:background .15s}.fa-confirm-btn:hover{background:#3d2b8a}.fa-toggle-wrap{display:flex;gap:10px}.fa-toggle-btn{flex:1;padding:10px 0;border:2px solid #E2E4E8;border-radius:7px;background:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.fa-tgl-yes{color:#059669}.fa-tgl-yes:hover{background:#ecfdf5;border-color:#059669}.fa-tgl-no{color:#dc2626}.fa-tgl-no:hover{background:#fef2f2;border-color:#dc2626}.fa-price-wrap{display:flex;flex-direction:column;gap:8px}.fa-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.fa-price-row label{font-size:11px;color:#666;white-space:nowrap}.fa-price-row input{width:90px;padding:5px 8px;border:1.5px solid #E2E4E8;border-radius:5px;font-family:Inter,sans-serif;font-size:13px;text-align:right;outline:none;transition:border-color .15s}.fa-price-row input:focus{border-color:#5038ac}.fa-price-total{text-align:right;font-size:12px;color:#555;padding:2px 0 4px;border-top:1px solid #F0F0F0}.fa-price-total strong{color:#1a1a1a}.fa-img-wrap{display:flex;flex-direction:column;gap:8px;align-items:center}.fa-img-preview{width:180px;height:120px;object-fit:contain;border-radius:6px;border:1px solid #E2E4E8;background:#f9f9f9}.fa-img-drop{width:180px;height:100px;border:2px dashed #C4B8F0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#999;font-size:11px;cursor:pointer;background:#fafafe;transition:background .12s,border-color .12s}.fa-img-drop:hover{background:#f0eeff;border-color:#5038ac}.fa-img-remove{background:none;border:none;color:#dc2626;font-size:11px;cursor:pointer;padding:0;text-decoration:underline;font-family:Inter,sans-serif}.fa-upload-btn{width:100%;padding:7px 0;border:1.5px solid #C4B8F0;border-radius:6px;background:#f5f3ff;color:#5038ac;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.fa-upload-btn:hover{background:#ede8ff}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:12px;padding:0 24px;height:52px;background:#fff;border-bottom:1px solid #E2E4E8;flex-shrink:0;box-shadow:0 1px 4px #0000000f}.app-logo-text{font-size:16px;font-weight:700;color:#5038ac;letter-spacing:-.3px}.app-agent-badge{background:#5038ac;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.3px}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn-add-row{padding:6px 14px;border:1.5px dashed #C4B8F0;border-radius:7px;background:#f5f3ff;color:#5038ac;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-add-row:hover{background:#eae6ff;border-color:#5038ac}.btn-pdf{padding:7px 18px;border:1.5px solid #C4B8F0;border-radius:7px;background:#f5f3ff;color:#5038ac;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-pdf:hover{background:#eae6ff}.btn-export{padding:7px 18px;border:none;border-radius:7px;background:#e8720c;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-export:hover:not(:disabled){background:#d16409}.btn-export:disabled{opacity:.6;cursor:not-allowed}.btn-save{padding:7px 20px;border:none;border-radius:7px;background:#5038ac;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.btn-save:hover:not(:disabled){background:#3d2b8a}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save.saved{background:#059669}.btn-save.error{background:#dc2626}.btn-history{display:flex;align-items:center;gap:5px;padding:7px 14px;border:1.5px solid #E2E4E8;border-radius:7px;background:#fff;color:#555;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-history:hover{background:#f5f3ff;border-color:#c4b8f0;color:#5038ac}.history-badge{background:#5038ac;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;line-height:1.4}.saved-banner{display:flex;align-items:center;gap:10px;padding:9px 20px;background:#ecfdf5;border-bottom:1px solid #6EE7B7;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;flex-wrap:wrap}.saved-banner-text{color:#065f46;font-weight:600;white-space:nowrap}.saved-banner-link{color:#5038ac;font-weight:600;text-decoration:none;word-break:break-all;flex:1}.saved-banner-link:hover{text-decoration:underline}.saved-banner-copy{padding:4px 12px;background:#5038ac;color:#fff;border:none;border-radius:5px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.saved-banner-copy:hover{background:#3d2b8a}.saved-banner-close{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0 4px;line-height:1;transition:color .12s}.saved-banner-close:hover{color:#333}.history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.history-panel{position:fixed;top:52px;right:0;width:320px;max-height:calc(100vh - 52px);background:#fff;border-left:1px solid #E2E4E8;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;z-index:500;font-family:Inter,sans-serif}.history-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ECEEF2;font-size:13px;font-weight:700;color:#1a1a1a;flex-shrink:0}.history-close{background:none;border:none;font-size:16px;color:#999;cursor:pointer;padding:0 2px;transition:color .12s}.history-close:hover{color:#333}.history-list{overflow-y:auto;flex:1;padding:8px 0}.history-empty{color:#999;font-size:12px;text-align:center;padding:24px}.history-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;transition:background .12s;border-bottom:1px solid #F5F5F5}.history-item:hover{background:#f9f8ff}.history-agent{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}.history-agent--hazel{background:#f5f3ff;color:#5038ac}.history-agent--sara{background:#fef3c7;color:#92400e}.history-agent--abby{background:#fce7f3;color:#9d174d}.history-meta{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.history-date{font-size:12px;font-weight:600;color:#1a1a1a}.history-ship{font-size:11px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-slug{font-size:10px;color:#ccc;font-family:monospace;white-space:nowrap}.history-date-sep{padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#aaa;border-top:1px solid #ECEEF2}.history-date-sep:first-child{border-top:none}.history-save-name{font-size:12px;font-weight:600;color:#1a1a1a}.history-untitled{color:#bbb;font-style:italic;font-weight:400}.history-id{font-size:10px;color:#ccc;font-family:monospace;white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:12px;padding:28px 28px 24px;width:420px;max-width:90vw;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;gap:16px}.modal-title{font-size:16px;font-weight:700;color:#1a1a1a}.modal-hint{font-size:12px;color:#777;margin:-8px 0 0}.modal-name-input{width:100%;padding:9px 12px;border:1.5px solid #E2E4E8;border-radius:7px;font-family:Inter,sans-serif;font-size:13px;color:#1a1a1a;box-sizing:border-box;outline:none;transition:border-color .15s}.modal-name-input:focus{border-color:#5038ac}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-btn-primary{padding:8px 20px;border:none;border-radius:7px;background:#5038ac;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.modal-btn-primary:hover{background:#3d2b8a}.modal-btn-cancel{padding:8px 16px;border:1.5px solid #E2E4E8;border-radius:7px;background:#fff;color:#555;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.modal-btn-cancel:hover{background:#f5f5f5}.preview-area{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:32px 32px 48px;gap:16px;background:#dfe2e8}.add-row-below{font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 28px;background:#fff;color:#5038ac;border:1.5px dashed #C4B8F0;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;width:1485px;max-width:100%}.add-row-below:hover{background:#f5f3ff;border-color:#5038ac}.tabs-qc-wrapper{width:1485px;max-width:100%;display:flex;flex-direction:column}