.panel-left[data-v-28fe4ab2]{width:350px;flex-shrink:0;background-color:var(--bg-panel);border-right:1px solid var(--border-base);display:flex;flex-direction:column}.left-header[data-v-28fe4ab2]{background:var(--bg-header);padding:20px;border-bottom:1px solid var(--border-base)}.icon-box[data-v-28fe4ab2]{background-color:#38bdf8;padding:8px;border-radius:12px}.left-body[data-v-28fe4ab2]{padding:20px;flex:1;overflow-y:auto}.form-label[data-v-28fe4ab2]{display:flex;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:6px}.custom-theme-form[data-v-28fe4ab2] .ant-input,.custom-theme-form[data-v-28fe4ab2] .ant-input[disabled]{background-color:var(--bg-input);border-color:var(--border-light);color:var(--text-main);border-radius:6px}.custom-theme-form[data-v-28fe4ab2] .ant-input[disabled]{opacity:.6;cursor:not-allowed}.generate-btn[data-v-28fe4ab2]{background:linear-gradient(90deg,#0284c7,#38bdf8);border:none;border-radius:10px}.generate-btn[disabled][data-v-28fe4ab2]{opacity:.5;background:var(--bg-input);color:var(--text-muted)}.export-btn[data-v-28fe4ab2]{border-color:var(--border-dashed)!important;color:var(--text-main)!important;background-color:transparent!important;border-radius:10px}.export-btn[data-v-28fe4ab2]:hover{border-color:#38bdf8!important;color:#38bdf8!important}[data-v-28fe4ab2] .ant-checkbox-inner{background-color:var(--bg-input);border-color:var(--border-dashed)}.panel-center[data-v-d5bbda94]{flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--bg-center);position:relative}.center-bg-pattern[data-v-d5bbda94]{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(var(--pattern-color) 1px,transparent 0);background-size:24px 24px}.float-export-btn[data-v-d5bbda94]{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;box-shadow:0 4px 14px rgba(37,99,235,.4);font-weight:500;transition:all .3s ease}.float-export-btn[data-v-d5bbda94]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.6)}.mobile-mockup[data-v-d5bbda94]{width:100%;max-width:390px;height:86vh;background-color:var(--bg-mobile);border-radius:40px;border:10px solid #111;box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;transition:all .3s}.mobile-status-bar[data-v-d5bbda94]{background-color:#000;color:#9ca3af;font-size:11px;padding:6px 24px;display:flex;justify-content:space-between;align-items:center}.notch[data-v-d5bbda94]{width:120px;height:20px;background-color:#000;border-radius:0 0 14px 14px}.wx-nav-bar[data-v-d5bbda94]{background-color:var(--bg-mobile);border-bottom:1px solid var(--wx-nav-border);padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.wx-capsule[data-v-d5bbda94]{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:20px;padding:4px 10px;background-color:var(--wx-capsule-bg)}.mobile-scroll-container[data-v-d5bbda94]{flex:1;overflow-y:auto;background-color:var(--bg-mobile)}.segment-wrapper[data-v-d5bbda94]{border-radius:16px;padding:14px;border:1px solid var(--border-base);transition:background-color .3s ease,border .3s ease}.segment-title-show[data-v-d5bbda94]{display:flex;justify-content:center;margin:4px 0 14px 0;position:relative}.title-pill[data-v-d5bbda94]{background-color:var(--pill-bg);border:2px solid var(--pill-border);border-radius:20px;padding:4px 24px;color:#38bdf8;font-weight:700;font-size:14px}.segment-media-container[data-v-d5bbda94]{margin-bottom:12px;border-radius:10px;overflow:hidden;position:relative}.media-item[data-v-d5bbda94]{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border-light)}.responsive-img[data-v-d5bbda94]{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.img-delete-overlay[data-v-d5bbda94]{position:absolute;top:4px;right:4px;cursor:pointer;background:hsla(0,0%,100%,.8);border-radius:50%;padding:1px;display:flex;align-items:center;justify-content:center;transition:background .3s}.img-delete-overlay[data-v-d5bbda94]:hover{background:#fff}.image-inner-loader[data-v-d5bbda94]{grid-column:1/-1;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-img-box);border:1px dashed var(--border-dashed);border-radius:6px}.image-actions-row[data-v-d5bbda94]{display:flex;gap:8px;margin-bottom:12px}.ai-draw-btn[data-v-d5bbda94]{flex:1;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:6px}.manual-upload-btn[data-v-d5bbda94]{flex:1;background-color:transparent!important;color:var(--text-main)!important;border:1px solid var(--border-dashed)!important;border-radius:6px}.segment-text-show[data-v-d5bbda94]{font-size:14.5px;line-height:1.8;text-align:justify;transition:color .3s ease}.segment-actions[data-v-d5bbda94]{margin-top:10px;display:flex;justify-content:flex-end;border-top:1px dashed var(--border-light);padding-top:6px}.loading-overlay[data-v-d5bbda94]{position:absolute;inset:0;z-index:30;background:rgba(26,26,26,.9);display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-theme-form[data-v-d5bbda94] .ant-input{background-color:var(--bg-input);border-color:var(--border-light);color:var(--text-main);border-radius:6px}[data-v-d5bbda94] .ant-empty-description{color:var(--text-muted)}.workbench-layout{--bg-layout:#0a0a0a;--bg-panel:#141414;--bg-header:linear-gradient(180deg,#1e293b,#141414);--bg-center:#050505;--bg-mobile:#1a1a1a;--bg-segment:#222;--bg-img-box:#181818;--bg-card:#1a1a1a;--bg-input:#222;--text-title:#fff;--text-main:#e5e7eb;--text-muted:#9ca3af;--border-base:#222;--border-light:#333;--border-dashed:#444;--pattern-color:#475569;--pill-bg:#0b1320;--pill-border:#1e4066;--wx-nav-border:#2a2a2a;--wx-capsule-bg:#111;display:flex;height:100vh;width:100vw;background-color:var(--bg-layout);color:var(--text-main);overflow:hidden}.workbench-layout.theme-light{--bg-layout:#e2e8f0;--bg-panel:#fff;--bg-header:linear-gradient(180deg,#f8fafc,#f1f5f9);--bg-center:#cbd5e1;--bg-mobile:#f8fafc;--bg-segment:#fff;--bg-img-box:#f1f5f9;--bg-card:#fff;--bg-input:#fff;--text-title:#0f172a;--text-main:#334155;--text-muted:#64748b;--border-base:#e2e8f0;--border-light:#cbd5e1;--border-dashed:#94a3b8;--pattern-color:#94a3b8;--pill-bg:#e0f2fe;--pill-border:#bae6fd;--wx-nav-border:#e2e8f0;--wx-capsule-bg:#f8fafc}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.panel-right[data-v-d7afa34c]{width:280px;flex-shrink:0;background-color:var(--bg-panel);border-left:1px solid var(--border-base);display:flex;flex-direction:column}.right-header[data-v-d7afa34c]{padding:20px;background-color:var(--bg-header);border-bottom:1px solid var(--border-base)}.right-body[data-v-d7afa34c]{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.style-control-box[data-v-d7afa34c]{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:12px}.color-picker-item[data-v-d7afa34c]{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted)}.native-color-picker[data-v-d7afa34c]{-webkit-appearance:none;border:none;width:40px;height:24px;border-radius:4px;cursor:pointer;padding:0;background:transparent}.native-color-picker[data-v-d7afa34c]::-webkit-color-swatch-wrapper{padding:0}.native-color-picker[data-v-d7afa34c]::-webkit-color-swatch{border:1px solid var(--border-light);border-radius:4px}.template-card[data-v-d7afa34c]{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.template-card[data-v-d7afa34c]:not(.disabled-card):hover{border-color:#4ade80;transform:translateY(-1px)}.disabled-card[data-v-d7afa34c]{opacity:.5;cursor:not-allowed}.image-tmpl-card[data-v-d7afa34c]:not(.disabled-card):hover{border-color:#fcaf17}.tmpl-title[data-v-d7afa34c]{font-size:13.5px;font-weight:700;color:var(--text-title);margin:0 0 2px 0}.tmpl-desc[data-v-d7afa34c]{font-size:11px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmpl-icon[data-v-d7afa34c]{background-color:var(--bg-layout);color:var(--text-muted);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}