.floating-surface{z-index:40;background:#fffffffa;border:1px solid #24313b14;border-radius:16px;animation:.12s ease-out floating-surface-in;position:fixed;overflow:hidden;box-shadow:0 18px 40px #24313b1c}@keyframes floating-surface-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.type-menu-surface{width:min(280px,100vw - 24px)}.type-menu{max-height:min(380px,100vh - 32px);padding:.35rem;display:grid;overflow-y:auto}.type-menu__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;gap:.16rem;padding:.8rem .86rem;display:grid}.type-menu__item:hover,.type-menu__item--active{background:#f3f6f4}.type-menu__label{color:#24313b;font-weight:700}.type-menu__description{color:#7a746f;font-size:.85rem;line-height:1.5}.editable-block{margin-bottom:0;position:relative}.editable-block__chrome{opacity:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.32rem;transition:opacity .16s;display:flex}.editable-block:hover .editable-block__chrome,.editable-block--selected .editable-block__chrome{opacity:1}.editable-block__type-trigger,.editable-block__type-option,.editable-block__input,.editable-block__textarea,.editable-block__divider,.editable-block__caption-input,.editable-block__actions button{font:inherit}.editable-block__type-trigger,.editable-block__input{background:#ffffffe6;border:1px solid #24313b14;border-radius:10px}.editable-block__type-menu{position:relative}.editable-block__type-trigger{color:#6f6b66;cursor:pointer;align-items:center;gap:.36rem;min-width:4.4rem;padding:.34rem .58rem;font-size:.84rem;display:inline-flex}.editable-block__type-trigger:hover,.editable-block__type-trigger[aria-expanded=true]{background:#f7f8f7}.editable-block__actions{gap:.4rem;display:flex}.editable-block__actions button{cursor:pointer;background:#ffffffd1;border:1px solid #24313b14;border-radius:9px;width:2rem;height:2rem}.editable-block__drag-handle{color:#8a817c;letter-spacing:-.22rem;padding-right:.24rem;cursor:grab!important}.editable-block__drag-handle:active{cursor:grabbing!important}.editable-block__actions button:hover{background:#f7f8f7}.editable-block__textarea{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;padding:0;overflow:hidden}.editable-block__textarea::placeholder,.editable-block__caption-input::placeholder{color:#7a746fbd}.editable-block__rich-text{white-space:pre-wrap;word-break:break-word;min-height:2lh}.editable-block__textarea--highlight,.editable-block__textarea--section-index,.editable-block__textarea--quote{min-height:1lh}.editable-block__rich-text:empty:before{content:attr(data-placeholder);color:#7a746fbd;pointer-events:none}.editable-block__rich-text a{color:#5b6c63;text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.08em}.selection-toolbar{border-radius:999px;gap:.2rem;padding:.28rem;display:inline-flex}.selection-toolbar__button{color:#5f5b56;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .68rem;font-size:.82rem}.selection-toolbar__button:hover,.selection-toolbar__button--active{color:#24313b;background:#eef3f0}.editable-block__textarea--title{font-size:1.78rem;line-height:1.38;font-weight:var(--writer-title-weight,700);text-align:var(--writer-title-align,center);letter-spacing:var(--writer-title-letter-spacing,0);color:var(--writer-title-color,inherit)}.editable-block__textarea--summary,.editable-block__textarea--signature{text-align:inherit}.editable-block__textarea--highlight,.editable-block__textarea--section-index{font-weight:700}.editable-block__textarea--section-index{color:var(--writer-section-title-color,var(--writer-accent));letter-spacing:0;font-size:18px;font-weight:700;line-height:1.45}.editable-block__textarea--paragraph{line-height:1.9}.editable-block__textarea--quote{line-height:1.82}.editable-block__textarea--summary{color:inherit;line-height:1.72}.editable-block__textarea--signature{color:inherit}.editable-block__file-input{display:none}.editable-block__image-card{outline:none;gap:.72rem;margin:0;display:grid}.editable-block__image-card:focus-within,.editable-block__image-card:focus{border-radius:18px;box-shadow:0 0 0 3px #5b6c631f}.editable-block__image-stage{cursor:pointer;background:#f5f7f6;border:1px solid #24313b0e;border-radius:8px;padding:0;overflow:hidden}.editable-block__image-card--dragging .editable-block__image-stage{background:#eef3f0;border-color:#5b6c635c}.editable-block__image-preview{object-fit:contain;width:min(100%,360px);max-height:280px;margin:0 auto;display:block}.editable-block__image-empty{color:#5b6c63;text-align:center;place-items:center;gap:.35rem;min-height:260px;padding:1.4rem;display:grid}.editable-block__image-empty span{color:#8a817c;font-size:.92rem}.editable-block__image-toolbar{color:#8a817c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;font-size:.88rem;display:none}.editable-block:hover .editable-block__image-toolbar,.editable-block--selected .editable-block__image-toolbar{display:flex}.editable-block__image-toolbar button{cursor:pointer;background:#fff;border:1px solid #24313b14;border-radius:999px;padding:.5rem .78rem}.editable-block__caption-input{color:#7a746f;text-align:center;resize:none;background:0 0;border:none;outline:none;line-height:1.7}.editable-block__input{width:100%;padding:.7rem .8rem}.image-settings-panel{gap:.9rem;width:min(280px,100vw - 32px);padding:.95rem;display:grid}.image-settings-panel__header strong{color:#24313b;display:block}.image-settings-panel__header span,.image-settings-panel__actions span{color:#7a746f;font-size:.84rem;line-height:1.55;display:block}.image-settings-panel__actions{gap:.5rem;display:grid}.image-settings-panel__actions button{cursor:pointer;background:#fff;border:1px solid #24313b14;border-radius:999px;padding:.58rem .8rem}.image-settings-panel__fields{gap:.55rem;display:grid}.editable-block__divider{background:linear-gradient(90deg,#0000,#dfe7e2,#0000);border:0;width:min(72%,360px);height:1px;margin:1.8rem auto;display:block}@media (width<=720px){.editable-block__image-empty{min-height:190px}}.writer-canvas-shell{background:radial-gradient(circle at top, #ffffffeb, transparent 38%), var(--writer-bg);min-height:100vh;padding:28px 16px 92px}.writer-canvas-shell--mobile{justify-items:center;padding-top:28px;display:grid}.writer-canvas{background:var(--writer-canvas);width:min(720px,100vw - 32px);color:var(--writer-text);border-radius:0;margin:22px auto 0;padding:54px 58px 82px;box-shadow:0 22px 80px #24313b09}.writer-canvas--mobile{border:1px solid #24313b0f;border-radius:24px;width:min(390px,100vw - 24px);min-height:760px;padding:38px 24px 64px;box-shadow:0 22px 60px #24313b1a,inset 0 0 0 8px #f7f7f580}.writer-canvas__block{color:var(--writer-text);margin-bottom:18px;transition:opacity .14s;position:relative}.writer-canvas__block:before,.writer-canvas__block:after{background:var(--writer-accent);opacity:0;content:"";pointer-events:none;border-radius:999px;height:2px;position:absolute;left:-.35rem;right:-.35rem}.writer-canvas__block:before{top:-.5rem}.writer-canvas__block:after{bottom:-.45rem}.writer-canvas__block--dragging{opacity:.42}.writer-canvas__block--drop-before:before,.writer-canvas__block--drop-after:after{opacity:.72}.writer-canvas__block--title{text-align:var(--writer-title-align);color:var(--writer-title-color);margin-bottom:28px}.writer-canvas__block--summary,.writer-canvas__block--signature{color:var(--writer-signature-color)}.writer-canvas__block--summary{text-align:var(--writer-summary-align);color:var(--writer-summary-color);font-style:var(--writer-summary-font-style);margin-bottom:34px}.writer-canvas__block--divider{margin:32px 0}.writer-canvas__block--quote .editable-block__textarea{border-left:var(--writer-quote-line-width) solid var(--writer-quote-line-color);padding-left:var(--writer-quote-padding-left);color:var(--writer-quote-text-color);font-style:var(--writer-quote-font-style)}.writer-canvas__block--highlight .editable-block__textarea{width:auto;padding:var(--writer-highlight-padding);border-radius:var(--writer-highlight-radius);box-shadow:var(--writer-highlight-border);background:var(--writer-highlight-fill);color:var(--writer-highlight-text);font-weight:var(--writer-highlight-weight);display:inline-block}.writer-canvas__block--section-index{margin-bottom:22px}.writer-canvas__block--signature{text-align:var(--writer-signature-align);color:var(--writer-signature-color)}.writer-canvas__block--signature .editable-block__textarea{letter-spacing:var(--writer-signature-letter-spacing);text-transform:var(--writer-signature-transform)}@media (width<=720px){.writer-canvas-shell{padding:14px 0 40px}.writer-canvas{width:100%;box-shadow:none;border-radius:0;padding:30px 20px 48px}.writer-canvas--mobile{border-radius:22px;width:min(390px,100vw - 18px);box-shadow:0 16px 42px #24313b14}}.template-library-drawer{background:#fffffffa;grid-template-rows:auto 1fr;width:min(360px,100vw - 28px);max-height:min(78vh,760px);display:grid}.template-library-drawer__header{border-bottom:1px solid #24313b14;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.1rem .9rem;display:flex}.template-library-drawer__eyebrow{color:#5b6c63;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:11px;font-weight:700}.template-library-drawer__header h2{color:#24313b;margin:0;font-size:1.15rem;line-height:1.3}.template-library-drawer__close{color:#60706a;cursor:pointer;font:inherit;background:#fff;border:1px solid #24313b14;border-radius:999px;padding:.48rem .8rem}.template-library-drawer__body{padding:1rem 1.1rem 1.15rem;overflow-y:auto}.template-library-drawer__description,.template-library-drawer__tagline{color:#60706a;margin:0;font-size:.92rem;line-height:1.75}.template-library-drawer__tagline{margin-top:.72rem}.template-library-drawer__tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.template-library-drawer__tags span{color:#5b6c63;background:#f3f6f4;border-radius:999px;padding:.34rem .58rem;font-size:.77rem;font-weight:700}.template-library-drawer__swatch-row{gap:.55rem;margin-top:1rem;display:flex}.template-library-drawer__swatch-row span{border:1px solid #24313b14;border-radius:999px;width:32px;height:32px;box-shadow:inset 0 0 0 1px #ffffff8c}.template-library-drawer__actions{gap:.72rem;margin-top:1.15rem;display:grid}.template-library-drawer__actions button{cursor:pointer;border:0;border-radius:14px;padding:.82rem .95rem;font-size:.9rem;font-weight:700}.template-library-drawer__primary{color:#fff;background:#5b6c63}.template-library-drawer__secondary{color:#40534a;background:#eef3ef}.toolbar{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7f5eb;border-bottom:1px solid #24313b14;gap:.85rem;padding:12px 18px;display:grid;position:sticky;top:0}.toolbar__primary,.toolbar__secondary{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.toolbar__title,.toolbar__select,.toolbar__ghost,.toolbar__solid{font:inherit}.toolbar__mode-badge{color:#4b6158;background:#eef3ef;border-radius:999px;align-items:center;padding:.4rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.toolbar__title{background:#fff;border:1px solid #24313b14;border-radius:12px;flex:280px;min-width:180px;padding:.7rem .92rem;font-weight:600}.toolbar__select{background:#fff;border:1px solid #24313b14;border-radius:12px;padding:.72rem .85rem}.toolbar__ghost,.toolbar__solid,.toolbar__segment-button{cursor:pointer;border-radius:12px;padding:.68rem .9rem}.toolbar__ghost{background:#fff;border:1px solid #24313b14}.toolbar__solid{color:#fff;background:#24313b;border:1px solid #0000}.toolbar__ghost:disabled,.toolbar__solid:disabled{cursor:wait;opacity:.68}.toolbar__copy-body{background:#5b6c63}.toolbar__segment{background:#fff;border:1px solid #24313b14;border-radius:12px;padding:.18rem;display:inline-flex}.toolbar__segment-button{color:#7a746f;background:0 0;border:0;padding:.5rem .72rem}.toolbar__segment-button--active{color:#fff;background:#24313b}.toolbar__status{color:#7a746f;font-size:.85rem}.toolbar__feedback{color:#5b6c63;font-size:.85rem}.toolbar__hint{color:#8a817c;font-size:.82rem;line-height:1.45}.toolbar__menu{width:min(480px,100%)}@media (width<=720px){.toolbar{padding:10px 12px}.toolbar__primary,.toolbar__secondary{gap:.55rem}}.history-panel{gap:1rem;width:min(440px,100vw - 32px);padding:1rem;display:grid}.history-panel__header p{color:#7a746f;margin:.38rem 0 0;font-size:.9rem;line-height:1.5}.history-panel__composer{gap:.7rem;display:grid}.history-panel__input{font:inherit;background:#fff;border:1px solid #24313b14;border-radius:12px;padding:.8rem .9rem}.history-panel__save{font:inherit;color:#fff;cursor:pointer;background:#24313b;border:0;border-radius:12px;padding:.75rem .9rem}.history-panel__list{gap:.8rem;max-height:min(60vh,520px);display:grid;overflow:auto}.history-panel__empty,.history-panel__item{background:#fffffff5;border:1px solid #24313b14;border-radius:14px;padding:.9rem}.history-panel__meta,.history-panel__submeta,.history-panel__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.history-panel__meta span,.history-panel__submeta{color:#7a746f;font-size:.84rem}.history-panel__badge{color:#4b6158;background:#eef3ef;border-radius:999px;align-items:center;padding:.24rem .56rem;font-weight:700;display:inline-flex}.history-panel__actions button{font:inherit;cursor:pointer;background:#fff;border:1px solid #24313b14;border-radius:10px;padding:.52rem .72rem}.block-menu{gap:.6rem;display:grid}.block-menu__item{text-align:left;cursor:pointer;background:#fff;border:1px solid #24313b14;border-radius:12px;gap:.25rem;width:100%;padding:.85rem .95rem;display:grid}.block-menu__item:hover{background:#fbfcfb;border-color:#5b6c6340}.block-menu__label{color:#24313b;font-size:.96rem;font-weight:700}.block-menu__description{color:#7a746f;font-size:.83rem}.app-shell{min-height:100vh}.left-drawer-surface{z-index:42;width:min(368px,100vw - 28px);max-height:min(78vh,780px)}.left-drawer-surface--command{width:min(380px,100vw - 28px)}.left-command-panel{gap:.9rem;width:100%;padding:1.05rem;display:grid}.left-command-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.left-command-panel__eyebrow{color:#5b6c63;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:11px;font-weight:700}.left-command-panel__header h2{color:#24313b;margin:0;font-size:1.05rem;line-height:1.3}.left-command-panel__close{color:#60706a;cursor:pointer;font:inherit;background:#fff;border:1px solid #24313b14;border-radius:999px;padding:.48rem .82rem}.left-command-panel__hint{color:#7a746f;margin:0;font-size:.89rem;line-height:1.7}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#24313b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f5;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select{font:inherit}textarea{font-family:inherit}