*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#fff;--surface2:#f4f9f6;--border:#d7e9df;--border2:#bfd8c6;--text:#0f2f21;--text2:#1f4e39;--text3:#5e7d6d;--accent:#008753;--accent2:#006c43;--accent-light:#00875314;--accent-mid:#00875329;--danger:#b42318;--code-bg:#f0faf4;--radius:8px;--radius-lg:12px;--tray-h:230px;--topbar-h:56px;--shadow-sm:0 1px 3px #0f2f210f, 0 1px 2px #0f2f210a;--shadow-md:0 4px 16px #0f2f2114, 0 2px 6px #0f2f210d}html,body{height:100%;color:var(--text);background:radial-gradient(at 4% 0,#00875312 0%,#0000 35%),radial-gradient(at 96% 0,#c998000d 0%,#0000 30%),linear-gradient(160deg,#f5fdf8 0%,#fff 40%,#f0fbf5 100%);font-family:Syne,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}body{overflow-x:hidden}button,input,textarea,select{font:inherit}.screens{width:200vw;min-height:100dvh;transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex}.screens.on-editor{transform:translate(-100vw)}.screen{flex-direction:column;flex-shrink:0;width:100vw;min-height:100dvh;display:flex;overflow:hidden}header{border-radius:0;width:100%;top:0}.topbar{z-index:1000;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar-brand-wrap{align-items:center;gap:16px;min-width:0;display:flex}.dashboard-back-link{color:#4b5563;white-space:nowrap;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.dashboard-back-link:hover{color:#111827}.topbar-brand{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.topbar-brand span{color:#6b7280;font-weight:400}.topbar-actions{flex-direction:row;align-items:center;gap:8px;display:flex}.topbar-step{color:#6b7280;white-space:nowrap;background-color:#f3f4f6;border-radius:20px;padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500}.btn{color:#374151;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.btn:hover{background-color:#f9fafb;border-color:#9ca3af}.btn.primary{color:#fff;background-color:#2563eb;border-color:#2563eb}.btn.primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn.ghost{color:#4b5563;background-color:#0000;border-color:#0000}.btn.ghost:hover{background-color:#f3f4f6}.btn.ai{color:#6b21a8;background-color:#faf5ff;border-color:#e9d5ff}.btn.ai:hover{background-color:#f3e8ff;border-color:#c084fc}.step-indicator{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:16px 24px;display:flex}.step-dot{color:#6b7280;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;display:flex}.step-label{color:#6b7280;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500}.step-line{background-color:#e5e7eb;flex:1;max-width:120px;height:2px}.step-dot.active{color:#fff;background-color:#2563eb}.step-dot.done{color:#fff;background-color:#10b981}.step-label.active{color:#111827;font-weight:600}.meta-scroll{flex:1;padding:32px 24px 90px;overflow-y:auto}.meta-scroll::-webkit-scrollbar{width:4px;height:4px}.editor-scroll::-webkit-scrollbar{width:4px;height:4px}.preview-pane::-webkit-scrollbar{width:4px;height:4px}.tray-items::-webkit-scrollbar{width:4px;height:4px}.slash-picker::-webkit-scrollbar{width:4px;height:4px}.meta-scroll::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-track{background:0 0}.preview-pane::-webkit-scrollbar-track{background:0 0}.meta-scroll::-webkit-scrollbar-thumb{background:#00875338;border-radius:2px}.editor-scroll::-webkit-scrollbar-thumb{background:#00875338;border-radius:2px}.preview-pane::-webkit-scrollbar-thumb{background:#00875338;border-radius:2px}.tray-items::-webkit-scrollbar-thumb{background:#00875338;border-radius:2px}.slash-picker::-webkit-scrollbar-thumb{background:#00875338;border-radius:2px}.meta-grid{flex-direction:column;gap:22px;max-width:700px;margin:0 auto;display:flex}.field{flex-direction:column;gap:7px;display:flex;position:relative}.field-label{color:var(--text2);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}.field-label span{color:var(--danger);margin-left:2px}.field-hint{color:var(--text3);margin-top:1px;font-size:12px}.input{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;width:100%;padding:10px 14px;font-family:Syne,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:hover{border-color:var(--border2)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0087531a}.input::placeholder{color:var(--text3);opacity:.7}textarea.input{resize:vertical;min-height:88px;line-height:1.65}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235e7d6d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}select.input option{background:var(--surface2)}.input-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cover-upload{border-radius:var(--radius-lg);aspect-ratio:16/7;cursor:pointer;background:linear-gradient(145deg,#fafffe,#f4faf7);border:2px dashed #00875338;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:flex;position:relative;overflow:hidden}.cover-upload:hover{background:linear-gradient(145deg,#f5fdfa,#edf9f3);border-color:#0087537a}.cover-upload input{display:none}.cover-upload-icon{color:var(--accent);opacity:.7;font-size:34px}.cover-upload-text{color:var(--text3);text-align:center;font-size:13px;line-height:1.5}.cover-upload-text b{color:var(--text2);margin-bottom:2px;display:block}.cover-preview-img{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.cover-preview-img.visible{display:block}.cover-change-btn{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #00875333;border-radius:5px;padding:4px 10px;font-family:Syne,sans-serif;font-size:11px;font-weight:600;display:none;position:absolute;bottom:10px;right:10px}.cover-change-btn.visible{display:block}.tags-input-wrap{border:1.5px solid var(--border);border-radius:var(--radius);cursor:text;background:#fff;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:7px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.tags-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0087531a}.tag-chip{color:var(--text2);background:#00875317;border:1px solid #00875326;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:flex}.tag-chip-remove{cursor:pointer;color:var(--text3);font-size:14px;line-height:1;transition:color .1s}.tag-chip-remove:hover{color:var(--danger)}.tags-real-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 4px;font-family:Syne,sans-serif;font-size:13px}.cat-grid{flex-wrap:wrap;gap:8px;display:flex}.cat-chip{border:1.5px solid var(--border);color:var(--text3);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:99px;padding:6px 13px;font-family:Syne,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.cat-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.cat-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent2);font-weight:700;box-shadow:0 2px 8px #00875333}.meta-footer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;bottom:0}.meta-footer-hint{color:var(--text3);font-size:12px}.editor-screen-body{flex:1;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.editor-pane{border-right:1px solid var(--border);background:#fff;flex-direction:column;display:flex;overflow:hidden}.tab-bar{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#f9fdfb);flex-shrink:0;align-items:center;height:42px;padding:0 16px;display:flex}.tab{height:100%;color:var(--text3);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;align-items:center;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-spacer{flex:1}.char-count{color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.editor-scroll{flex:1;padding:24px 28px 260px;overflow-y:auto}#editor{resize:none;width:100%;min-height:300px;color:var(--text);caret-color:var(--accent);field-sizing:content;background:0 0;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.85;overflow:hidden}#editor::placeholder{color:var(--text3);opacity:.6}.syntax-hint{border-top:1px solid var(--border);background:var(--surface2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:9px 16px;display:flex}.hint{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:11px}.hint b{color:var(--accent2);font-weight:600}.preview-pane{background:linear-gradient(#fafffe 0%,#fff 100%);padding:36px 40px 260px;overflow-y:auto}.preview-empty{height:100%;color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.preview-empty-icon{opacity:.2;font-size:40px}.preview-empty p{color:var(--text3);font-size:13px}.preview-heading{color:var(--text);margin:28px 0 12px;font-family:Playfair Display,serif;line-height:1.25}.preview-h1{font-size:2em}.preview-h2{font-size:1.5em}.preview-h3{font-size:1.2em}.preview-paragraph{color:var(--text);margin:0 0 18px;line-height:1.82}.preview-paragraph strong{color:var(--accent);font-weight:700}.preview-paragraph em{color:var(--text2);font-style:italic}.preview-paragraph a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.preview-list{margin:0 0 18px 20px}.preview-list li{margin-bottom:7px;line-height:1.75}.preview-list li strong{color:var(--accent)}.preview-list li em{color:var(--text2);font-style:italic}.preview-quote{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(135deg,#0087530a,#00875305);margin:26px 0;padding:20px 26px}.preview-quote p{font-family:Playfair Display,serif;font-size:1.08em;font-style:italic;line-height:1.65}.preview-quote-author{color:var(--text3);margin-top:10px;font-size:13px;display:block}.preview-code-wrapper{border-radius:var(--radius);border:1px solid var(--border);min-width:fit-content;box-shadow:var(--shadow-sm);background:#0d1f17;margin:18px 0;overflow:hidden}.preview-code-lang{color:#008753e6;text-transform:uppercase;letter-spacing:.07em;background:#0a1910;border-bottom:1px solid #00875326;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.preview-code-wrapper pre{margin:0;padding:18px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.75;overflow:scroll;background:0 0!important}.preview-code-wrapper code{font-size:inherit!important;background:0 0!important}.preview-code-wrapper code[class*=language-],.preview-code-wrapper pre[class*=language-]{color:#e6edf3;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:JetBrains Mono,monospace;line-height:1.75}.preview-code-wrapper .token.comment,.preview-code-wrapper .token.prolog,.preview-code-wrapper .token.doctype,.preview-code-wrapper .token.cdata{color:#8b949e}.preview-code-wrapper .token.punctuation{color:#c9d1d9}.preview-code-wrapper .token.property,.preview-code-wrapper .token.tag,.preview-code-wrapper .token.boolean,.preview-code-wrapper .token.number,.preview-code-wrapper .token.constant,.preview-code-wrapper .token.symbol,.preview-code-wrapper .token.deleted{color:#79c0ff}.preview-code-wrapper .token.selector,.preview-code-wrapper .token.attr-name,.preview-code-wrapper .token.string,.preview-code-wrapper .token.char,.preview-code-wrapper .token.builtin,.preview-code-wrapper .token.inserted{color:#a5d6ff}.preview-code-wrapper .token.operator,.preview-code-wrapper .token.entity,.preview-code-wrapper .token.url,.preview-code-wrapper .language-css .token.string,.preview-code-wrapper .style .token.string,.preview-code-wrapper .token.atrule,.preview-code-wrapper .token.attr-value,.preview-code-wrapper .token.keyword{color:#ff7b72}.preview-code-wrapper .token.function,.preview-code-wrapper .token.class-name{color:#d2a8ff}.preview-code-wrapper .token.regex,.preview-code-wrapper .token.important,.preview-code-wrapper .token.variable{color:#f2cc60}.preview-table-wrapper{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin:22px 0;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:13.5px}.preview-table thead{background:var(--surface2)}.preview-table th{color:var(--text2);text-align:left;border-bottom:1.5px solid var(--border2);white-space:nowrap;padding:10px 16px;font-weight:700}.preview-table td{border-bottom:1px solid var(--border);color:var(--text);padding:9px 16px}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table tbody tr:hover{background:var(--accent-light)}.preview-media{margin:22px 0}.preview-media img,.preview-media video{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-height:420px;box-shadow:var(--shadow-sm)}.preview-media-removed{border-radius:var(--radius);border:1px dashed var(--border2);color:var(--text3);background:#9090a00d;align-items:center;gap:10px;margin:16px 0;padding:14px 18px;font-size:13px;display:flex}.preview-media-removed-icon{opacity:.45;font-size:20px}.preview-media-removed-text{flex-direction:column;gap:3px;display:flex}.preview-media-removed-text span{color:var(--text3);opacity:.7;font-size:11px}.media-tray{z-index:100;background:var(--surface);border-top:1px solid var(--border);transform:translateY(calc(var(--tray-h) - 40px));transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f2f2112}.media-tray.open{transform:translateY(0)}.tray-handle{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface2));justify-content:space-between;align-items:center;height:40px;padding:0 18px;display:flex}.tray-handle-left{color:var(--text2);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.tray-toggle-icon{color:var(--text3);font-size:13px;transition:transform .25s}.media-tray.open .tray-toggle-icon{transform:rotate(180deg)}.tray-badge{background:var(--accent);color:#fff;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}.tray-body{height:calc(var(--tray-h) - 40px);display:flex;overflow:hidden}.tray-upload{border-right:1px solid var(--border);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:120px;transition:background .15s;display:flex}.tray-upload:hover{background:var(--surface2)}.tray-upload input{display:none}.tray-upload-icon{color:var(--text3);border:1.5px dashed var(--border2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.tray-upload-text{color:var(--text3);text-align:center;font-size:11px;line-height:1.5}.tray-items{flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex;overflow-x:auto}.tray-item{width:110px;height:calc(var(--tray-h) - 60px);border-radius:var(--radius);border:1.5px solid var(--border2);cursor:pointer;flex-shrink:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tray-item:hover{border-color:var(--accent);box-shadow:0 2px 10px #00875326}.tray-item.used{opacity:.45}.tray-item img,.tray-item video{object-fit:cover;width:100%;height:100%;display:block}.tray-item-overlay{background:linear-gradient(#0000 45%,#0f2f21bf 100%);align-items:flex-end;padding:7px;display:flex;position:absolute;inset:0}.tray-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}.tray-item-actions{flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 10px);display:flex;position:absolute;top:5px;right:5px}.tray-action-btn{width:26px;height:26px;color:var(--text2);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #00875324;border-radius:5px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.tray-action-btn.remove-btn{background:var(--danger)}.tray-action-btn:hover{background:#fff;box-shadow:0 2px 6px #0000001f}.tray-action-btn.cover-btn.is-cover{background:var(--accent);color:#fff;border-color:var(--accent)}.tray-item.is-cover{border-color:var(--accent);border-width:2px;box-shadow:0 0 0 1px #00875333}.tray-cover-badge{background:var(--accent);color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:none;position:absolute;top:5px;left:5px}.tray-item.is-cover .tray-cover-badge{display:block}.tray-used-badge{background:var(--surface2);color:var(--text2);border-radius:4px;padding:2px 5px;font-size:9px;display:none;position:absolute;bottom:26px;right:5px}.tray-item.used .tray-used-badge{display:block}.tray-empty{color:var(--text3);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.tray-clear-btn{cursor:pointer;border:none;border-right:1px solid var(--border);width:100px;color:var(--danger);text-align:center;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:0;font-family:Syne,sans-serif;font-size:11px;font-weight:600;line-height:1.5;transition:background .15s;display:flex}.tray-clear-btn:hover{background:#b423180f}.tray-clear-btn:disabled{opacity:.45;cursor:not-allowed;background:0 0}.tray-clear-icon{border:1.5px dashed var(--danger);width:36px;height:36px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.slash-picker{border:1px solid var(--border2);border-radius:var(--radius);z-index:999;width:270px;max-height:210px;box-shadow:var(--shadow-md), 0 0 0 1px #0087530f;background:#fff;display:none;position:fixed;overflow-y:auto}.slash-picker.visible{display:block}.slash-picker-header{color:var(--text3);text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--border);padding:8px 14px 5px;font-size:11px;font-weight:700}.slash-item{cursor:pointer;align-items:center;gap:10px;padding:9px 12px;transition:background .1s;display:flex}.slash-item:hover,.slash-item.selected{background:var(--surface2)}.slash-item-thumb{object-fit:cover;background:var(--border);border-radius:5px;flex-shrink:0;width:38px;height:38px}.slash-item-thumb.video-thumb{justify-content:center;align-items:center;font-size:18px;display:flex}.slash-item-info{flex:1;min-width:0}.slash-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.slash-item-type{color:var(--text3);font-size:11px}.slash-item.used{opacity:.32;pointer-events:none}.slash-empty{color:var(--text3);text-align:center;padding:16px 14px;font-size:13px}.table-picker-body{flex-direction:column;gap:10px;padding:10px 14px 14px;display:flex}.table-picker-body label{color:var(--text3);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.table-picker-input{width:60px;padding:5px 8px;font-size:13px}.table-picker-insert{justify-content:center;width:100%}.toast{top:calc(var(--topbar-h) + 12px);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);z-index:9999;max-width:300px;box-shadow:var(--shadow-md);background:#fff;padding:11px 18px;font-size:13px;font-weight:600;transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;right:20px;transform:translate(120%)}.toast.show{transform:translate(0)}.toast.success{color:var(--accent);background:#0087530a;border-color:#00875366}.toast.error{color:var(--danger);background:#b423180a;border-color:#b423184d}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;background:#0f2f2185;justify-content:center;align-items:center;padding:20px;transition:opacity .22s;display:flex;position:fixed;inset:0}.modal-backdrop.visible{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:100%;max-width:440px;padding:30px;transition:transform .22s;display:flex;transform:translateY(14px)scale(.98);box-shadow:0 20px 60px #0f2f2133}.modal-backdrop.visible .modal{z-index:1001;transform:translateY(0)scale(1)}.modal-icon{font-size:32px}.modal-title{color:var(--text);font-size:17px;font-weight:700}.modal-body{color:var(--text2);font-size:14px;line-height:1.72}.modal-body strong{color:var(--text)}.modal-warning-list{flex-direction:column;gap:5px;margin:10px 0 0 18px;display:flex}.modal-warning-list li{color:var(--text3);font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.cover-draft-note{border-radius:var(--radius);color:var(--danger);background:#ff55550f;border:1px solid #ff55552e;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:none}.cover-draft-note.visible{display:flex}@media (max-width:480px){.topbar{flex-wrap:wrap;height:auto;padding:0 6px}.topbar-brand-wrap,.topbar-actions{width:auto}.topbar-actions{justify-content:flex-end}}@media (max-width:768px){:root{--topbar-h:52px}.topbar{gap:8px;padding:0 14px}.topbar-brand span,.topbar-step{display:none}.topbar-actions{gap:5px}.topbar-actions .btn{padding:6px 10px;font-size:12px}.dashboard-back-link{padding:4px 8px;font-size:11px}.step-indicator{gap:6px;padding:8px 14px}.step-label{display:none}.meta-scroll{padding:20px 16px 80px}.meta-grid{gap:18px}.input-row{grid-template-columns:1fr;gap:18px}.meta-footer{flex-wrap:wrap;padding:12px 16px}.meta-footer .btn{justify-content:center;width:100%}.meta-footer-hint{display:none}.editor-screen-body{grid-template-columns:1fr}.preview-pane{padding:20px 18px 260px;display:none}.preview-pane.mobile-active{display:block}.editor-pane{border-right:none}.tab-bar .char-count{display:none}.mobile-tab-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex}.mobile-tab{text-align:center;color:var(--text3);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;flex:1;padding:11px 0;font-size:13px;font-weight:600;transition:all .15s}.mobile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.mobile-char-count{color:var(--text3);border-left:1px solid var(--border);flex-shrink:0;align-items:center;padding:0 13px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.tray-item{width:90px}.tray-upload{width:100px}.syntax-hint{flex-wrap:nowrap;gap:16px;overflow-x:auto}.toast{max-width:none;left:14px;right:14px}.modal{padding:22px 20px}.topbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.topbar-actions{-webkit-overflow-scrolling:touch;justify-content:space-between;width:100%;padding-bottom:4px;overflow-x:auto}.topbar-actions .btn{text-align:center;flex:1;padding:8px 12px;font-size:13px}.topbar-brand{font-size:14px}.topbar-brand span{display:none}.step-line{max-width:40px}}@media (min-width:769px) and (max-width:1023px){.mobile-tab-bar{display:none}.preview-pane{padding:24px 28px 260px;display:block!important}.editor-pane{display:flex!important}.topbar-brand{font-size:15px}.topbar-brand span{display:none}.preview-pane{padding:24px}}@media (min-width:1024px){.mobile-tab-bar{display:none}.preview-pane{display:block!important}.editor-pane{display:flex!important}}@media (min-width:1440px){.editor-screen-body{grid-template-columns:55% 45%}.preview-pane{padding:40px 56px 260px}.meta-grid{max-width:760px}}
:root{--story-bg:#f5fdf8;--story-card:#fff;--story-muted:#5e7d6d;--story-accent:#008753;--story-accent2:#006c43;--story-accent-light:#00875314;--that-blue:#165c98;--story-accent-mid:#0087532e;--story-text:#0f2f21;--story-text2:#1f4e39;--story-border:#d7e9df;--story-border2:#bfd8c6;--story-surface2:#f0faf4;--shadow-sm:0 1px 4px #0f2f210f, 0 1px 2px #0f2f210a;--shadow-md:0 8px 28px #0f2f2117, 0 2px 8px #0f2f210d;--shadow-lg:0 20px 60px #0f2f211f, 0 6px 20px #0f2f2112;--radius:8px;--radius-lg:14px}.page-module__Ot7JyW__storyPage{min-height:100vh;color:var(--story-text);background:radial-gradient(at 3% 0,#0087530f 0%,#0000 32%),radial-gradient(at 97% 5%,#0087530a 0%,#0000 28%),linear-gradient(170deg,#f0fdf7 0%,#fff 35%,#f8fffe 100%);padding:3rem 1.25rem 5rem;font-family:Syne,sans-serif}.page-module__Ot7JyW__breadcrumbs{max-width:900px;color:var(--story-muted);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 auto 2rem;padding:0 .5rem;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;display:flex}.page-module__Ot7JyW__breadcrumbLink{color:var(--story-accent);text-decoration:none;transition:opacity .15s}.page-module__Ot7JyW__breadcrumbLink:hover{opacity:.72;text-underline-offset:3px;text-decoration:underline}.page-module__Ot7JyW__breadcrumbSep{opacity:.4;font-size:.78rem}.page-module__Ot7JyW__breadcrumbCurrent{color:var(--story-text2);text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.page-module__Ot7JyW__storyContainer{background:var(--story-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--story-border);animation:.48s cubic-bezier(.2,.9,.3,1) both page-module__Ot7JyW__fadeUp;overflow:hidden}.page-module__Ot7JyW__storyContainer>:not(.page-module__Ot7JyW__storyCover){padding-left:2.5rem;padding-right:2.5rem}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyKicker{padding-top:2.5rem}.page-module__Ot7JyW__storyKicker{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.page-module__Ot7JyW__storyKicker span,.page-module__Ot7JyW__storyKicker{text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.page-module__Ot7JyW__storyKicker{color:var(--story-accent);font-size:.72rem}.page-module__Ot7JyW__storyTitle{color:var(--story-text);letter-spacing:-.02em;margin:0 0 .7rem;font-family:Playfair Display,serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;line-height:1.07}.page-module__Ot7JyW__storySubheading{color:var(--story-muted);margin:0 0 1.5rem;font-family:Syne,sans-serif;font-size:1.1rem;line-height:1.65}.page-module__Ot7JyW__storyByline{color:var(--story-muted);border-bottom:1px solid var(--story-border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding-bottom:1.25rem;font-size:.88rem;font-weight:600;display:flex}.page-module__Ot7JyW__storyBylineSep{opacity:.35;font-size:.78rem}.page-module__Ot7JyW__storyExcerpt{color:var(--story-text);border-left:3px solid var(--story-accent);border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(90deg,#0087530d,#0000);margin:0 0 2rem;padding:.75rem 1.25rem;font-family:Playfair Display,serif;font-size:1.12rem;font-style:italic;line-height:1.72}.page-module__Ot7JyW__storyCover{background:linear-gradient(135deg,#e8f5ed,#f0faf4);margin:1rem 0 2.5rem;position:relative;overflow:hidden}.page-module__Ot7JyW__storyCover img{object-fit:cover;width:100%;height:440px;transition:transform .65s cubic-bezier(.2,.9,.3,1);display:block}.page-module__Ot7JyW__storyCover:hover img{transform:scale(1.025)}.page-module__Ot7JyW__storyCover figcaption{text-align:center;color:var(--story-muted);border-top:1px solid var(--story-border);background:var(--story-surface2);padding:.75rem 2.5rem;font-size:.82rem;font-style:italic}.page-module__Ot7JyW__storyContent{color:var(--story-text);max-width:68ch;margin:0 auto 2.5rem;font-family:Playfair Display,serif;font-size:1.08rem;font-weight:400;line-height:1.88}.page-module__Ot7JyW__storyContent p{color:var(--story-text2);margin-bottom:1.65rem}.page-module__Ot7JyW__storyContent p:first-of-type:first-letter{float:left;color:var(--story-accent);margin-top:.06em;margin-right:.1em;font-family:Playfair Display,serif;font-size:4.4rem;font-weight:700;line-height:.76}.page-module__Ot7JyW__storyContent h1{color:var(--story-text);letter-spacing:-.02em;margin:3rem 0 1rem;font-family:Syne,sans-serif;font-size:2rem;font-weight:800;line-height:1.15}.page-module__Ot7JyW__storyContent h2{color:var(--story-text);letter-spacing:-.01em;margin:2.8rem 0 .8rem;font-family:Syne,sans-serif;font-size:1.55rem;font-weight:800;line-height:1.2}.page-module__Ot7JyW__storyContent h3{color:var(--story-text2);margin:2rem 0 .6rem;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.3}.page-module__Ot7JyW__storyContent h4{color:var(--story-muted);text-transform:uppercase;letter-spacing:.06em;margin:1.6rem 0 .5rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.page-module__Ot7JyW__storyContent a{color:var(--that-blue);text-underline-offset:3px;text-decoration:underline;transition:opacity .15s}.page-module__Ot7JyW__storyContent a:hover{opacity:.72}.page-module__Ot7JyW__storyContent strong{color:var(--story-text);font-weight:700}.page-module__Ot7JyW__storyContent em{color:var(--story-text2);font-style:italic}.page-module__Ot7JyW__storyContent img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--story-border);width:100%;max-height:480px;box-shadow:var(--shadow-sm);margin:2rem 0;display:block}.page-module__Ot7JyW__storyContent blockquote{border-left:3px solid var(--story-accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--story-text2);background:linear-gradient(135deg,#0087530d,#00875305);margin:2.5rem 0;padding:1.4rem 1.6rem;font-size:1.1rem;font-style:italic}.page-module__Ot7JyW__storyContent blockquote p{color:var(--that-blue);margin-bottom:0}.page-module__Ot7JyW__storyContent blockquote cite{color:var(--story-muted)}.page-module__Ot7JyW__storyContent ul,.page-module__Ot7JyW__storyContent ol{margin:0 0 1.65rem 1.5rem}.page-module__Ot7JyW__storyContent li{color:var(--story-text);margin-bottom:.55rem;line-height:1.15}.page-module__Ot7JyW__storyContent table{border-collapse:collapse;width:100%;margin:2rem 0;font-family:Syne,sans-serif;font-size:.92rem}.page-module__Ot7JyW__storyContent th,.page-module__Ot7JyW__storyContent td{border:1px solid var(--story-border);text-align:left;padding:.75rem 1rem}.page-module__Ot7JyW__storyContent th{background:var(--story-surface2);color:var(--story-text2);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:700}.page-module__Ot7JyW__storyContent tr:hover td{background:#00875306}.page-module__Ot7JyW__storyTags{border-top:1px solid var(--story-border);flex-wrap:wrap;gap:.55rem;padding:1.75rem 2.5rem 2rem;display:flex}.page-module__Ot7JyW__storyTag{background:var(--story-accent-light);border:1px solid var(--story-accent-mid);color:var(--story-text2);letter-spacing:.03em;cursor:pointer;border-radius:999px;padding:5px 13px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .15s}.page-module__Ot7JyW__storyTag:hover{background:var(--story-accent);border-color:var(--story-accent2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00875338}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyShare:last-of-type{border-top:1px solid var(--story-border);flex-flow:wrap;align-items:center;gap:.75rem;padding:1.5rem 2.5rem 2.25rem}.page-module__Ot7JyW__storyShare{flex-direction:column;align-items:center;gap:.55rem;display:flex}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyShare{flex-direction:row}.page-module__Ot7JyW__storyShareLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--story-muted);text-align:center;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}.page-module__Ot7JyW__storyShareBtn{border:1.5px solid var(--story-border2);width:42px;height:42px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.page-module__Ot7JyW__storyShareBtn:hover{transform:translateY(-3px)scale(1.06)}.page-module__Ot7JyW__shareX{background:#fff;border-color:#000}.page-module__Ot7JyW__shareX:hover{background:#fff;box-shadow:0 6px 20px #00000059}.page-module__Ot7JyW__shareLinkedin{background:#fff;border-color:#0a66c2}.page-module__Ot7JyW__shareLinkedin:hover{background:#fff;box-shadow:0 6px 22px #0a66c273}.page-module__Ot7JyW__shareFacebook{background:#fff;border-color:#1877f2}.page-module__Ot7JyW__shareFacebook:hover{background:#fff;box-shadow:0 6px 22px #1877f273}.page-module__Ot7JyW__shareWhatsapp{background:#fff;border-color:#25d366}.page-module__Ot7JyW__shareWhatsapp:hover{background:#fff;box-shadow:0 6px 22px #25d36673}@keyframes page-module__Ot7JyW__fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.page-module__Ot7JyW__storyContainer>:not(.page-module__Ot7JyW__storyCover){padding-left:1.5rem;padding-right:1.5rem}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyKicker{padding-top:1.75rem}.page-module__Ot7JyW__storyTags{padding:1.5rem 1.5rem 1.75rem}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyShare:last-of-type{padding:1.25rem 1.5rem 1.75rem}.page-module__Ot7JyW__breadcrumbs{margin:0 0 1.5rem;padding:0;font-size:.8rem}.page-module__Ot7JyW__storyCover img{height:300px}.page-module__Ot7JyW__storyTitle{font-size:clamp(1.6rem,5vw,2.4rem)}.page-module__Ot7JyW__storySubheading{font-size:1rem}.page-module__Ot7JyW__storyContent{max-width:100%;font-size:1rem;line-height:1.82}.page-module__Ot7JyW__storyContent p:first-of-type:first-letter{font-size:3.8rem}.page-module__Ot7JyW__storyShareBtn{width:40px;height:40px}}@media (max-width:600px){.page-module__Ot7JyW__storyPage{padding:1.5rem .75rem 4rem}.page-module__Ot7JyW__storyContainer>:not(.page-module__Ot7JyW__storyCover){padding-left:1.1rem;padding-right:1.1rem}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyKicker{padding-top:1.4rem}.page-module__Ot7JyW__storyTitle{font-size:1.6rem;line-height:1.1}.page-module__Ot7JyW__storySubheading{font-size:.97rem}.page-module__Ot7JyW__storyExcerpt{padding:.65rem 1rem;font-size:1rem}.page-module__Ot7JyW__storyContent{font-size:.97rem;line-height:1.78}.page-module__Ot7JyW__storyContent p:first-of-type:first-letter{font-size:3.2rem}.page-module__Ot7JyW__storyCover img{height:220px}.page-module__Ot7JyW__storyShare{flex-flow:wrap}.page-module__Ot7JyW__storyTags{padding:1.25rem 1.1rem 1.5rem}.page-module__Ot7JyW__storyContainer>.page-module__Ot7JyW__storyShare:last-of-type{padding:1.1rem 1.1rem 1.5rem}.page-module__Ot7JyW__breadcrumbCurrent{max-width:160px}}