#content { max-width: 1780px; }
.product-refine { color: #f4f5f7;  margin: 0 auto;  }
.product-refine * { box-sizing: border-box; letter-spacing: 0; }
.pr-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 22px 4px; }
.pr-heading h1 { margin: 0 0 5px; font-family: Georgia, "Microsoft YaHei", serif; font-size: 30px; font-weight: 700; }
.pr-heading p { margin: 0; color: #969ba6; font-size: 14px; }
.pr-limits { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.pr-limits span { border: 1px solid #3b3e44; color: #b9bec8; padding: 5px 9px; font-size: 12px; border-radius: 6px; }
.pr-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 18px; align-items: start; }
.pr-main, .pr-side { min-width: 0; }
.pr-main { background: #23252a; border: 1px solid #34373d; border-radius: 8px; overflow: hidden; }
.pr-section { padding: 20px; }
.pr-section + .pr-section { border-top: 1px solid #373a40; }
.pr-section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.pr-section-title h2 { margin: 0; font-size: 16px; }
.pr-section-title span { color: #9298a3; font-size: 12px; }
.pr-clear-action { margin-left: 7px; color: #8d65ff; font-size: 12px; font-weight: 400; text-decoration: none; white-space: nowrap; }
.pr-clear-action:hover { color: #b59cff; text-decoration: underline; }
.pr-upload-grid { display: grid; grid-template-columns: repeat(5, minmax(110px, 1fr)); gap: 10px; min-height: 138px; }
.pr-upload-card, .pr-upload-add { position: relative; aspect-ratio: 1; min-width: 0; border-radius: 7px; overflow: hidden; background: #17181b; border: 1px solid #3b3f46; }
.pr-upload-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pr-upload-card button { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(15,16,18,.82); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.pr-upload-add { border: 1px dashed #626873; display: flex; align-items: center; justify-content: center; text-align: center; color: #aeb3bc; cursor: pointer; padding: 12px; }
.pr-upload-add:hover { border-color: #f08b32; color: #fff; background: #1b1c20; }
.pr-upload-add img { display: block; width: 40px; height: 40px; margin: 0 auto 8px; }
.pr-upload-add span { display: block; font-size: 13px; }
.pr-product-info { margin-top: 10px; }
.pr-product-fields, .pr-parameters { display: grid; gap: 7px; }
.pr-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.pr-categories button { min-width: 72px; height: 34px; border: 1px solid #444850; border-radius: 5px; background: #191a1e; color: #aeb3bd; cursor: pointer; }
.pr-categories button.is-active { border-color: #f08b32; background: #35271d; color: #fff; }
.pr-template-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pr-template { padding: 0; border: 1px solid #3b3e45; border-radius: 7px; overflow: hidden; background: #1b1c20; color: #fff; text-align: left; cursor: pointer; min-width: 0; }
.pr-template:hover { border-color: #777e89; }
.pr-template.is-selected { border-color: #f08b32; box-shadow: 0 0 0 1px #f08b32; }
.pr-template-preview { width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: linear-gradient(145deg, #f0f1f3, #aeb5bf); }
.pr-template-preview > img { width: 100%; height: 100%; display: block; object-fit: cover; }
.pr-template-preview.scene-white { background: #f7f7f5; }
.pr-template-preview.scene-blue { background: #b9d8eb; }
.pr-template-preview.scene-gradient { background: linear-gradient(145deg, #e9d6f2, #b9d7e9); }
.pr-template-preview.scene-beige { background: #ddd2c1; }
.pr-template-preview.scene-gray { background: #afb2b7; }
.pr-template-preview.scene-studio { background: linear-gradient(145deg, #ddd, #777); }
.pr-template-preview.scene-dark { background: #25272c; }
.pr-template-preview.scene-nature { background: linear-gradient(#b8d6d0, #7da67b); }
.pr-template-preview.scene-room { background: linear-gradient(135deg, #d9c7b3, #9da9a2); }
.pr-template-tag { position: absolute; top: 7px; left: 7px; padding: 3px 6px; border-radius: 4px; background: #17181b; color: #fff; font-size: 11px; }
.pr-template-check { position: absolute; right: 7px; top: 7px; width: 22px; height: 22px; border-radius: 50%; background: #6D27F2; color: #fff; display: none; align-items: center; justify-content: center; font-weight: 800; }
.pr-template.is-selected .pr-template-check { display: flex; }
.pr-template-copy { padding: 10px; min-height: 40px; text-align: center; }
.pr-template-copy strong { display: block; font-size: 14px; }
.pr-template-copy small { display: block; color: #8e949e; line-height: 1.45; }
.pr-template-empty { grid-column: 1 / -1; padding: 42px 12px; border: 1px dashed #454950; border-radius: 7px; color: #858b96; text-align: center; }
.pr-side { position: sticky; top: 18px; display: grid; gap: 14px; }
.pr-config, .pr-submit-panel { background: #23252a; border: 1px solid #34373d; border-radius: 8px; padding: 17px; }
.pr-product-panel { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #3b3f46; }
.pr-config-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pr-config-head h2 { margin: 2px 0 0; font-size: 16px; }
.pr-eyebrow { color: #8f96a1; font-size: 11px; }
.pr-icon-button { width: 30px; height: 30px; border: 1px solid #44484f; background: transparent; color: #aaa; border-radius: 6px; font-size: 20px; cursor: pointer; display: none; }
.pr-selected-count { color: #f4f5f7; font-size: 14px; font-weight: 800; text-align: left; }
.pr-selected-count strong { color: #f08b32; }
.pr-selected { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0 13px; }
.pr-selected-item { display: inline-flex; max-width: 100%; border: 1px solid #444850; border-radius: 5px; overflow: hidden; background: #191a1e; }
.pr-selected-item.is-active { border-color: #f08b32; }
.pr-selected-item button { min-width: 0; border: 0; background: transparent; color: #aeb3bd; cursor: pointer; }
.pr-selected-item.is-active button { color: #fff; }
.pr-selected-name { padding: 5px 4px 5px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-selected-remove { width: 26px; flex: 0 0 26px; padding: 4px; font-size: 16px; line-height: 1; }
.pr-selected-remove:hover { color: #f08b32; }
.pr-empty { color: #858b96; padding: 30px 10px; text-align: center; border: 1px dashed #454950; border-radius: 7px; }
.pr-setting-row.pw-trigger { width: 100%; min-height: 42px; display: grid; grid-template-columns: minmax(0, 1fr) auto 12px; gap: 9px; align-items: center; padding: 8px 11px; border: 1px solid #41454c; border-radius: 6px; background: #191a1e; text-align: left; }
.pr-setting-row .pw-label { min-width: 0; color: #aeb3bd; font-size: 12px; }
.pr-setting-row .pw-value { max-width: 185px; overflow: hidden; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.pr-setting-row .pw-arrow { text-align: right; }
.pr-popup-editor { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; min-width: 280px; }
.pr-popup-editor .pw-popup-title { grid-column: 1 / -1; margin-bottom: 0; }
.pr-popup-editor .pw-range-val { grid-column: 2; grid-row: 2; min-width: 44px; text-align: right; }
.pr-popup-editor .pw-range { grid-column: 1; grid-row: 2; }
.pw-aihuihua .pr-popup-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 340px; max-width: calc(100vw - 52px); }
.pw-aihuihua .pr-options-editor .pr-popup-options { grid-column: 1 / -1; }
.pw-aihuihua .pr-popup-options .pw-list-item { min-width: 0; }
.pw-aihuihua .pr-popup-options .pw-item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-popup-suggestions { grid-column: 1 / -1; max-height: none; overflow: visible; }
.pr-popup-input { grid-column: 1 / -1;   height: 40px; border: 1px solid #444850; border-radius: 6px; outline: none; background: #16171a; color: #fff; padding: 0 10px; }
.pr-popup-textarea { min-height: 110px; height: auto; padding: 10px; resize: vertical; }
.pr-popup-input:focus { border-color: #fff; }
.pr-popup-confirm { grid-column: 1 / -1; min-height: 38px; border: 0; border-radius: 6px; background: #f08b32; color: #FFF;  cursor: pointer; }
.pr-requirement-trigger { margin-top: 12px; }
.pr-toolbar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.pr-toolbar .pw-trigger { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) 10px; align-items: center; gap: 7px; padding: 9px; border: 1px solid #41454c; border-radius: 6px; color: #fff; text-decoration: none; }
.pr-toolbar .pw-label { color: #818893; font-size: 11px; white-space: nowrap; }
.pr-toolbar .pw-value { overflow: hidden; font-size: 12px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.pr-summary { display: flex; align-items: center; justify-content: center; gap: 8px; color: #9298a3; padding: 17px 0 12px; font-size: 12px; }
.pr-summary b { color: #fff; }
.pr-summary i { font-style: normal; color: #5f656e; }
.pr-summary strong { color: #f0a05b; }
.pr-submit { width: 100%; min-height: 46px; border: 0; border-radius: 6px; background: #6D27F2; color: #fff;   font-size: 15px; cursor: pointer; border-top-left-radius:0; border-top-right-radius: 0; }
.pr-submit:hover { background: #5865F2; }
.pr-submit:disabled { background: #4b4e54; color: #858a92; cursor: not-allowed; }
.pr-submit-panel p { margin: 8px 0 0; color: #858b95; text-align: center; font-size: 11px; }


h2{
    border-bottom:none
}
@media (max-width: 1180px) { .pr-workspace { grid-template-columns: minmax(0, 1fr) 330px; } .pr-template-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pr-upload-grid { grid-template-columns: repeat(4, minmax(100px, 1fr)); } }
@media (max-width: 850px) { .pr-heading { align-items: flex-start; flex-direction: column; } .pr-limits { justify-content: flex-start; } .pr-workspace { grid-template-columns: 1fr; } .pr-side { position: static; } .pr-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .product-refine { padding: 0 2px 24px; } .pr-section { padding: 14px; } .pr-upload-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pr-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .pr-toolbar { grid-template-columns: 1fr; } .pr-heading h1 { font-size: 24px; } }