.word-page-hero{padding-bottom:184px}.word-workspace-container{z-index:5;margin-top:-118px;position:relative}.flow-card-word{color:#173255;background:linear-gradient(135deg,#0000 0 84%,#e3ebf7 84% 100%),#fff}.flow-card-word:before{background:#2b579a}.flow-card-word .flow-card-label{color:#6a83a9}.flow-card-word .flow-code{color:#244f8c;background:#edf4ff}.word-card-fold{background:#eaf0f9;border-top:1px solid #cbd7e8;border-left:1px solid #cbd7e8;width:34px;height:34px;position:absolute;bottom:0;right:0}.word-workspace-shell{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);border:1px solid #bccbe1;position:relative;overflow:hidden}.word-workspace-topbar{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#2b579a0b,#0000 44%),#fbfcff;justify-content:space-between;align-items:center;min-height:70px;padding:15px 22px;display:flex}.word-workspace-grid{grid-template-columns:minmax(0, var(--workspace-split)) minmax(0, calc(100% - var(--workspace-split)));height:clamp(720px,82vh,920px);min-height:720px;display:grid}.word-editor-panel,.word-preview-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.word-editor-panel{border-right:1px solid var(--line-strong);background:#fff}.word-preview-panel{background:#f6f8fc;overflow:visible}.word-markdown-input{min-height:0}.word-preview-heading{background:#ffffffdb;min-height:70px}.word-heading-label{color:#285899;background:#eef4fde0;border:1px solid #9ab1d5ad;border-radius:10px;justify-content:center;align-items:center;min-width:178px;min-height:36px;padding:0 18px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fffc}.word-heading-expand{left:calc(50% + 103px)}.word-preview-stage{background:radial-gradient(circle at 50% 0,#b8cceb75,#0000 44%),#e7edf6;flex:1;min-height:0;position:relative;overflow:hidden}.word-preview-frame{background:#e7edf6;border:0;width:100%;height:100%;display:block}.word-preview-empty{color:#68778d;background:#ffffffa3;border:1px dashed #a9b9d0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:26px}.word-preview-empty span{color:#fff;background:#2b579a;border:1px solid #96abc8;justify-content:center;align-items:center;width:58px;height:72px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:850;display:inline-flex;box-shadow:0 9px 22px #22498233}.word-preview-empty p{margin:0;font-size:12px}.word-save-bar{background:#fffffff2;border-top:1px solid #d4deec;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:13px 16px 13px 20px;display:flex}.word-save-bar p{color:#6b788d;margin:0;font-size:10px;line-height:1.65}.word-save-button{background:#2b579a;flex:none;min-width:224px;box-shadow:0 9px 20px #2b579a33}.word-save-button:hover:not(:disabled){background:#224a86}.word-output-modal{background:#eff5fee6;border-color:#577eb79e}.word-output-modal-content{background:#dee7f4b3}.word-output-modal-preview{background:#e7edf6}.word-how-section{padding-top:108px}.word-feature-note{background:radial-gradient(circle at 0 0,#d2e0f6b8,#0000 36%),#fafcfff0;border:1px solid #cbd8eb;border-radius:18px;grid-template-columns:minmax(220px,.72fr) minmax(280px,1.28fr) auto;align-items:center;gap:30px;margin-top:52px;padding:30px 34px;display:grid;box-shadow:0 18px 44px #2c487217}.word-feature-note h3{margin:7px 0 0;font-size:20px}.word-feature-note p{color:#637086;margin:0;font-size:12px;line-height:1.85}.word-faq-section{padding-top:94px;padding-bottom:110px}.word-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px;display:grid}.word-faq-grid article{background:#fff;border:1px solid #d2ddeb;border-radius:15px;padding:24px;box-shadow:0 12px 30px #2b456d12}.word-faq-grid h3{margin:0 0 12px;font-size:15px}.word-faq-grid p{color:#667389;margin:0;font-size:12px;line-height:1.8}@media (max-width:980px){.word-workspace-grid{grid-template-columns:1fr;height:auto;min-height:0}.word-editor-panel{border-right:0;border-bottom:1px solid var(--line-strong);height:620px}.word-preview-panel{height:760px}.word-feature-note,.word-faq-grid{grid-template-columns:1fr}}@media (max-width:640px){.word-page-hero{padding-bottom:118px}.word-workspace-container{margin-top:-68px}.word-workspace-topbar{padding:13px 15px}.word-editor-panel{height:540px}.word-preview-panel{height:670px}.word-heading-label{display:none}.word-heading-expand{left:auto;right:78px}.word-save-bar{flex-direction:column;align-items:stretch}.word-save-button{width:100%;min-width:0}.word-feature-note{padding:24px 20px}}