@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#f4f5f7;--surface:#fff;--border:#e2e5ea;--text:#1a1d23;--muted:#6b7280;--primary:#ff0036;--primary-hover:#e6002f;--shadow:0 1px 3px #00000014;--radius:8px;--sidebar-right-min:442px;--sidebar-right-max:510px;color:var(--text);background:var(--bg);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}body{min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app.loading{color:var(--muted);justify-content:center;align-items:center}.login-page{background:radial-gradient(ellipse at 20% 10%, #ffe4e8 0%, transparent 50%), radial-gradient(ellipse at 80% 90%, #e8eef7 0%, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:28px 24px;display:flex}.login-brand h1{margin:0;font-size:1.5rem;font-weight:700}.login-brand p{color:var(--muted);margin:6px 0 8px;font-size:.8125rem}.login-error{color:#c62828;margin:0;font-size:.8125rem}.login-submit{width:100%;margin-top:4px}.header-user{color:var(--muted);align-items:center;gap:8px;margin-right:4px;font-size:.8125rem;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.header-title h1{margin:0;font-size:1.25rem;font-weight:700}.subtitle{color:var(--muted);font-size:.75rem}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover:not(:disabled){background:#eaeaec}.file-btn{align-items:center;display:inline-flex}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem}.btn-link.danger{color:#dc2626}.layout{grid-template-columns:minmax(360px, 420px) 1fr minmax(var(--sidebar-right-min), var(--sidebar-right-max));flex:1;gap:0;min-height:0;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:12px;overflow:auto}.sidebar.right{border-right:none;border-left:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 20px 24px;display:flex}.sidebar.right .panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0;padding:16px 18px}.sidebar.right .panel h3{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px}.sidebar.right .panel-header{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.sidebar.right .panel-header h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600}.sidebar.right .asset-panel{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.sidebar.right .asset-panel>h3,.sidebar.right .asset-panel>.field:nth-child(2),.sidebar.right .asset-panel>.product-asset-section{grid-column:1/-1}.sidebar.right .pricing-panel{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.sidebar.right .pricing-panel>h3,.sidebar.right .pricing-panel>.field.checkbox{grid-column:1/-1}.sidebar.right .custom-field-cards{gap:12px}.sidebar.right .custom-field-card{background:var(--surface);padding:14px 16px}.sidebar.right .custom-field-card-header{flex-wrap:wrap;gap:8px}.sidebar.right .text-style-panel{background:var(--bg);margin-bottom:0}.sidebar.right .scope-toggle{gap:10px}.sidebar.right .scope-toggle label{flex:1;justify-content:center;min-width:0}.sidebar.right .text-style-grid{grid-template-columns:1fr 1fr;gap:14px 16px}.sidebar.right .text-style-grid>.field:first-child{grid-column:1/-1}.sidebar.right .effect-fields{grid-template-columns:repeat(3,1fr)}.sidebar.right .thumb{width:80px;height:50px}.center{flex-direction:column;justify-content:flex-start;align-items:center;padding:16px;display:flex;overflow:auto}.panel{margin-bottom:16px}.panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.875rem;font-weight:600}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-header h2{margin:0;font-size:.9375rem}.custom-fields-panel{margin-bottom:12px}.field-empty-hint{color:var(--muted);margin:0;font-size:.8125rem}.custom-field-cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.custom-field-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:10px}.custom-field-card.active{border-color:var(--primary);background:#fff5f7}.custom-field-add-actions{gap:8px;display:flex}.field-scope-badge{color:#1565c0;background:#e8f4ff;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:600}.field-scope-badge.product{color:#e65100;background:#fff3e0}.custom-field-scope{gap:12px;margin-bottom:8px;font-size:.75rem;display:flex}.custom-field-scope label{cursor:pointer;align-items:center;gap:4px;display:flex}.scope-hint{color:var(--muted);margin:0 0 10px;font-size:.75rem}.custom-field-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.custom-field-select{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500}.field.compact{margin-bottom:8px}.field.compact:last-child{margin-bottom:0}.field-list{margin-bottom:12px}.field-list-heading{color:var(--muted);margin:0 0 6px;font-size:.75rem;font-weight:500}.field-list ul{margin:0;padding:0;list-style:none}.field-list li{align-items:center;gap:4px;margin-bottom:4px;display:flex}.field-list-item{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;flex:1;padding:6px 10px;font-size:.8125rem}.field-list-item.active{border-color:var(--primary);background:#fff5f7}.field-remove{flex-shrink:0;font-size:.75rem}.custom-field-meta textarea{border:1px solid var(--border);resize:vertical;border-radius:6px;min-height:56px;padding:8px 10px;font-family:inherit;font-size:.875rem}.field{flex-direction:column;gap:4px;margin-bottom:12px;font-size:.8125rem;display:flex}.field>span:first-child{color:var(--muted);font-weight:500}.field input,.field select{border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.875rem}.field input[type=file]{border:none;padding:4px 0;font-size:.75rem}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field small{color:var(--muted);font-size:.75rem}.field small.warn{color:#d97706}.thumb-row{align-items:center;gap:8px;margin-top:4px;display:flex}.thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:64px;height:40px}.product-asset-section{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.75rem;font-weight:600}.current-product{margin:0 0 12px;font-size:.8125rem;font-weight:500}.current-product.muted{color:var(--muted);font-weight:400}.template-sidebar{flex-direction:column;gap:12px;min-height:0;display:flex}.template-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.template-sidebar-header h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8125rem;font-weight:600}.template-tree{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.template-row.active{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.template-row-header{align-items:center;gap:6px;padding:10px 10px 10px 8px;display:flex}.template-chevron-btn{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.625rem;display:flex}.template-chevron-btn:hover{color:var(--text);background:#eee}.template-row-title{cursor:pointer;flex:1;min-width:0}.template-row-title:hover .template-name{color:var(--primary)}.template-row-header:hover{background:#fafafa}.template-row.active .template-row-header{background:#fff5f7}.template-chevron{width:14px;color:var(--muted);text-align:center;flex-shrink:0;font-size:.625rem}.template-product-preview tbody tr{cursor:pointer}.template-product-preview tbody tr:hover{background:#fafafa}.template-product-preview.empty{padding:16px 0}.template-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.template-name-input{border:1px solid var(--primary);border-radius:4px;flex:1;min-width:0;padding:4px 8px;font-family:inherit;font-size:.875rem;font-weight:600}.template-product-count{min-width:20px;color:var(--muted);text-align:center;background:#eee;border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:.6875rem;font-weight:600}.template-row.active .template-product-count{color:var(--primary);background:#ffe0e8}.template-row-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.template-products{border-top:1px solid var(--border);background:var(--surface);padding:0 10px 12px}.template-products-header{justify-content:space-between;align-items:center;padding:10px 0 8px;display:flex}.template-products-label{color:var(--muted);font-size:.75rem;font-weight:600}.template-switch-hint{color:var(--muted);text-align:center;margin:0;padding:12px 0;font-size:.75rem}.template-products .product-list{font-size:.8125rem}.template-products .batch-bar{margin-bottom:8px;padding-bottom:8px}.product-list{font-size:.8125rem}.batch-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:10px;display:flex}.batch-check{color:var(--muted);cursor:pointer;align-items:center;gap:4px;font-size:.75rem;display:flex}.batch-discount-input{border:1px solid var(--border);border-radius:4px;width:56px;padding:4px 6px;font-size:.8125rem}.batch-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.75rem}.batch-btn:disabled{opacity:.5;cursor:not-allowed}.table-scroll{overflow-x:auto}.list-hint{color:var(--muted);margin:8px 0 0;font-size:.6875rem}.cell-input{background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:.8125rem}.cell-input:hover,.cell-input:focus{border-color:var(--border);background:#fff}.sku-input{min-width:72px}.name-input{min-width:88px}.discount-input{text-align:center;width:48px}.product-list tr.editing{background:#fff8e6}.product-list tr.selected.editing{box-shadow:inset 3px 0 0 var(--primary);background:#fff0f3}.col-actions{white-space:nowrap;min-width:72px}.cell-text{text-overflow:ellipsis;white-space:nowrap;max-width:88px;display:block;overflow:hidden}.product-list.empty{text-align:center;color:var(--muted);padding:24px}.product-list.empty .hint{font-size:.75rem}.product-list table{border-collapse:collapse;width:100%}.product-list th,.product-list td{text-align:left;border-bottom:1px solid var(--border);padding:6px 4px}.product-list th{color:var(--muted);font-size:.75rem;font-weight:600}.promo-cell{color:var(--primary);white-space:nowrap;font-weight:600}.product-list tr:not(.editing){cursor:pointer}.product-list tr:hover{background:#fafafa}.product-list tr.selected{background:#fff0f3}.price-input{border:1px solid var(--border);border-radius:4px;width:64px;padding:4px 6px;font-size:.8125rem}.badge{border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:600;display:inline-block}.badge.auto{color:#1d4ed8;background:#dbeafe}.badge.manual{color:#b45309;background:#fef3c7}.canvas-editor{flex-direction:column;align-items:center;width:100%;display:flex}.canvas-zoom-bar{align-items:center;gap:12px;width:100%;max-width:320px;margin-bottom:12px;display:flex}.canvas-zoom-label{color:var(--muted);flex-shrink:0;font-size:.8125rem}.canvas-zoom-range{flex:1;min-width:0}.canvas-zoom-value{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:3rem;font-size:.8125rem}.canvas-wrapper{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;width:fit-content;overflow:visible}.canvas-wrapper canvas{display:block}.canvas-hint{color:var(--muted);margin:8px 0 0;font-size:.75rem}.text-style-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.text-style-panel.is-collapsed{padding-bottom:12px}.text-style-panel.is-collapsed .text-style-body{display:none}.text-style-panel.is-collapsed .text-style-header{margin-bottom:0}.text-style-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.text-style-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.text-style-header h3{min-width:0;margin:0;font-size:.9375rem}.scope-toggle{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.scope-toggle label{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.8125rem;display:flex}.font-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.font-actions .file-btn.disabled{opacity:.6;pointer-events:none}.font-hint{color:var(--muted);flex:100%;margin:0;font-size:.6875rem;line-height:1.4}.scope-toggle label.active{border-color:var(--primary);background:#fff0f3}.scope-toggle label:has(input:disabled){opacity:.5;cursor:not-allowed}.text-style-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.field.inline{flex-flow:wrap;align-items:center;gap:8px}.field.inline span{min-width:36px}.hex-input{border:1px solid var(--border);border-radius:4px;flex:1;min-width:80px;padding:4px 8px;font-family:inherit;font-size:.8125rem}.color-field .color-row{align-items:center;gap:8px;display:flex}.color-palette-picker{flex-direction:column;gap:4px;display:flex}.color-palette-picker .color-row{align-items:center;gap:8px;display:flex}.color-palette-picker input[type=color]{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:40px;height:32px;padding:2px}.palette-label{color:var(--text-muted);font-size:.8125rem}.color-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.swatch-wrap{display:inline-flex;position:relative}.color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:4px;width:24px;height:24px;padding:0}.palette-edit-mode .color-swatch{cursor:default}.color-swatch.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.swatch-remove{background:var(--danger,#e53935);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.palette-add-btn{background:var(--bg);color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.palette-add-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.palette-toolbar{gap:12px;margin-top:4px;display:flex}.palette-action{font-size:.75rem}.size-input{border:1px solid var(--border);border-radius:4px;width:64px;margin-top:4px;padding:4px 8px;font-size:.8125rem}.effect-block{background:var(--bg);border-radius:6px;margin-bottom:12px;padding:10px}.effect-fields{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px;display:grid}.reset-btn{width:100%;margin-top:8px}.toast{color:#fff;border-radius:var(--radius);z-index:100;background:#1a1d23;max-width:420px;padding:12px 40px 12px 16px;font-size:.8125rem;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0003}.toast pre{white-space:pre-wrap;margin:0;font-family:inherit}.toast button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1;position:absolute;top:8px;right:8px}.modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius);width:100%;max-width:360px;padding:20px;box-shadow:0 8px 32px #0000002e}.modal-panel h3{margin:0 0 16px;font-size:1rem}.modal-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-error{color:var(--primary);margin:8px 0 0;font-size:.8125rem}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.batch-export-modal{max-width:420px}.modal-fieldset{border:none;margin:0 0 16px;padding:0}.modal-fieldset legend{color:var(--muted);margin-bottom:8px;font-size:.8125rem;font-weight:600}.modal-radio{cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:.8125rem;display:flex}.modal-radio:last-child{margin-bottom:0}.modal-radio input{flex-shrink:0;margin-top:3px}.modal-radio:has(input:disabled){opacity:.5;cursor:not-allowed}.project-import-modal{max-width:440px}.project-import-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 12px;display:grid}.project-import-summary div{background:var(--bg);border-radius:var(--radius);text-align:center;padding:10px 12px}.project-import-summary dt{color:var(--muted);margin:0;font-size:.6875rem}.project-import-summary dd{margin:4px 0 0;font-size:1.125rem;font-weight:600}.project-import-names{color:var(--muted);margin:0 0 16px;font-size:.8125rem;line-height:1.5}.project-import-hint{color:var(--muted);margin:0 0 16px;font-size:.75rem;line-height:1.4}@media (width<=1100px){.layout{grid-template-rows:auto auto auto;grid-template-columns:1fr}.sidebar{border:none;border-bottom:1px solid var(--border)}.sidebar.right{border-left:none}}