:root{color:#1f2329;background:#f5f6f7;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1280px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:10px 12px 12px}.topbar{display:flex;align-items:center;justify-content:space-between;height:48px;margin-bottom:10px;border:1px solid #e5e6eb;border-radius:12px;padding:0 10px 0 14px;background:#fff;box-shadow:0 6px 18px #1f23290a}.brand-strip{display:flex;align-items:center;min-width:0;flex:1;gap:12px}.brand-strip strong{color:#07c160;font-size:16px}.brand-strip span{color:#86909c;font-size:13px}.topbar-title-input{width:min(520px,44vw);border:1px solid transparent;border-radius:10px;padding:8px 11px;color:#1d2129;background:#f7f8fa;font-size:17px;font-weight:700;outline:none}.topbar-title-input:focus{border-color:#07c160;background:#fff;box-shadow:0 0 0 3px #07c1601a}.topbar-save-button{flex:0 0 auto;height:34px}.jitword-link-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:0 12px 0 10px;color:#2563eb;white-space:nowrap;text-decoration:none;background:#eff6ff;font-size:13px;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease}.jitword-link-button:hover{border-color:#2563eb6b;color:#1d4ed8;background:#dbeafe}.jitword-link-button:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.jitword-link-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:currentColor}.jitword-link-icon svg{width:14px;height:14px;fill:currentColor}.github-link-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid #d1d5db;border-radius:999px;padding:0 10px;color:#111827;white-space:nowrap;text-decoration:none;background:#fff;font-size:13px;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease}.github-link-button:hover{border-color:#111827;color:#030712;background:#f9fafb}.github-link-button:focus-visible{outline:3px solid rgba(17,24,39,.16);outline-offset:2px}.github-link-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:currentColor}.github-link-icon svg{width:15px;height:15px;fill:currentColor}.github-star-count{min-width:34px;border-radius:999px;padding:2px 7px;color:#374151;text-align:center;background:#f3f4f6;font-size:12px;font-weight:700}.topbar-actions,.section-title-row,.tab-list{display:flex;align-items:center;gap:10px}.status-pill{border:1px solid #e5e6eb;border-radius:999px;padding:6px 10px;color:#4e5969;background:#f7f8fa;font-size:12px}.workspace{display:grid;grid-template-columns:220px minmax(760px,1fr) 300px;gap:10px;height:calc(100vh - 76px)}.workspace-loading{display:flex;align-items:center;justify-content:center;height:calc(100vh - 76px);color:#4e5969;font-size:14px}.panel{overflow:hidden;border:1px solid #e5e6eb;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1f23290d}.sidebar,.right-panel{overflow-y:auto;padding:12px}.sidebar{overflow-x:visible}.panel-section+.panel-section{margin-top:16px}.panel-section h2,.panel-section h3{margin:0 0 12px;color:#0f172a;font-size:16px}.section-title-row{justify-content:space-between}.sidebar-tab-panel>.section-title-row{margin-bottom:12px}.primary-button,.ghost-button,.tab-list button{border:0;border-radius:10px;padding:8px 12px;font-size:13px}.primary-button{flex:0 0 auto;min-width:56px;color:#fff;white-space:nowrap;background:#2563eb}.ghost-button{color:#2563eb;background:#eff6ff}.draft-item,.theme-item,.block-item,.command-item,.version-item{display:block;width:100%;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:14px;padding:12px;color:#1e293b;text-align:left;background:#fff}.draft-item{display:flex;align-items:center;gap:8px;padding:0;overflow:hidden}.draft-item.active,.theme-item.active{border-color:#2563eb;background:#eff6ff}.draft-select-button{min-width:0;flex:1;border:0;padding:12px;color:inherit;text-align:left;background:transparent}.draft-delete-button{flex:0 0 auto;margin-right:8px;border:1px solid #fee2e2;border-radius:9px;padding:6px 8px;color:#dc2626;background:#fff7f7;font-size:12px}.draft-delete-button:hover:not(:disabled){border-color:#fca5a5;background:#fee2e2}.draft-delete-button:disabled{cursor:not-allowed;opacity:.45}.danger-button{border:0;border-radius:10px;padding:8px 12px;color:#fff;background:#dc2626;font-weight:700}.confirm-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a5c}.confirm-dialog{width:min(92vw,360px);border-radius:18px;padding:18px;background:#fff;box-shadow:0 20px 56px #0f172a3d}.confirm-dialog h3{margin:0 0 8px;color:#1d2129}.confirm-dialog p{margin:0;color:#4e5969;font-size:14px;line-height:1.7}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.draft-item strong,.block-item strong,.command-item strong,.version-item strong{display:block;margin-bottom:4px}.draft-item span,.block-item span,.command-item span,.version-item span,.theme-item small{display:block;color:#64748b;font-size:12px;line-height:1.5}.theme-item{display:flex;align-items:flex-start;gap:10px}.theme-dot{width:14px;height:14px;margin-top:3px;border-radius:50%;flex:0 0 auto}.editor-pane{display:flex;min-width:0;min-height:480px;height:100%;flex-direction:column;padding:10px}.editor-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.title-input{width:100%;border:1px solid #e5e6eb;border-radius:10px;padding:10px 12px;color:#1d2129;font-size:19px;font-weight:700;outline:none}.editor-toolbar{display:flex;justify-content:space-between;margin-bottom:12px;border-radius:12px;padding:10px 12px;color:#64748b;background:#f8fafc;font-size:13px}.editor-canvas{flex:1;min-height:420px;overflow-y:auto;border:1px solid #e5e6eb;border-radius:10px;padding:14px;background:#fff;outline:none}.editor-canvas:focus{border-color:#07c160}.wx-article{color:#1f2937;font-size:16px;line-height:1.85}.wx-article h1{font-size:26px;line-height:1.35}.wx-article h2{margin-top:28px;font-size:20px}.wx-article img,.phone-preview img,.editor-canvas img{display:block;max-width:100%!important;height:auto!important;margin:12px auto;object-fit:contain}.wx-card{margin:16px 0;border:1px solid #dbeafe;border-radius:12px;padding:16px;background:#eff6ff}.wx-quote{margin:16px 0;border-left:4px solid #93c5fd;padding:10px 14px;color:#475569;background:#f8fafc}.wx-divider{height:1px;margin:24px 0;background:#dbeafe}.wx-code{overflow-x:auto;border-radius:12px;padding:14px;color:#e2e8f0;background:#0f172a}.wx-alert,.wx-media{margin:16px 0;border:1px solid #dbeafe;border-radius:14px;padding:14px 16px;background:#eff6ff}.wx-alert strong,.wx-grid-item strong{display:block;margin-bottom:6px}.wx-steps{margin:18px 0;padding-left:0;list-style:none}.wx-steps li,.wx-grid-item,.wx-timeline-item{margin-bottom:12px;border-radius:12px;padding:12px 14px;background:#f8fafc}.wx-timeline{margin:18px 0;border-left:2px solid #dbeafe;padding-left:16px}.wx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.wx-link-list{margin:16px 0;border:1px solid #dbeafe;border-radius:14px;padding:8px 14px}.wx-link-list a{display:block;padding:10px 0}.wx-media-placeholder{display:flex;align-items:center;justify-content:center;min-height:96px;border:1px dashed #93c5fd;border-radius:12px;color:#2563eb;background:#fff}.wx-media figcaption{margin-top:8px;color:#64748b;font-size:12px;text-align:center}.tab-list{position:sticky;top:0;z-index:1;padding-bottom:14px;background:#fff}.tab-list button{flex:1;color:#475569;background:#f1f5f9}.tab-list button.active{color:#fff;background:#2563eb}.tab-list .config-entry-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;color:#07c160;background:#f3fff8}.tab-list .config-entry-button svg{width:18px;height:18px;fill:currentColor}.config-panel-card,.image-hosting-tip{margin-bottom:14px;border:1px solid #d8f3e2;border-radius:14px;padding:12px;background:linear-gradient(180deg,#f3fff8,#fff)}.config-form-group{display:grid;gap:9px;margin-bottom:14px}.config-form-group h3{margin:2px 0;color:#1d2129;font-size:14px}.config-form-group label{display:grid;gap:5px}.config-form-group label span,.config-help,.image-hosting-tip span{color:#4e5969;font-size:12px;line-height:1.5}.config-form-group input{width:100%;border:1px solid #dbe3ef;border-radius:10px;padding:9px 10px;outline:none}.config-form-group input:focus{border-color:#07c160}.config-provider-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-radius:10px;padding:4px;background:#eefaf3}.config-provider-switch button{border:0;border-radius:8px;padding:8px;color:#4e5969;background:transparent}.config-provider-switch button.active{color:#07c160;background:#fff;box-shadow:0 4px 12px #1f232914}.image-hosting-tip{display:grid;gap:7px}.image-hosting-tip strong{color:#166534;font-size:13px}.command-item:disabled{cursor:wait;opacity:.6}.ai-result{margin-top:16px;border:1px solid #dbeafe;border-radius:14px;padding:12px;background:#f8fafc}.ai-result pre{overflow-x:auto;white-space:pre-wrap;color:#334155;font-size:13px;line-height:1.7}.copy-status,.empty-text{color:#64748b;font-size:13px}.issue{border-radius:10px;padding:8px 10px;font-size:13px}.issue.warning{color:#92400e;background:#fffbeb}.issue.error{color:#991b1b;background:#fef2f2}.issue.info{color:#1e40af;background:#eff6ff}.phone-preview{width:min(100%,260px);height:460px;max-height:460px;overflow-y:auto;overflow-x:hidden;margin:14px auto 0;border:10px solid #111827;border-radius:32px;padding:20px 14px;background:#fff;box-shadow:0 14px 32px #0f172a29}.html-output{margin-top:14px;color:#475569;font-size:13px}.html-output textarea{width:100%;height:160px;margin-top:8px;border:1px solid #dbe3ef;border-radius:12px;padding:10px;resize:vertical}.editor-canvas [data-wx-editor-hidden=true]{display:none!important}.editor-canvas.jitword-web-only{height:100%;min-height:420px}.editor-canvas.jitword-web-only:not(.fallback-editor){overflow:hidden;padding:0}.editor-canvas.jitword-web-only>*{width:100%;max-width:none}.editor-canvas.jitword-web-only .collab-editor-app{display:flex;min-height:0;height:100%;flex-direction:column}.editor-canvas.jitword-web-only .main-content-area,.editor-canvas.jitword-web-only .editor-scroll-container{flex:1 1 auto;min-height:0;height:auto;overflow:auto}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:sticky;top:0;z-index:2;margin:-2px 0 12px;border-radius:10px;padding:4px;background:#f2f3f5}.sidebar-tabs button{border:0;border-radius:8px;padding:8px 6px;color:#4e5969;background:transparent;font-size:13px;font-weight:600}.sidebar-tabs button.active{color:#07c160;background:#fff;box-shadow:0 3px 10px #1f232914}.sidebar-tab-panel{margin-top:0}.theme-picker-card{position:relative;display:block;margin-bottom:12px;border:1px solid #d8f3e2;border-radius:12px;padding:12px;background:linear-gradient(180deg,#f3fff8,#fff)}.theme-select-label{display:block;margin-bottom:7px;color:#4e5969;font-size:12px;font-weight:600}.theme-picker-trigger,.theme-option{display:flex;align-items:center;width:100%;border:1px solid #e5e6eb;border-radius:11px;padding:9px 10px;color:#1d2129;text-align:left;background:#fff}.theme-picker-trigger{gap:9px;box-shadow:0 4px 14px #1f23290a}.theme-picker-trigger:hover,.theme-option:hover,.theme-option.active{border-color:#07c160;background:#f3fff8}.theme-trigger-copy,.theme-option span:last-child{min-width:0;flex:1}.theme-trigger-copy strong,.theme-option strong{display:block;margin-bottom:2px;font-size:13px}.theme-trigger-copy small,.theme-option small{display:block;overflow:hidden;color:#86909c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.theme-swatch{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 4px #07c16014;flex:0 0 auto}.theme-chevron{color:#86909c;transition:transform .18s ease}.theme-chevron.open{transform:rotate(180deg)}.theme-picker-menu{display:grid;gap:7px;position:static;z-index:5;max-height:320px;overflow-x:hidden;overflow-y:auto;margin-top:8px;border:1px solid #d8f3e2;border-radius:12px;padding:8px;background:#fff;box-shadow:0 14px 34px #1f232924}.theme-option{gap:9px;min-width:0}.style-block-list{display:grid;gap:9px}.block-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:0;padding:11px}.block-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#07c160;background:#e8fff2;flex:0 0 auto}.block-icon svg{width:20px;height:20px;fill:currentColor}.block-copy{min-width:0}.block-copy strong{display:block;margin-bottom:3px;color:#1d2129;font-size:13px}.block-copy span{display:block;color:#86909c;font-size:12px;line-height:1.45}.editor-canvas.jitword-web-only [class*=float-toolbar],.editor-canvas.jitword-web-only [class*=FloatToolbar],.editor-canvas.jitword-web-only [class*=right-toolbar],.editor-canvas.jitword-web-only [class*=RightToolbar],.editor-canvas.jitword-web-only [class*=scroll-nav],.editor-canvas.jitword-web-only [class*=ScrollNav],.editor-canvas.jitword-web-only [class*=page-setting],.editor-canvas.jitword-web-only [class*=PageSetting]{display:none!important}.ai-chat-panel{display:flex;min-height:0;flex-direction:column}.ai-style-picker{position:relative;margin-bottom:10px;border:1px solid #d8f3e2;border-radius:12px;padding:10px;background:#f3fff8}.ai-style-picker>span{display:block;margin-bottom:7px;color:#4e5969;font-size:12px;font-weight:600}.ai-style-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #c8ead5;border-radius:11px;padding:10px;color:#1d2129;text-align:left;background:#fff;box-shadow:0 4px 12px #07c16014}.ai-style-trigger span,.ai-style-option span{min-width:0}.ai-style-trigger strong,.ai-style-option strong{display:block;margin-bottom:3px;color:#1d2129;font-size:13px}.ai-style-trigger small,.ai-style-option small{display:block;color:#86909c;font-size:12px;line-height:1.4}.ai-style-trigger svg{width:18px;height:18px;color:#07c160;transition:transform .18s ease;flex:0 0 auto}.ai-style-trigger svg.open{transform:rotate(180deg)}.ai-style-menu{display:grid;gap:7px;margin-top:8px;border:1px solid #d8f3e2;border-radius:12px;padding:8px;background:#fff;box-shadow:0 12px 28px #1f23291f}.ai-style-option{width:100%;border:1px solid #edf2f7;border-radius:10px;padding:9px;text-align:left;background:#fff}.ai-style-option:hover,.ai-style-option.active{border-color:#07c160;background:#f3fff8}.ai-quick-prompts{display:flex;gap:7px;margin-bottom:10px;overflow-x:auto;padding-bottom:2px}.ai-quick-prompts button{flex:0 0 auto;border:1px solid #e5e6eb;border-radius:999px;padding:6px 9px;color:#4e5969;background:#fff;font-size:12px}.ai-chat-list{display:grid;gap:10px;max-height:42vh;overflow-y:auto;padding-right:2px}.ai-message{border:1px solid #e5e6eb;border-radius:14px;padding:10px;background:#fff}.ai-message.user{border-color:#d8f3e2;background:#f3fff8}.ai-message strong{display:block;margin-bottom:6px;color:#1d2129;font-size:13px}.ai-message p{margin:0;color:#4e5969;font-size:12px;line-height:1.6;white-space:pre-wrap}.ai-message-content{color:#4e5969;font-size:12px;line-height:1.65}.ai-message-content .wx-card,.ai-message-content .wx-alert,.ai-message-content .wx-quote{margin:4px 0 0;padding:10px;border-radius:12px}.ai-message-content .wx-card h2,.ai-message-content h3{margin:0 0 8px;color:#1d2129;font-size:14px;line-height:1.4}.ai-message-content p{margin:0 0 8px;color:#4e5969;font-size:12px;line-height:1.65;white-space:normal}.ai-message-content p:last-child{margin-bottom:0}.ai-message-content .wx-steps{margin:8px 0 0}.ai-message-content .wx-steps li{margin-bottom:8px;padding:9px 10px}.ai-message-actions{display:flex;gap:8px;margin-top:10px}.ai-typing,.copy-status{color:#07c160;font-size:12px}.ai-chat-composer{display:grid;gap:8px;margin-top:10px}.ai-chat-composer textarea{width:100%;resize:vertical;border:1px solid #e5e6eb;border-radius:12px;padding:10px;color:#1d2129;font-size:13px;outline:none}.ai-chat-composer textarea:focus{border-color:#07c160;box-shadow:0 0 0 3px #07c1601a}.editor-canvas.jitword-web-only .editor-toolbar.mobile-toolbar,.editor-canvas.jitword-web-only .px-editor-toolbar-content.mobile-compact{display:flex!important;visibility:visible!important;opacity:1!important}.editor-canvas.jitword-web-only .editor-toolbar.mobile-toolbar{flex-direction:column;width:100%;height:auto!important;min-height:100px;max-height:136px;overflow:visible!important}.editor-canvas.jitword-web-only .px-editor-categorized-toolbar,.editor-canvas.jitword-web-only .px-editor-toolbar-content.mobile-compact{width:100%;height:auto!important;min-height:48px;max-height:60px;overflow:visible!important}.editor-canvas.jitword-single-line-menu{position:relative}.editor-canvas.jitword-single-line-menu .jitword-start-menu-row{position:relative!important;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:4px;width:100%;min-height:48px!important;max-height:60px!important;height:auto!important;overflow:hidden!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;padding-left:46px!important;padding-right:46px!important;box-sizing:border-box}.editor-canvas.jitword-single-line-menu .jitword-start-menu-row::-webkit-scrollbar{display:none}.editor-canvas.jitword-single-line-menu .jitword-start-menu-row>:not(.jitword-menu-scroll-control){flex:0 0 auto;min-height:0!important;height:auto!important;max-height:58px!important}.editor-canvas.jitword-single-line-menu .jitword-start-menu-row button:not(.jitword-menu-scroll-control),.editor-canvas.jitword-single-line-menu .jitword-start-menu-row [role=button]:not(.jitword-menu-scroll-control){min-height:28px!important;max-height:44px!important}.editor-canvas.jitword-single-line-menu .px-editor-toolbar-menu{min-height:44px!important;max-height:60px!important}.jitword-menu-scroll-control{position:absolute;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;min-width:24px!important;max-width:24px;min-height:28px!important;max-height:28px!important;margin:0;border:1px solid #e5e6eb;border-radius:8px;padding:0;color:#1d2129;background:#fffffff5;box-shadow:0 4px 12px #1f23291f;transform:translateY(-50%);pointer-events:auto;flex:0 0 24px}.jitword-menu-scroll-control svg{width:16px;height:16px}.jitword-menu-scroll-control.left{left:10px;order:-999}.jitword-menu-scroll-control.right{right:10px;margin-left:0;order:999}