/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{color:#272520;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#fff;min-width:320px;margin:0;position:relative;overflow:hidden}body:before,body:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:-20% -14%}body:before{opacity:.96;filter:blur(50px)saturate(.3);background:radial-gradient(58% 48% at 76% 14%,#e052ffb8,#0000 63%),radial-gradient(66% 54% at 54% 36%,#3481ffb8,#0000 65%),radial-gradient(42% 38% at 24% 30%,#8fe9ffad,#0000 68%),radial-gradient(38% 34% at 78% 68%,#ff9bd97a,#0000 72%),conic-gradient(from 158deg at 58% 40%,#fff0 0deg,#75dfff70 54deg,#3d6bff8a 132deg,#b650ff85 218deg,#fff0 310deg);width:min(66vw,1040px);height:min(70vh,720px);inset:-18% -8% auto auto;transform:rotate(2deg)scale(1.04)}body:after{z-index:0;opacity:.56;-webkit-backdrop-filter:blur(6px)saturate(1.08);backdrop-filter:blur(6px)saturate(1.08);background:linear-gradient(90deg,#fff 0 26%,#ffffff8f 47%,#ffffff05 76%,#ffffff14 100%),linear-gradient(#fff0 0 36%,#ffffffbd 78%,#fff 100%)}button,textarea,input,select{font:inherit}button{cursor:pointer}.app-shell{z-index:1;grid-template-rows:54px minmax(0,1fr);gap:14px;height:100vh;padding:18px 20px 20px;display:grid;position:relative}.app-toolbar{z-index:10;-webkit-backdrop-filter:blur(34px)saturate(1.34);backdrop-filter:blur(34px)saturate(1.34);background:linear-gradient(#ffffffa8,#ffffff57),#ffffff42;border:1px solid #ffffffad;border-radius:22px;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:16px;width:100%;max-width:1760px;margin:0 auto;padding:0 20px;display:grid;position:relative;box-shadow:0 26px 80px #4d457a1f,inset 0 1px #ffffffeb,inset 0 -1px #ffffff61}.window-dots{gap:8px;display:flex}.window-dots span{border-radius:50%;width:12px;height:12px}.window-dots span:first-child{background:#f26b5f}.window-dots span:nth-child(2){background:#f2be4d}.window-dots span:nth-child(3){background:#62c554}.toolbar-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#4a463e;background:linear-gradient(#ffffffe0,#ffffff8a),#ffffffa3;border:1px solid #ffffffad;border-radius:11px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex;box-shadow:0 14px 26px #26221c14,inset 0 1px #ffffffdb}.brand-mark img{width:23px;height:23px;display:block}.brand-row h1,.brand-row p{margin:0}.brand-row h1{font-size:18px;font-weight:720;line-height:1.1}.brand-row p{color:#2d2a248c;margin-top:3px;font-size:12px}.toolbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.toolbar-button{color:#3c3932;white-space:nowrap;background:#ffffff80;border:1px solid #ffffff9e;border-radius:13px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 10px 24px #4c447612,inset 0 1px #ffffffbd}.workspace{grid-template-columns:minmax(430px,560px) minmax(480px,1fr) minmax(320px,380px);gap:18px;width:100%;max-width:1760px;min-height:0;margin:0 auto;display:grid}.editor-panel,.preview-panel,.inspector-panel{-webkit-backdrop-filter:blur(36px)saturate(1.34);backdrop-filter:blur(36px)saturate(1.34);background:linear-gradient(#ffffff8a,#ffffff3d),#ffffff38;border:1px solid #ffffff94;border-radius:22px;min-height:0;box-shadow:0 32px 96px #45427721,0 12px 42px #2a8aff0f,inset 0 1px #ffffffdb,inset 0 -1px #ffffff47}.editor-panel{padding:18px;overflow:hidden}.inspector-panel{padding:14px 14px 34px;position:relative;overflow:auto}.editor-section{grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;display:grid}.control-section{border-bottom:1px solid #706a5e1c;margin-bottom:13px;padding:0 0 13px}.control-section:last-child{border-bottom:0;margin-bottom:0}.section-title{color:#302d28;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;font-weight:720;display:flex}.section-title small{color:#302d2873;margin-left:auto;font-size:11px;font-weight:500}.markdown-title{align-items:center}.markdown-title-icon{color:#302d28b8;background:linear-gradient(#ffffffdb,#faf7f199),#ffffff8a;border:1px solid #ffffff9e;border-radius:9px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:0 8px 18px #2a26200b,inset 0 1px #ffffffd1}.markdown-guide-trigger{color:#302d2894;background:#ffffff9e;border:1px solid #706a5e1f;border-radius:8px;justify-content:center;align-items:center;width:23px;height:23px;margin-left:2px;transition:transform .16s,color .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 18px #2a26200a}.markdown-guide-trigger:hover{color:#302d28d1;background:#ffffffe0;transform:translateY(-1px);box-shadow:0 12px 24px #2a262014}.markdown-guide{z-index:80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffc7;border:1px solid #706a5e24;border-radius:14px;width:280px;position:fixed;overflow:hidden;box-shadow:0 26px 70px #2a262029}.markdown-guide-header{color:#302d28;cursor:grab;-webkit-user-select:none;user-select:none;background:#faf8f38f;border-bottom:1px solid #706a5e1a;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:0 10px 0 13px;display:flex}.markdown-guide-header:active{cursor:grabbing}.markdown-guide-header span{align-items:center;gap:7px;font-size:12px;font-weight:720;display:inline-flex}.markdown-guide-header button{color:#302d288f;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.markdown-guide-header button:hover{color:#302d28;background:#706a5e14}.markdown-guide-list{gap:1px;max-height:min(520px,100vh - 180px);padding:9px;display:grid;overflow:auto}.markdown-guide-row{border-radius:9px;grid-template-columns:minmax(0,1.05fr) minmax(72px,.65fr);align-items:center;gap:10px;min-height:32px;padding:6px 7px;display:grid}.markdown-guide-row:hover{background:#f2eee5b8}.markdown-guide-row code{color:#4a4236;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;overflow:hidden}.markdown-guide-row span{color:#302d288a;text-align:right;font-size:11px}.markdown-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex;position:relative}.insert-image-menu{position:relative}.insert-image-button,.insert-table-button{color:#302d28ad;background:linear-gradient(#ffffffbd,#ffffff6b),#ffffff7a;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:5px;height:27px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex;box-shadow:0 8px 22px #2a26200b,inset 0 1px #ffffffb8}.insert-table-button:hover,.insert-image-button:hover{color:#302d28d6;background:#ffffffe6}.markdown-format-toolbar{width:100%;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:0;display:flex;overflow:visible}.format-tool-group,.accent-color-group{-webkit-backdrop-filter:blur(24px)saturate(1.32);backdrop-filter:blur(24px)saturate(1.32);background:linear-gradient(#ffffffb8,#ffffff52),#ffffff5c;border:1px solid #ffffff94;border-radius:999px;flex:none;align-items:center;min-width:0;padding:4px;display:inline-flex;box-shadow:0 16px 34px #404d8717,inset 0 1px #ffffffe0}.format-tool-group{scrollbar-width:none;gap:3px;overflow-x:auto}.format-tool-group::-webkit-scrollbar{display:none}.markdown-format-toolbar button,.accent-color-group button{color:#302d28b8;background:0 0;border:0;flex:none;justify-content:center;align-items:center;height:30px;display:inline-flex}.markdown-format-toolbar button{border-radius:999px;width:31px;padding:0;transition:transform .15s,color .15s,background .15s,box-shadow .15s}.accent-color-group{gap:4px;margin-left:auto}.accent-color-group button{border-radius:999px;width:24px;padding:0;transition:background .15s,box-shadow .15s,transform .15s}.accent-color-group button:hover,.accent-color-group button:focus-visible,.accent-color-group button.active{background:#f2eee5d1;box-shadow:inset 0 0 0 1px #706a5e1c}.accent-color-group button.active{transform:translateY(-1px)}.accent-color-group span{border:1px solid #706a5e29;border-radius:999px;width:13px;height:13px;box-shadow:inset 0 0 0 1px #ffffff57}.markdown-format-toolbar button:hover,.markdown-format-toolbar button:focus-visible{color:#302d28;background:#f2eee5d1;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #706a5e17}.format-heading-button{color:#5b4774bd}.toolbar-divider{background:#706a5e1f;flex:none;width:1px;height:16px;margin:0 4px}.insert-image-popover{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #706a5e1f;border-radius:10px;gap:4px;min-width:138px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #2a262021}.insert-image-popover button{color:#302d28b8;text-align:left;background:0 0;border:0;border-radius:7px;height:30px;padding:0 8px;font-size:12px}.insert-image-popover button:hover{background:#f2eee5}.insert-image-file-input{display:none}.code-editor-shell{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(#ffffff80,#ffffff38),#ffffff3d;border:1px solid #ffffff8a;border-radius:16px;grid-template-columns:34px minmax(0,1fr);min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 18px 42px #474c820f}.line-gutter{color:#302d2857;text-align:right;background:#fff3;padding-top:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.72;overflow:hidden}.line-gutter span{padding-right:10px;display:block}.editor-input-stack{min-width:0;height:100%;min-height:0;position:relative}.editor-highlight-layer,.editor-section textarea{white-space:pre-wrap;word-break:break-word;width:100%;height:100%;min-height:0;padding:13px 14px;font-size:13px;line-height:1.72}.editor-highlight-layer{color:#3d3932;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.editor-image-token{color:#76664a;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#8d7d6521;border:1px solid #8d7d652e;border-radius:5px;padding:1px 3px}.editor-section textarea{z-index:1;resize:none;tab-size:2;color:#3d3932;caret-color:#3d3932;background:0 0;border:0;outline:none;position:relative;overflow:auto}.editor-section textarea::selection{color:#3d3932;background:#8d7d653d}.template-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-card{color:#3d3932;text-align:left;background:0 0;border:0;min-width:0;padding:0;transition:transform .16s,opacity .16s}.template-card:hover,.secondary-button:hover,.primary-button:hover,.toolbar-button:hover{transform:translateY(-1px)}.template-cover{background:#fff;border:2px solid #0000;border-radius:13px;height:82px;padding:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #706a5e1a,0 12px 22px #2a26200f}.template-card.selected .template-cover{background:#fff;border-color:#8d7d65}.template-cover b{color:#8d7d65;font-family:Georgia,serif;font-size:12px;line-height:1;position:absolute;top:7px;left:8px}.cover-title,.cover-subtitle,.cover-line{background:#4b463d2e;border-radius:99px;height:3px;position:absolute;left:14px;right:14px}.cover-title{top:19px}.cover-subtitle{top:27px;right:36px}.cover-line{bottom:10px}.cover-line.short{bottom:17px;right:42px}.cover-media{background:#7e76642e;border-radius:5px;position:absolute;overflow:hidden}.template-cover.nature .cover-media{height:22px;top:36px;left:14px;right:14px}.template-cover.nature .cover-line{bottom:12px;left:16px;right:42px}.template-cover.nature .cover-line.short{bottom:18px;left:16px;right:58px}.template-cover.essay .cover-media{width:31px;height:26px;top:35px;left:16px;right:auto}.template-cover.essay .cover-title{top:32px;left:56px;right:14px}.template-cover.essay .cover-subtitle{top:41px;left:56px;right:22px}.template-cover.essay .cover-line{bottom:16px;left:56px;right:34px}.template-cover.essay .cover-line.short{bottom:9px;left:56px;right:52px}.template-cover.hero .cover-media{background:linear-gradient(#3748545c,#a5967c29),#7e766433;height:17px;top:38px;left:30px;right:30px}.template-cover.hero .cover-line.short,.template-cover.poetic .cover-media{display:none}.template-cover.poetic .cover-title,.template-cover.poetic .cover-subtitle{left:30px;right:30px}.template-cover.poetic .cover-title{height:2px;top:23px}.template-cover.poetic .cover-subtitle{height:2px;top:37px;left:36px;right:36px}.template-cover.poetic .cover-line{height:2px;bottom:24px;left:42px;right:42px}.template-cover.poetic .cover-line.short{height:2px;display:block;bottom:13px;left:48px;right:48px}.template-cover.chapter .cover-media{border-radius:999px;height:8px;top:56px;left:22px;right:22px}.template-cover.chapter .cover-line{height:2px;display:block;top:26px;left:18px;right:30px}.template-cover.chapter .cover-line.short{height:1px;display:block;top:41px;left:34px;right:34px}.template-cover.chapter:after,.template-cover.poetic:after{content:"";background:#4b463d38;width:28px;height:1px;position:absolute;top:43px;left:50%;transform:translate(-50%)}.template-cover.chapter:after{top:38px}.template-cover.poetic:after{top:36px}.template-card span{color:#3b372f;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10.5px;font-weight:700;display:block;overflow:hidden}.template-card small{display:none}.decor-text-section{padding-bottom:15px}.decor-text-field{display:block}.decor-text-field input{color:#302d28c7;background:#ffffff80;border:1px solid #ffffff94;border-radius:13px;outline:none;width:100%;height:36px;padding:0 12px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff9e}.decor-text-field input:focus{background:#ffffffe0;border-color:#8d7d656b;box-shadow:0 0 0 3px #8d7d6514}.decor-text-preview{color:#5450486b;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;padding-left:2px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;overflow:hidden}.drop-zone{color:#302d2885;background:#faf8f39e;border:1px dashed #706a5e33;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:12px;display:flex;position:relative}.drop-zone input{opacity:0;position:absolute;inset:0}.image-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.image-thumb{aspect-ratio:1.2;background:#7e766424;border-radius:7px;position:relative;overflow:hidden}.image-thumb.dragging{opacity:.56;outline:2px solid #8d7d656b;transform:scale(.96)}.image-thumb:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;background:#ffffff14;border:1px solid #8d7d656b;transition:opacity .14s;position:absolute;inset:0}.image-thumb:hover:after,.image-thumb.dragging:after{opacity:1}.image-thumb img{object-fit:cover;filter:saturate(.86)contrast(.94)brightness(1.04);width:100%;height:100%}.image-thumb button{color:#2d2a249e;background:#ffffffbd;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:5px;right:5px}.image-drag-handle{color:#2d2a2494;background:#ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:5px;left:5px}.image-thumb span{color:#ffffffeb;text-shadow:0 1px 8px #00000047;font-size:10px;position:absolute;bottom:7px;left:8px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;display:grid}.select-grid{margin-top:12px}.field-grid label{gap:5px;min-width:0;display:grid}.field-grid label span{color:#302d28a8;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.field-grid label b{color:#302d287a;font-size:11px;font-weight:650}.reset-style-button{color:#302d289e;background:#ffffffb3;border:1px solid #706a5e21;border-radius:7px;height:26px;margin-left:auto;padding:0 9px;font-size:11px;font-weight:650}.field-grid input,.field-grid select{width:100%}.field-grid input[type=range]{accent-color:#8d7d65}.field-grid label.disabled-field{opacity:.48}.field-grid label.disabled-field input{cursor:not-allowed}.field-grid select{color:#3d3932;background:#ffffff94;border:1px solid #ffffff8f;border-radius:11px;height:30px;padding:0 9px;font-size:12px}.swatch-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.swatch-row button{color:#302d289e;background:#ffffff85;border:1px solid #ffffff8f;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:0;height:30px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.swatch-row button.active{color:#302d28;background:#ffffffd6;border-color:#8d7d656b;box-shadow:inset 0 0 0 1px #8d7d6514}.swatch-row span{border:1px solid #706a5e24;border-radius:5px;flex:none;width:15px;height:15px}.brand-signature{z-index:2;color:#302d2847;letter-spacing:.02em;white-space:nowrap;pointer-events:none;margin:0;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:10.5px;line-height:1;position:absolute;bottom:10px;right:17px}.export-panel{align-items:center;gap:8px;display:flex}.copy-menu{position:relative}.copy-menu-trigger{min-width:116px}.copy-chevron{margin-left:-2px;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.copy-chevron.open{transform:rotate(180deg)}.copy-menu-popover{z-index:30;-webkit-backdrop-filter:blur(34px)saturate(1.26);backdrop-filter:blur(34px)saturate(1.26);transform-origin:100% 0;opacity:0;filter:blur(8px);pointer-events:none;background:linear-gradient(#fffffff2,#faf8f4e6),#ffffffeb;border:1px solid #ffffffdb;border-radius:18px;gap:6px;width:254px;padding:9px;transition:opacity .22s,filter .22s,transform .22s cubic-bezier(.2,.9,.2,1);display:grid;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 28px 70px #24273a33,0 8px 22px #302d2817,inset 0 1px #fffffff0}.copy-menu-popover.open{opacity:1;filter:blur();pointer-events:auto;transform:translate(0)scale(1)}.copy-menu-popover.closing{opacity:0;filter:blur(8px);pointer-events:none;transform:translateY(-8px)scale(.96)}.copy-menu-popover button{color:#302d28;text-align:left;background:#ffffff70;border:0;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-height:54px;padding:7px 9px 7px 7px;transition:background .18s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:grid;position:relative}.copy-menu-popover button:hover,.copy-menu-popover button:focus-visible{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 10px 22px #302d2814,inset 0 0 0 1px #706a5e14}.copy-option-icon{border-radius:11px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.copy-option-icon.text{color:#5a5044;background:#8d7d6521}.copy-option-icon.global{color:#5d4c86;background:linear-gradient(135deg,#87ccff38,#d296ff38),#ffffff52}.copy-menu-popover b,.copy-menu-popover small{min-width:0;display:block}.copy-menu-popover b{font-size:12px;font-weight:720;line-height:1.25}.copy-menu-popover small{color:#302d2894;margin-top:3px;font-size:10.5px;line-height:1.35}.copy-toast{z-index:80;color:#302d28;-webkit-backdrop-filter:blur(28px)saturate(1.35);backdrop-filter:blur(28px)saturate(1.35);pointer-events:none;opacity:0;filter:blur(8px);background:linear-gradient(#ffffffad,#f8f6f27a),#ffffff6b;border:1px solid #ffffffb3;border-radius:20px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;min-width:286px;max-width:min(360px,100vw - 36px);padding:13px 16px 13px 13px;transition:opacity .26s,filter .26s,transform .26s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;top:92px;left:50%;transform:translate(-50%,-8px)scale(.98);box-shadow:0 30px 78px #21233429,0 8px 20px #302d280f,inset 0 1px #ffffffb8}.copy-toast.visible{opacity:1;filter:blur();transform:translate(-50%)scale(1)}.copy-toast-icon{color:#fff;background:linear-gradient(135deg,#39c979f2,#25975bf2),#25975b;border-radius:13px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 12px 24px #25975b33,inset 0 1px #ffffff42}.copy-toast b,.copy-toast small{min-width:0;display:block}.copy-toast b{font-size:13px;font-weight:760;line-height:1.3}.copy-toast small{color:#302d288f;margin-top:2px;font-size:11px;line-height:1.45}.primary-button,.secondary-button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:104px;height:34px;padding:0 12px;font-size:12px;font-weight:650;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-button:disabled,.secondary-button:disabled{cursor:progress;opacity:.58;transform:none}.primary-button{color:#fbfaf6;background:#302d28;border:0;box-shadow:0 16px 32px #0000001f,inset 0 1px #ffffff1f}.secondary-button{color:#302d28b8;background:#ffffff85;border:1px solid #ffffff94}.export-panel .primary-button:hover,.export-panel .secondary-button:hover{transform:none;box-shadow:0 10px 22px #2a262014}.error-button{color:#782f23d1;border-color:#96423438}.preview-panel{padding:0;position:relative;overflow:hidden}.preview-mode-switch{z-index:5;-webkit-backdrop-filter:blur(22px)saturate(1.24);backdrop-filter:blur(22px)saturate(1.24);background:#ffffff9e;border:1px solid #706a5e1f;border-radius:999px;gap:3px;padding:3px;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #3f46801a}.preview-mode-switch button{color:#302d2894;background:0 0;border:0;border-radius:999px;height:27px;padding:0 12px;font-size:12px;font-weight:650;transition:background .16s,color .16s,box-shadow .16s}.preview-mode-switch button.active{color:#302d28;background:#fffffff0;box-shadow:0 7px 18px #2a262014}.preview-stage{background:linear-gradient(112deg,#ffffff7a,#ffffff14),linear-gradient(#ffffff3d,#eff4ff2e);justify-content:center;align-items:flex-start;width:100%;height:100%;padding:58px 34px 60px;display:flex;overflow:auto}.export-target{transition:transform .18s}.wechat-mode .article-canvas{width:min(430px,100vw - 64px)!important}.export-target:fullscreen{-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);background:radial-gradient(58% 48% at 100% -8%,#e052ff2e,#0000 62%),radial-gradient(60% 52% at 82% 12%,#3481ff2e,#0000 66%),radial-gradient(42% 36% at 64% 6%,#8fe9ff2e,#0000 68%),linear-gradient(#ffffffe6,#fff 72%);min-height:100vh;padding:34px 0 72px;overflow:auto}.export-target:fullscreen .article-canvas{margin:0 auto}.empty-state{color:#2d2b276b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff7a;border-radius:22px;place-items:center;width:390px;min-height:520px;display:grid}@media (width<=1380px){.workspace{grid-template-columns:minmax(360px,500px) minmax(430px,1fr) 320px}}@media (width<=1120px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.editor-panel{height:72vh}.preview-panel{min-height:760px}.inspector-panel{overflow:visible}.template-list,.image-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{padding:10px}.app-toolbar{grid-template-columns:1fr;height:auto;padding:12px}.window-dots,.toolbar-actions{display:none}.template-list,.image-strip,.field-grid{grid-template-columns:1fr}.preview-stage{padding:56px 8px 30px}.preview-mode-switch{top:12px}.markdown-format-toolbar{gap:6px}.format-tool-group,.accent-color-group{padding:3px}.format-tool-group{gap:1px}.markdown-format-toolbar button{width:24px;height:27px}.toolbar-divider{margin:0 2px}.accent-color-group{gap:2px}.accent-color-group button{width:19px;height:27px}.accent-color-group span{width:11px;height:11px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.article-canvas{border-radius:18px;min-height:640px;overflow:hidden;box-shadow:0 24px 70px #25231f1f}.article-body{padding:var(--article-body-block,42px) var(--article-page-margin,34px) calc(var(--article-body-block,42px) + 26px)}.article-body.narrow,.narrow{padding-inline:var(--article-page-margin,46px)}.article-decor{color:var(--article-line-color,#54504857);letter-spacing:.08em;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic}.article-h1{letter-spacing:.06em;margin:0 0 42px;font-size:26px;font-weight:400;line-height:1.4}.article-h2{letter-spacing:.08em;text-align:center;font-size:18px;font-weight:400;line-height:1.6}.article-h3{border-left:2px solid var(--article-accent-soft-color,var(--article-line-color,#504c4438));color:var(--article-strong-color,#504c44);letter-spacing:.06em;margin:44px 0 18px;padding-left:13px;font-size:16px;font-weight:500;line-height:1.65}.article-p{margin-top:0;font-weight:400}.article-p-indent{color:var(--article-soft-color,#545048b8);margin-left:1.8em}.article-p strong,.article-list strong,.article-quote strong,.article-callout strong,.article-table strong{color:var(--article-accent-color,var(--article-strong-color,#26231f));font-weight:600}.article-p em,.article-list em,.article-quote em,.article-callout em,.article-table em{color:var(--article-soft-color,#77736a);font-style:italic}.article-list{color:var(--article-muted-color,#545048e0);gap:10px;margin:18px 0;display:grid}.article-list-ordered{padding-left:24px;list-style:decimal}.article-list-unordered{margin-top:8px;margin-bottom:22px;padding:0;list-style:none}.article-list-depth-0:has(+.article-list-depth-1){margin-bottom:4px}.article-list-depth-1{gap:5px;margin-top:-2px;margin-bottom:12px;padding-left:20px}.article-list-ordered+.article-list-unordered{margin-top:6px}.article-list-ordered+.article-list-depth-1{margin-top:-2px}.article-list-depth-0+.article-list-depth-1,.article-list-unordered+.article-list-depth-1{margin-top:-4px}.article-list-unordered+.article-list-ordered,.article-list-unordered+.article-p,.article-list-unordered+.article-h2,.article-list-unordered+.article-h3{margin-top:24px}.article-h2+.article-list,.article-h3+.article-list,.article-quote+.article-list,.article-divider+.article-list{margin-top:8px}.article-list li{color:var(--article-muted-color,#545048db);line-height:inherit;position:relative}.article-list-unordered li{padding-left:22px}.article-list-depth-1 li{color:var(--article-soft-color,#545048b8);padding-left:17px;font-size:.96em}.article-list-unordered li:before{content:"";background:var(--article-line-color,#504c4457);border-radius:999px;width:4px;height:4px;position:absolute;top:.92em;left:3px;box-shadow:0 0 0 4px #504c440b}.article-list-depth-1 li:before{width:5px;height:5px;box-shadow:none;background:#3a332a94;border-radius:1.5px;top:.9em;left:3px;transform:rotate(45deg)}.article-quote{color:var(--article-soft-color,#545048b3);text-align:left;margin:58px 0;padding:28px 24px;position:relative}.article-quote:before,.article-quote:after{content:"";background:linear-gradient(90deg, transparent, var(--article-line-color,#504c442e), transparent);width:76px;height:1px;position:absolute;left:24px}.article-quote:before{top:0}.article-quote:after{bottom:0}.article-quote p{letter-spacing:.04em;margin:0;font-size:14px;line-height:2.1}.article-callout{border:1px solid var(--article-accent-soft-color,var(--article-line-color,#504c4421));color:var(--article-muted-color,#545048d1);background:linear-gradient(135deg,#ffffff6b,#ffffff1f),#ffffff3d;border-radius:16px;margin:34px 0 38px;padding:20px 22px;position:relative}.article-callout p{letter-spacing:.03em;margin:0;font-size:.95em;line-height:1.95}.article-table-wrap{-webkit-overflow-scrolling:touch;margin:36px -18px 40px;padding:0 4px 8px;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;min-width:100%;color:var(--article-muted-color,#302d28db);letter-spacing:.01em;table-layout:auto;font-family:inherit;font-size:12px;line-height:1.72}.article-table th,.article-table td{border-bottom:1px solid var(--article-line-color,#504c441f);vertical-align:top;word-break:break-word;padding:11px 10px}.article-table th{color:var(--article-strong-color,#27241ff0);white-space:normal;font-weight:600}.article-table tbody tr:last-child td{border-bottom-color:#504c440f}.article-table tbody tr:hover td{background:#ffffff3d}.article-divider{justify-content:center;margin:48px 0;display:flex}.article-divider span{background:var(--article-line-color,#504c4424);width:74px;height:1px;display:block}.article-image{margin:var(--article-image-gap,48px) 0;background:var(--article-line-color,#504c4414);position:relative;overflow:hidden}.article-image:has(.image-upload-cta){cursor:pointer}.image-block-input{display:none}.article-image.adjustable-image{cursor:grab}.article-image.adjustable-image:after{content:"拖动调整裁切";opacity:0;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:0;pointer-events:none;background:#25231f61;border-radius:999px;padding:5px 8px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:10px;transition:opacity .16s;position:absolute;bottom:10px;right:10px}.article-image.adjustable-image:hover:after,.article-image.adjustable-image.is-panning:after{opacity:1}.article-image.adjustable-image.is-panning{cursor:grabbing}.article-image.adjustable-image:after{content:"拖动调整裁切"}.article-image img{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:100%;height:100%;display:block}.image-inline-actions{z-index:3;opacity:0;pointer-events:none;gap:6px;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.article-image:hover .image-inline-actions,.article-image.is-panning .image-inline-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.image-inline-actions button,.image-upload-cta{color:#2d2a24c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbd;border:1px solid #ffffff7a;justify-content:center;align-items:center;gap:6px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:11px;font-weight:650;display:inline-flex;box-shadow:0 14px 30px #2a26201f}.image-inline-actions button{pointer-events:auto;border-radius:999px;height:28px;padding:0 9px}.image-upload-cta{opacity:0;border-radius:999px;height:34px;padding:0 14px;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.article-image:hover .image-upload-cta{opacity:1;transform:translate(-50%,-50%)}.image-placeholder{color:#403d3757;letter-spacing:.12em;background:linear-gradient(135deg,#ffffff47,#0000),#8781711f;place-items:center;width:100%;height:100%;font-family:Georgia,serif;font-size:12px;font-style:italic;display:grid;position:relative}.nature-template{background-image:linear-gradient(#ffffff47,#0000 220px)}.nature-hero{min-height:280px;position:relative}.nature-hero .article-image{aspect-ratio:4/5;margin:0;border-radius:0!important}.nature-title{padding:24px 0 0;position:absolute;bottom:30px;left:34px;right:34px}.nature-title h1,.hero-opening-title h1{letter-spacing:.08em;margin:0;font-size:28px;font-weight:400;line-height:1.35}.nature-title .article-decor,.hero-opening-title .article-decor{margin-bottom:10px}.image-essay-template .article-body{padding-top:58px}.image-wide-contained{width:100%;margin-inline:auto}.image-square-center{width:76%;margin-inline:auto}.image-portrait-center{width:64%;margin-inline:auto}.image-small-center{width:58%;margin-inline:auto}.image-medium-center{width:72%;margin-inline:auto}.image-near-edge{margin-inline:calc(20px - var(--article-page-margin,22px))}.image-full-bleed{margin-inline:calc(var(--article-page-margin,34px) * -1);border-radius:0!important}.template-fixed-hero{aspect-ratio:4/5;margin:0;border-radius:0!important}.poetic-fixed-hero{width:78%;margin:52px auto 0;border-radius:18px!important}.hero-opening{min-height:420px;position:relative}.hero-opening .hero-tall{aspect-ratio:auto;height:430px;margin:0;border-radius:0!important}.hero-opening-title{color:#f8f5ed;text-shadow:0 10px 30px #00000047;position:absolute;bottom:34px;left:34px;right:34px}.hero-opening.no-image{background:linear-gradient(#ffffff2e,#58534914);place-items:end start;padding:44px 34px;display:grid}.hero-opening.no-image .hero-opening-title{color:inherit;text-shadow:none;position:static}.poetic-template{background-image:linear-gradient(90deg,#504c440d 1px,#0000 1px),linear-gradient(#ffffff2e,#0000);background-size:100px 100%}.poetic-inner{padding:74px var(--article-page-margin,58px) 96px}.poetic-line{line-height:2.28}.poetic-image{width:72%;margin:calc(var(--article-image-gap,48px) + 16px) auto}.poetic-image-wide{width:88%}.poetic-image-square{width:68%}.poetic-image-portrait{width:58%}.chapter-template .article-body{padding:44px var(--article-page-margin,28px) 72px}.chapter-card{color:#625d54;--article-muted-color:#545048e0;--article-soft-color:#545048a8;--article-strong-color:#50483d;--article-line-color:#504c4429;background:#fff;border:1px solid #504c440b;border-radius:20px;margin-top:44px;padding:34px 28px 30px;position:relative;box-shadow:0 18px 46px #2a26200b}.chapter-card .article-h2{text-align:left;color:#5a5044!important;margin-top:0!important}.chapter-number{color:#504c4452;margin-bottom:22px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:block}.wechat-mode .article-body,.wechat-mode .article-body.narrow,.wechat-mode .narrow{padding-inline:var(--article-page-margin,22px)}.wechat-mode .poetic-inner{padding-inline:var(--article-page-margin,30px)}.wechat-mode .nature-title,.wechat-mode .hero-opening-title{left:var(--article-page-margin,22px);right:var(--article-page-margin,22px)}.wechat-mode .image-full-bleed{margin-inline:calc(var(--article-page-margin,22px) * -1)}.wechat-mode .chapter-template .article-body{padding-inline:var(--article-page-margin,18px)}.wechat-mode .chapter-card{padding-inline:var(--article-page-margin,22px)}@media (width<=480px){.article-body,.article-body.narrow,.narrow,.poetic-inner{padding-inline:30px}}