.project-mode-tabs{height:46px;display:flex;align-items:flex-end;gap:22px;padding:0 20px;background:#fff;border-bottom:1px solid #e7e2d9}
.project-mode-tabs button{height:46px;padding:0 3px;border:0;background:transparent;color:#7a746b;font-size:13px;position:relative}
.project-mode-tabs button.active{color:#1f1c18;font-weight:700}
.project-mode-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#f4a000}
.project-mode-tabs+ .listing-toolbar{height:54px}
.app-shell.image-mode{grid-template-columns:minmax(0,1fr)}
.app-shell.image-mode .product-sidebar{display:none}
.app-shell.image-mode .content-area{grid-column:1}
.app-shell.image-mode .listing-result{display:none}
.app-shell:not(.image-mode) .image-workspace{display:none}
.app-shell.image-mode .lt-left label{display:none}
.image-workspace{height:calc(100vh - 100px);padding:12px 14px 16px;overflow-y:auto;background:#f6f4ef}
.image-page-shell{--sidebar-width:350px;height:100vh;min-height:0;margin-left:var(--sidebar);padding:0;background:#f6f4ef;overflow:hidden}
.image-page-header{height:100px;padding:20px 32px 16px 44px;display:flex;align-items:flex-start;background:#f6f4ef}
.image-page-header>div{display:block;min-width:0}
.image-page-header h1{margin:0;color:#292621;font-family:"Microsoft YaHei UI","Noto Sans SC","Microsoft YaHei",sans-serif;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.04em}
.image-page-header p{margin:7px 0 0;color:#8a837a;font-size:13px;font-weight:400;line-height:1.55;white-space:normal}
.image-workspace.standalone{height:calc(100vh - 100px);padding:0 28px 16px;display:flex;flex-direction:column;overflow:hidden}
.image-workspace.standalone .image-workspace-grid{grid-template-columns:var(--sidebar-width) minmax(520px,1fr)}
.image-project-summary{min-height:64px;flex:0 0 64px;margin-bottom:12px;padding:9px 14px;display:flex;align-items:center;gap:11px;border:1px solid #e5dfd6;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(42,36,25,.035)}
.image-project-thumb{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid #e5ded2;border-radius:8px;background:#faf7f1;color:#c97900;font-size:11px}
.image-project-thumb img{width:100%;height:100%;object-fit:contain}
.image-project-summary strong{display:block;font-size:14px;color:#25211c}
.image-project-summary small{display:flex;align-items:center;gap:7px;margin-top:5px;color:#8a8379;font-size:11px;line-height:16px}
.image-project-summary small i{width:3px;height:3px;border-radius:50%;background:#c9c1b7}
.image-project-summary p{margin-left:auto;color:#8a8379;font-size:11px}
.image-project-switcher{margin-left:auto;display:flex;align-items:center;gap:8px;color:#756e64;font-size:12px;line-height:18px}
.image-project-switcher select{height:36px;min-width:240px;padding:0 30px 0 10px;border:1px solid #dfd8ce;border-radius:7px;background:#fff;color:#403b34;font-size:12px;line-height:18px}
.image-workspace-grid{display:grid;grid-template-columns:320px minmax(500px,1fr);gap:12px;align-items:stretch;min-width:0;min-height:0;flex:1}
.image-panel{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;border:1px solid #e4ded5;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(43,36,25,.04);overflow:hidden}
.image-panel>header{min-height:52px;flex:0 0 52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee9e1;background:#fff}
.image-panel>header h2{margin:0;color:#25221d;font-size:14px}
.image-panel>header span{color:#928b81;font-size:12px;line-height:18px}
.image-panel-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfc8bd transparent}
.image-preview-scroll{min-height:0;flex:1;display:grid;place-items:center;overflow:hidden}
.iw-section{padding:15px;border-bottom:1px solid #eee9e1}
.iw-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px}
.iw-heading h3{margin:0;color:#343029;font-size:12px}
.iw-heading small{color:#999187;font-size:12px;line-height:18px}
.iw-heading .listing-source-note{color:#999187;font-size:11px;font-weight:400;line-height:16px}
.source-image-wrap{display:grid;gap:8px}
.source-image-box{width:100%;min-height:155px;padding:16px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px dashed #d9d1c5;border-radius:8px;background:#fcfaf6;cursor:pointer}
.source-image-box img{display:none;object-fit:contain;border-radius:7px;background:#fff}
.source-image-box.has-image{display:block;min-height:200px;padding:10px;background:#f3f0ea;border-style:solid}
.source-image-box.has-image img{display:block;width:100%;height:180px;border:1px solid #ebe5dc;border-radius:8px;background:#fff}
.source-image-box.has-image>span{display:none}
.source-image-actions{display:flex;justify-content:flex-end;gap:6px}
.source-image-actions label,.source-image-remove{height:30px;padding:0 10px;border:1px solid #ddd4c8;border-radius:6px;background:#fff;color:#8b8174;font-size:12px;line-height:28px;cursor:pointer}
.source-image-actions label{color:#b96d00}
.source-image-actions label:hover{border-color:#e1a33d;background:#fff8e9}
.source-image-remove{display:none}
.source-image-box.has-image+.source-image-actions .source-image-remove{display:block}
.source-image-remove:hover{border-color:#d89b91;background:#fff7f5;color:#a34235}
.source-image-remove:focus-visible{outline:2px solid rgba(185,79,64,.2);outline-offset:2px}
.source-image-box>span{color:#7e776d;font-size:12px;line-height:18px;white-space:nowrap}
.iw-note{margin:8px 0 0;color:#9a6e28;font-size:12px;line-height:18px}
.image-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.image-type-card{min-height:82px;padding:9px;border:1px solid #e4ded5;border-radius:8px;background:#fff;text-align:left}
.image-type-card:hover{border-color:#e2b66b}
.image-type-card.active{border-color:#eca124;background:#fff7e7;box-shadow:inset 0 0 0 1px rgba(236,161,36,.12)}
.image-type-card i{display:grid;width:26px;height:26px;margin-bottom:7px;place-items:center;border-radius:6px;background:#f7f3ec;color:#a76a0c;font-style:normal;font-size:12px}
.image-type-card.active i{background:#ffe5ae;color:#a66000}
.image-type-card strong,.image-type-card small{display:block}
.image-type-card strong{font-size:12px;line-height:18px;color:#353029}
.image-type-card small{margin-top:3px;color:#958e84;font-size:12px;line-height:18px}
.selectable-list{display:grid;gap:6px}
.selectable-row{display:grid;grid-template-columns:16px minmax(0,1fr) 20px;align-items:center;gap:6px;padding:7px 8px;border:1px solid #e8e2d9;border-radius:7px;background:#fff;font-size:12px;line-height:18px}
.selectable-row input{accent-color:#f4a000}
.selectable-row button{border:0;background:transparent;color:#a29b91;font-size:11px}
.refine-points-button{margin-left:auto;padding:0;border:0;background:transparent;color:#b66a00;font-size:11px;line-height:16px;cursor:pointer}
.refine-points-button:disabled{color:#aaa39a}
.image-selling-points{display:grid;gap:7px}
.image-selling-point{display:grid;grid-template-columns:16px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:8px;border:1px solid #e6e0d7;border-radius:8px;background:#fff}
.image-selling-point.selected{border-color:#edb24d;background:#fffaf0}
.image-selling-point>input{accent-color:#f4a000}
.image-selling-point label{min-width:0}
.image-selling-point label>span{display:block;margin-bottom:4px;color:#999187;font-size:11px;line-height:16px}
.image-selling-point label>input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:#302c27;font-size:12px;font-weight:600;line-height:18px;outline:0}
.image-selling-point label>input+input{margin-top:3px;color:#625b53;font-size:11px;font-weight:400;line-height:16px}
.image-selling-point label>input:focus{box-shadow:0 1px 0 #e69a1c}
.image-selling-point label>small{display:block;margin-top:3px;color:#7c756c;font-size:11px;line-height:16px}
.title-content-field{margin-top:8px}
.title-content-field .title-bilingual-box{display:block;margin:0;padding:8px 9px;border:1px solid #dfd8ce;border-radius:7px;background:#fff}
.title-content-field .title-bilingual-box>input{width:100%;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.title-content-field .title-bilingual-box>input:focus{box-shadow:none}
.title-content-field .title-bilingual-box .title-zh-input{margin-top:5px;padding-top:5px;border-top:1px solid #eee8df;color:#7c756c;font-size:11px;line-height:16px}
.image-selling-point>button{border:0;background:transparent;color:#aaa299;font-size:11px}
.inline-add{display:flex;gap:6px;margin-top:7px}
.inline-add input,.iw-field input,.iw-field textarea,.iw-two select,.iw-field select{min-width:0;width:100%;border:1px solid #dfd8ce;border-radius:7px;background:#fff;padding:8px 9px;outline:0;font-size:12px;line-height:18px}
.inline-add button{flex:0 0 auto;border:1px solid #e0d6c6;border-radius:7px;background:#fff8e9;color:#b66a00;font-size:12px;line-height:18px}
.scene-grid,.chip-group{display:flex;flex-wrap:wrap;gap:6px}
.scene-grid button,.chip-group button{min-height:32px;padding:6px 10px;border:1px solid #e3ddd4;border-radius:6px;background:#fff;color:#696259;font-size:12px;line-height:18px}
.scene-grid button.active,.chip-group button.active{border-color:#e6a12b;background:#fff3d8;color:#9c5b00}
.spec-setting-row{display:grid;grid-template-columns:16px minmax(90px,.65fr) minmax(140px,1.35fr);gap:6px;align-items:center;margin-bottom:6px}
.spec-setting-row input[type="checkbox"]{accent-color:#f4a000}
.spec-setting-row input[type="text"],.spec-setting-row select{min-width:0;height:34px;border:1px solid #e1dbd2;border-radius:6px;padding:0 7px;background:#fff;font-size:12px;line-height:18px}
.iw-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iw-two label,.iw-field{display:block}
.iw-two label span,.iw-field>span{display:block;margin-bottom:6px;color:#6f685f;font-size:12px;line-height:18px}
.image-generate-footer{flex:0 0 auto;padding:12px;background:#fff;border-top:1px solid #eee8df}
.image-generate-button{width:100%;height:40px;border:0;border-radius:8px;background:linear-gradient(135deg,#ffad0a,#ee9300);color:#fff;font-size:12px;font-weight:700;box-shadow:0 7px 15px rgba(221,133,0,.16)}
.image-generate-progress{margin-top:9px}
.image-generate-progress>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:#756e65;font-size:11px;line-height:16px}
.image-generate-progress strong{color:#a86400;font-size:11px;line-height:16px}
.image-generate-progress progress{display:block;width:100%;height:5px;overflow:hidden;border:0;border-radius:999px;background:#eee9e1;appearance:none}
.image-generate-progress progress::-webkit-progress-bar{background:#eee9e1;border-radius:999px}
.image-generate-progress progress::-webkit-progress-value{border-radius:999px;background:#f4a000;transition:width .35s ease}
.image-generate-progress progress::-moz-progress-bar{border-radius:999px;background:#f4a000}
.image-generate-progress progress:indeterminate::-webkit-progress-bar{background:linear-gradient(90deg,#eee9e1 0%,#f4a000 45%,#eee9e1 85%);background-size:220% 100%;animation:image-progress-scan 1.2s linear infinite}
.image-generate-progress progress:indeterminate::-moz-progress-bar{background:#f4a000}
.image-generate-progress.error strong,.image-generate-progress.error span{color:#a94435}
.image-generate-progress.error progress::-webkit-progress-value{background:#c85e4a}
.image-generate-progress.error progress::-moz-progress-bar{background:#c85e4a}
@keyframes image-progress-scan{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.image-generate-progress progress::-webkit-progress-value{transition:none}.image-generate-progress progress:indeterminate::-webkit-progress-bar{animation:none;background:#f4a000}}
.keyword-field textarea{min-height:68px;resize:vertical}
.image-preview-panel>header>div{display:flex;align-items:baseline;gap:9px}
.image-preview-panel>header>b{padding:4px 7px;border-radius:5px;background:#fff3d7;color:#a75f00;font-size:11px;line-height:16px}
.preview-stage-wrap{width:100%;height:100%;min-height:0;padding:30px;display:grid;place-items:center;background:#f3f0ea}
.preview-stage{position:relative;width:min(94%,calc(100vh - 285px),660px);aspect-ratio:1;overflow:hidden;border:1px solid #ded7cd;background:#f8f4eb;box-shadow:0 12px 36px rgba(41,34,24,.12);isolation:isolate;transform:translateX(-18px)}
.preview-stage.ratio-portrait{width:min(92%,calc(80vh - 224px),530px);aspect-ratio:4/5}
.preview-stage.ratio-portrait-three-four{width:min(92%,calc(75vh - 210px),500px);aspect-ratio:3/4}
.preview-stage.ratio-wide-five-four{width:min(94%,700px);aspect-ratio:5/4;transform:translateX(4px)}
.preview-stage.ratio-wide{width:min(94%,720px);aspect-ratio:4/3}
.preview-stage.is-empty.ratio-square,
.preview-stage.is-empty.ratio-wide-five-four,
.preview-stage.is-empty.ratio-wide{width:min(86%,680px)}
.generated-result-image{display:none;width:100%;height:100%;object-fit:contain;background:#f7f4ee}
.showcase-sample-badge{position:absolute;z-index:9;top:14px;right:14px;padding:5px 10px;border:1px solid rgba(224,145,7,.36);border-radius:999px;background:rgba(255,249,237,.92);box-shadow:0 3px 10px rgba(46,36,22,.08);color:#a86100;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.04em;pointer-events:none;backdrop-filter:blur(5px)}
.showcase-sample-badge[hidden]{display:none}
.generation-empty-state{position:absolute;inset:0;z-index:8;display:none;place-content:center;gap:7px;padding:24px;text-align:center;background:#faf8f3;color:#8b8378}
.generation-empty-state strong{color:#5f584f;font-size:14px}
.generation-empty-state span{font-size:11px;line-height:16px}
.preview-stage.is-empty .generation-empty-state{display:grid}
.preview-stage.is-empty .preview-decoration,.preview-stage.is-empty .preview-copy,.preview-stage.is-empty .preview-product,.preview-stage.is-empty .dimension-overlay,.preview-stage.is-empty .detail-overlay{display:none}
.preview-stage.is-generated .generated-result-image{display:block}
.generated-image-delete,.version-delete{display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(32,36,54,.68);color:#fff;cursor:pointer}
.generated-image-delete{position:absolute;z-index:12;top:10px;right:10px;width:24px;height:24px}
.preview-stage.is-empty .generated-image-delete{display:none}
.generated-image-delete svg,.version-delete svg{display:block;width:10px;height:10px;overflow:visible}
.generated-image-delete path,.version-delete path{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}
.generated-image-delete:focus-visible,.version-delete:focus-visible{outline:2px solid #fff;outline-offset:1px}
.preview-stage.is-generated .generation-empty-state,.preview-stage.is-generated .preview-decoration,.preview-stage.is-generated .preview-copy,.preview-stage.is-generated .preview-product,.preview-stage.is-generated .dimension-overlay,.preview-stage.is-generated .detail-overlay{display:none}
.preview-decoration{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 75%,rgba(255,195,77,.28),transparent 34%),linear-gradient(135deg,#fffaf0,#eee7da)}
.style-warm .preview-decoration{background:radial-gradient(circle at 76% 72%,rgba(210,113,57,.24),transparent 32%),linear-gradient(140deg,#fff8ed,#ead8c9)}
.style-premium .preview-decoration{background:radial-gradient(circle at 72% 70%,rgba(199,152,62,.23),transparent 31%),linear-gradient(145deg,#27241f,#eee6d8)}
.style-tech .preview-decoration{background:radial-gradient(circle at 72% 72%,rgba(74,160,194,.24),transparent 33%),linear-gradient(140deg,#f7fcff,#dcecf1)}
.style-outdoor .preview-decoration{background:radial-gradient(circle at 74% 72%,rgba(224,162,61,.2),transparent 34%),linear-gradient(140deg,#f7f3e5,#d9e1c9)}
.preview-copy{position:absolute;z-index:3;left:7%;top:8%;width:47%;color:#24201a}
.style-premium .preview-copy{color:#fff}
.preview-copy small{display:block;margin-bottom:8px;color:#b56a00;font-size:clamp(7px,.7vw,11px);letter-spacing:.12em}
.preview-copy h3{margin:0;font-size:clamp(20px,2.4vw,38px);line-height:1.15;letter-spacing:-.04em}
.preview-copy p{margin:9px 0 13px;color:inherit;opacity:.68;font-size:clamp(9px,.9vw,13px)}
.preview-copy ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}
.preview-copy li{display:flex;align-items:center;gap:6px;font-size:clamp(8px,.8vw,12px)}
.preview-copy li:before{content:"";width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#efa21d}
.preview-product{position:absolute;right:4%;bottom:5%;width:50%;height:72%;display:grid;place-items:center}
.preview-product img{display:none;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(45,37,24,.2))}
.preview-product.has-image img{display:block}
.product-placeholder{width:46%;height:72%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed rgba(155,135,104,.45);border-radius:30px;color:#8e806d}
.product-placeholder span{width:56%;height:48%;border:2px solid currentColor;border-radius:12px 12px 18px 18px}
.product-placeholder b{font-size:12px;line-height:18px}
.dimension-overlay{position:absolute;inset:12% 9%;z-index:5;pointer-events:none}
.dimension-line{position:absolute;border-color:#b66a00;color:#9b5a00;font-size:11px;line-height:16px}
.dimension-line.vertical{right:3%;top:20%;height:60%;border-right:1px solid}
.dimension-line.horizontal{left:51%;bottom:2%;width:37%;border-bottom:1px solid;text-align:center}
.dimension-line span{position:absolute;padding:3px 5px;border-radius:4px;background:rgba(255,255,255,.88);white-space:nowrap}
.dimension-line.vertical span{right:7px;top:48%;transform:translateY(-50%)}
.dimension-line.horizontal span{left:50%;bottom:4px;transform:translateX(-50%)}
.detail-overlay{position:absolute;right:8%;top:10%;z-index:5;width:90px;height:90px;border:2px solid #efa21d;border-radius:50%;background:rgba(255,255,255,.6)}
.detail-overlay i{position:absolute;width:72px;border-top:1px solid #efa21d;right:74px;top:75px;transform:rotate(-28deg);transform-origin:right}
.version-history{flex:0 0 auto;padding:13px 16px 15px;border-top:1px solid #eee8df;background:#fff}
.version-history .iw-heading{margin-bottom:9px}
#versionHistory{display:flex;gap:8px}
.image-preview-panel{position:relative;background:#f3f0ea}
.image-preview-panel .image-preview-scroll,.image-preview-panel>.preview-stage-wrap{margin-right:173px}
.version-rail-inline{position:absolute;z-index:6;top:66px;right:clamp(14px,calc((100% - 1080px)/2),190px);width:145px;height:min(610px,calc(100% - 118px));overflow:hidden;border:1px solid #e4ddd3;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(44,36,25,.09)}
.version-rail-inline h3{height:38px;margin:0;display:grid;place-items:center;border-bottom:1px solid #eee8df;color:#706960;font-size:11px}
.version-rail-inline #versionHistory{height:calc(100% - 38px);align-content:start;display:grid;grid-auto-rows:max-content;gap:8px;padding:10px;overflow-y:auto;scrollbar-width:thin}
.version-thumb-wrap{position:relative}
.version-delete{position:absolute;z-index:3;top:5px;right:5px;width:18px;height:18px}
.version-rail-inline .version-thumb{width:100%;height:auto}
.version-rail-inline .version-empty{margin:7px 2px;color:#9a9288;font-size:11px;line-height:16px;text-align:center}
.preview-download-row{position:absolute;z-index:7;left:0;right:0;bottom:0;padding:10px 14px;border-top:0;background:transparent;text-align:right;pointer-events:none}
.preview-download-row .download-image-button{width:145px;height:34px;margin-right:clamp(0px,calc((100% - 1080px)/2 - 14px),176px);padding:0;border:1px solid #ee9905;border-radius:7px;background:#f5a006;color:#fff;font-size:12px;font-weight:700}
.preview-download-row .download-image-button{pointer-events:auto}
.preview-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.preview-actions{display:flex;justify-content:flex-end;gap:6px;margin-left:auto}
.preview-actions button{height:30px;padding:0 10px;border:1px solid #ded7cc;border-radius:6px;background:#fff;color:#625b52;font-size:11px;line-height:28px}
.preview-actions .download-image-button{border-color:#ee9905;background:#f5a006;color:#fff;font-weight:700}
.version-thumb{width:62px;height:49px;padding:0;overflow:hidden;border:1px solid #e1dad0;border-radius:6px;background:#f7f4ee;position:relative}
.version-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#f7f4ee}
.version-thumb.version-ratio-1-1{aspect-ratio:1}
.version-thumb.version-ratio-3-4{aspect-ratio:3/4}
.version-thumb.version-ratio-4-5{aspect-ratio:4/5}
.version-thumb.version-ratio-5-4{aspect-ratio:5/4}
.version-thumb.version-ratio-4-3{aspect-ratio:4/3}
.version-thumb.active{border-color:#e99d1a;box-shadow:0 0 0 2px rgba(233,157,26,.13)}
.version-thumb span{position:absolute;right:4px;bottom:3px;color:#7f776c;font-size:7px}
@media(max-width:760px){
  .image-preview-panel .image-preview-scroll,.image-preview-panel>.preview-stage-wrap{margin-right:0}
  .preview-stage{transform:none}
  .version-rail-inline{position:relative;top:auto;right:auto;width:auto;height:auto;margin:0 12px 10px}
  .version-rail-inline h3{height:34px;place-items:center start;padding:0 11px}
  .version-rail-inline #versionHistory{display:flex;height:auto;padding:9px;overflow-x:auto;overflow-y:hidden}
  .version-rail-inline .version-thumb{flex:0 0 64px;height:48px}
  .preview-download-row{position:relative;padding:10px 14px;background:#f3f0ea}
  .preview-download-row .download-image-button{margin-right:0}
}
.image-edit-panel .iw-section{padding:14px}
.iw-field{margin-bottom:9px}
#editablePoints{display:grid;gap:7px}
#editablePoints input{width:100%;border:1px solid #e0d9cf;border-radius:7px;padding:8px 9px;font-size:12px;line-height:18px}
.quick-switch-list{display:grid;gap:6px}
.quick-switch-list button{padding:8px;border:1px solid #e6e0d7;border-radius:7px;background:#fff;text-align:left;color:#6b645b;font-size:12px;line-height:18px}
.quick-switch-list button.active{border-color:#e8a12b;background:#fff6e2;color:#985800}
.background-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.background-option{aspect-ratio:1;border:2px solid #fff;border-radius:7px;outline:1px solid #e0d9cf}
.background-option.active{outline:2px solid #ed9f1c}
.background-option[data-bg="cream"]{background:linear-gradient(135deg,#fffaf0,#e9dfd0)}
.background-option[data-bg="sand"]{background:linear-gradient(135deg,#f6e0cb,#d7b39b)}
.background-option[data-bg="slate"]{background:linear-gradient(135deg,#24221f,#d8ccbb)}
.background-option[data-bg="blue"]{background:linear-gradient(135deg,#f4fbff,#bddbe5)}
.action-stack{display:grid;gap:7px}
.action-stack button,.image-export-actions button{height:35px;border:1px solid #ded7cc;border-radius:7px;background:#fff;color:#5f584f;font-size:12px;line-height:18px}
.image-export-actions{flex:0 0 auto;padding:12px;display:grid;gap:7px;border-top:1px solid #eee9e1;background:#fff}
.image-export-actions .download-image-button{height:40px;border-color:#ee9905;background:linear-gradient(135deg,#ffad0a,#ee9300);color:#fff;font-size:11px;font-weight:700}
@media(max-width:1200px){.image-workspace-grid{grid-template-columns:280px minmax(420px,1fr)}.image-project-summary p{display:none}}
@media(max-width:1500px) and (min-width:1281px){.image-workspace.standalone .image-workspace-grid{grid-template-columns:340px minmax(440px,1fr)}}
@media(max-width:1280px) and (min-width:981px){.image-page-shell{--sidebar-width:310px}.image-workspace.standalone .image-workspace-grid{grid-template-columns:minmax(280px,31%) minmax(400px,1fr);gap:10px}}
@media(max-width:980px){.app-shell.image-mode{display:block;margin-left:0}.image-workspace{height:auto}.image-workspace-grid{grid-template-columns:1fr}.image-panel-scroll{max-height:none}.image-project-summary{margin-top:0}.image-config-panel,.image-edit-panel{max-width:none}.preview-stage,.preview-stage.ratio-wide-five-four{width:min(100%,620px);transform:none}}
@media(max-width:980px){.image-page-shell{height:auto;min-height:100vh;margin-left:0;overflow:visible}.image-page-header{height:auto;min-height:82px;padding:16px 14px}.image-page-header>div{display:block}.image-page-header h1{margin-bottom:6px;font-size:24px}.image-page-header p{font-size:13px;white-space:normal}.image-project-switcher{width:100%;margin:8px 0 0;flex-wrap:wrap}.image-project-switcher select{min-width:0;width:100%}.image-workspace.standalone{height:auto;overflow:visible}.image-workspace.standalone .image-workspace-grid{grid-template-columns:1fr}.image-panel{height:auto}.image-preview-scroll{overflow:visible}}
@media(max-width:680px){.project-mode-tabs{padding:0 14px}.image-workspace{padding:8px}.image-project-summary{align-items:flex-start}.image-project-summary p{display:none}.preview-stage-wrap{padding:10px}.preview-copy{width:54%}.preview-copy h3{font-size:20px}.image-type-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.showcase-sample-badge{top:10px;right:10px;padding:4px 8px}}
@media(max-width:680px){.preview-bottom-row{align-items:stretch;flex-direction:column}.preview-actions{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}.preview-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.preview-stage,.image-type-card,.version-thumb{transition:none}}

/* Shared typography rhythm with the Listing editor. */
.image-panel>header span,
.iw-heading small,
.iw-note,
.image-type-card small{
  font-size:11px;
  line-height:16px;
}
.source-image-box>span,
.source-image-box>b,
.image-type-card strong,
.selectable-row,
.inline-add input,
.iw-field input,
.iw-field textarea,
.iw-two select,
.iw-field select,
.inline-add button,
.scene-grid button,
.chip-group button,
.spec-setting-row input[type="text"],
.spec-setting-row select,
#editablePoints input,
.quick-switch-list button,
.action-stack button,
.image-export-actions button{
  font-size:12px;
  line-height:18px;
}
.image-type-card strong{line-height:18px}
.iw-two label span,
.iw-field>span{
  font-size:11px;
  line-height:16px;
}
.scene-grid button,
.chip-group button{height:32px}
.spec-setting-row input[type="text"],
.spec-setting-row select{height:34px}
.product-placeholder b,
.dimension-line{font-size:11px;line-height:16px}
.image-preview-panel>header>b,
.version-thumb span{font-size:11px;line-height:16px}
.image-export-actions .download-image-button{font-size:12px}