@use "/app/packages/ui/styles/base.scss" as *;.prose{color:#000;max-width:53rem;font-size:1rem;line-height:150%}.prose h3{margin:0;font-size:1.25rem;font-weight:700;line-height:150%}.prose h4{margin:0;font-size:1.125rem;font-weight:700;line-height:150%}.prose h5,.prose h6{margin:0;font-size:1rem;font-weight:700;line-height:150%}.prose p{margin:0;line-height:150%}.prose a{color:#12b886;text-decoration:underline}.prose strong{font-weight:700}.prose em{font-style:italic}.prose s{color:#868e96;text-decoration:line-through}.prose mark{padding:.1em .2em}.prose code{background:#f1f3f5;padding:.15em .4em;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.875em}.prose pre{color:#cdd6f4;background:#1e1e2e;margin:1.25rem 0;padding:1.25rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose blockquote{color:#495057;background:#f8fffe;border-left:4px solid #12b886;padding:.625rem 1.25rem}.prose ul{margin:0;padding-left:1.75rem;list-style-type:disc}.prose ol{margin:0;padding-left:1.75rem;list-style-type:decimal}.prose li{margin:0}.prose hr{border:none;border-top:2px solid #dee2e6;margin:1rem 0}.prose img{max-width:100%;height:auto;display:block}.prose a>img{transition:opacity .2s}.prose a>img:hover{opacity:.85}.prose .image-figure{flex-direction:column;display:flex}.prose .image-figure.image-align-left{align-items:flex-start}.prose .image-figure.image-align-center{align-items:center}.prose .image-figure.image-align-right{align-items:flex-end}.prose figcaption{color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:1.625rem;font-weight:600;line-height:150%;text-decoration:none}html[is_mobile=true] .prose figcaption{font-color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:16px;font-weight:600;line-height:150%;text-decoration:none}.prose figcaption{text-align:center;margin-top:.5rem}.prose figcaption.empty-caption{display:none}.prose .predefined-text--headline{color:#000;letter-spacing:normal;font-family:Pretendard;font-size:3rem;font-weight:700;line-height:150%;text-decoration:none}html[is_mobile=true] .prose .predefined-text--headline{font-color:#000;letter-spacing:normal;font-family:Pretendard;font-size:24px;font-weight:700;line-height:150%;text-decoration:none}.prose .predefined-text--subcopy{color:#000;letter-spacing:normal;font-family:Pretendard;font-size:1.75rem;font-weight:600;line-height:150%;text-decoration:none}html[is_mobile=true] .prose .predefined-text--subcopy{font-color:#000;letter-spacing:normal;font-family:Pretendard;font-size:18px;font-weight:600;line-height:150%;text-decoration:none}.prose .predefined-text--description{color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:1.625rem;font-weight:600;line-height:150%;text-decoration:none}html[is_mobile=true] .prose .predefined-text--description{font-color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:16px;font-weight:600;line-height:150%;text-decoration:none}.prose [data-parallel-images]{align-items:flex-start;max-width:100%;display:flex}.prose [data-parallel-images][data-align=left]{justify-content:flex-start}.prose [data-parallel-images][data-align=center]{justify-content:center}.prose [data-parallel-images][data-align=right]{justify-content:flex-end}.prose [data-parallel-images] figure{flex:1 1 0;min-width:0;margin:0}.prose [data-parallel-images] figure[data-fixed-width]{flex:none}.prose [data-parallel-images] figure a{display:block}.prose [data-parallel-images] figure img{max-width:100%;height:auto;transition:opacity .2s;display:block}.prose [data-parallel-images] figure:not([data-fixed-width]) img{width:100%}.prose [data-parallel-images] figure a:hover img{opacity:.85}.prose .color-box{min-height:calc(var(--color-box-height)/16*1rem)}html[is_mobile=true] .prose .color-box{min-height:calc(var(--color-box-height)/32*1rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#9a1e0b;--brand-light:#fceeec;--bg:#f8f9fa;--bg-light:#e9ecef;--surface:#fff;--border:#dee2e6;--text:#212529;--muted:#868e96;--header-h:3.25rem;--toolbar-h:5.5rem;--radius:.2rem;--font-sans:"Pretendard Variable", "Pretendard", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Fira Code", "Cascadia Code", "JetBrains Mono", monospace}.app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.app-header__right{align-items:center;gap:.75rem;display:flex}.app-logo{color:var(--brand);font-size:1.5rem;font-weight:700}.action-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;padding:.625rem 1.25rem;transition:background .15s,border-color .15s}.action-btn:hover{background:var(--bg);border-color:#adb5bd}.action-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}.action-btn--primary:hover{background:#0ca678;border-color:#0ca678}.pane-container{height:85vh;display:flex}.pane{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.pane__label{letter-spacing:.06em;text-transform:uppercase;height:32px;color:var(--muted);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;padding:0 1.25rem;font-size:.75rem;font-weight:600;display:flex}.pane-divider{background:var(--border);flex-shrink:0;width:1px}.toolbar{border-bottom:1px solid var(--border);background:#fafafa;flex-direction:column;flex-shrink:0;display:flex}.toolbar__row{scrollbar-width:none;align-items:center;gap:.125rem;height:2.75rem;padding:0 .75rem;display:flex;overflow-x:auto}.toolbar__row:not(:last-child){border-bottom:1px solid var(--border)}.toolbar__row::-webkit-scrollbar{display:none}.toolbar__btn{font-family:var(--font-sans);cursor:pointer;color:var(--text);white-space:nowrap;background:0 0;border:1px solid rgba(0,0,0,0);border-radius:4px;padding:.25rem .55rem;font-size:.8125rem;font-weight:600;transition:background .1s,border-color .1s}.toolbar__btn:hover{background:var(--bg);border-color:var(--border)}.toolbar__btn--active{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.toolbar__sep{background:var(--border);flex-shrink:0;width:1px;height:1.25rem;margin:0 .25rem;display:inline-block}.toolbar__select{border:1px solid var(--border);background:var(--surface);height:1.75rem;font-family:var(--font-sans);color:var(--text);cursor:pointer;border-radius:4px;max-width:110px;padding:0 .4rem;font-size:.8rem}.toolbar__select:hover{border-color:#adb5bd}.toolbar__select:focus{border-color:var(--brand);outline:none}.toolbar__input{border:1px solid var(--border);background:var(--surface);height:1.75rem;font-family:var(--font-sans);color:var(--text);border-radius:4px;padding:0 .4rem;font-size:.8rem}.toolbar__input:hover{border-color:#adb5bd}.toolbar__input:focus{border-color:var(--brand);outline:none}.toolbar__input:disabled{opacity:.4;cursor:not-allowed}.editor-scroll{flex:1;padding:2rem 2.5rem;overflow-y:auto}.tiptap-editor{min-height:calc(100vh - var(--header-h) - var(--toolbar-h) - 33px - 4rem);outline:none}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#ced4da;pointer-events:none;height:0}.preview-scroll{flex:1;overflow-y:auto}.tiptap-editor{color:#000;max-width:53rem;font-size:1rem;line-height:150%}.tiptap-editor h3{margin:0;font-size:1.25rem;font-weight:700;line-height:150%}.tiptap-editor h4{margin:0;font-size:1.125rem;font-weight:700;line-height:150%}.tiptap-editor h5,.tiptap-editor h6{margin:0;font-size:1rem;font-weight:700;line-height:150%}.tiptap-editor p{margin:0;line-height:150%}.tiptap-editor a{color:#12b886;text-decoration:underline}.tiptap-editor strong{font-weight:700}.tiptap-editor em{font-style:italic}.tiptap-editor s{color:#868e96;text-decoration:line-through}.tiptap-editor mark{padding:.1em .2em}.tiptap-editor code{background:#f1f3f5;padding:.15em .4em;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.875em}.tiptap-editor pre{color:#cdd6f4;background:#1e1e2e;margin:1.25rem 0;padding:1.25rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.tiptap-editor pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.tiptap-editor blockquote{color:#495057;background:#f8fffe;border-left:4px solid #12b886;padding:.625rem 1.25rem}.tiptap-editor ul{margin:0;padding-left:1.75rem;list-style-type:disc}.tiptap-editor ol{margin:0;padding-left:1.75rem;list-style-type:decimal}.tiptap-editor li{margin:0}.tiptap-editor hr{border:none;border-top:2px solid #dee2e6;margin:1rem 0}.tiptap-editor img{max-width:100%;height:auto;display:block}.tiptap-editor a>img{transition:opacity .2s}.tiptap-editor a>img:hover{opacity:.85}.tiptap-editor .image-figure{flex-direction:column;display:flex}.tiptap-editor .image-figure.image-align-left{align-items:flex-start}.tiptap-editor .image-figure.image-align-center{align-items:center}.tiptap-editor .image-figure.image-align-right{align-items:flex-end}.tiptap-editor figcaption{color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:1.625rem;font-weight:600;line-height:150%;text-decoration:none}html[is_mobile=true] .tiptap-editor figcaption{font-color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:16px;font-weight:600;line-height:150%;text-decoration:none}.tiptap-editor figcaption{text-align:center;margin-top:.5rem}.tiptap-editor figcaption.empty-caption{display:none}.tiptap-editor .predefined-text--headline{color:#000;letter-spacing:normal;font-family:Pretendard;font-size:3rem;font-weight:700;line-height:150%;text-decoration:none}html[is_mobile=true] .tiptap-editor .predefined-text--headline{font-color:#000;letter-spacing:normal;font-family:Pretendard;font-size:24px;font-weight:700;line-height:150%;text-decoration:none}.tiptap-editor .predefined-text--subcopy{color:#000;letter-spacing:normal;font-family:Pretendard;font-size:1.75rem;font-weight:600;line-height:150%;text-decoration:none}html[is_mobile=true] .tiptap-editor .predefined-text--subcopy{font-color:#000;letter-spacing:normal;font-family:Pretendard;font-size:18px;font-weight:600;line-height:150%;text-decoration:none}.tiptap-editor .predefined-text--description{color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:1.625rem;font-weight:600;line-height:150%;text-decoration:none}html[is_mobile=true] .tiptap-editor .predefined-text--description{font-color:#65192a;letter-spacing:normal;font-family:Pretendard;font-size:16px;font-weight:600;line-height:150%;text-decoration:none}.tiptap-editor [data-parallel-images]{align-items:flex-start;max-width:100%;display:flex}.tiptap-editor [data-parallel-images][data-align=left]{justify-content:flex-start}.tiptap-editor [data-parallel-images][data-align=center]{justify-content:center}.tiptap-editor [data-parallel-images][data-align=right]{justify-content:flex-end}.tiptap-editor [data-parallel-images] figure{flex:1 1 0;min-width:0;margin:0}.tiptap-editor [data-parallel-images] figure[data-fixed-width]{flex:none}.tiptap-editor [data-parallel-images] figure a{display:block}.tiptap-editor [data-parallel-images] figure img{max-width:100%;height:auto;transition:opacity .2s;display:block}.tiptap-editor [data-parallel-images] figure:not([data-fixed-width]) img{width:100%}.tiptap-editor [data-parallel-images] figure a:hover img{opacity:.85}.tiptap-editor .color-box{min-height:calc(var(--color-box-height)/16*1rem)}html[is_mobile=true] .tiptap-editor .color-box{min-height:calc(var(--color-box-height)/32*1rem)}.tiptap-editor [data-parallel-item].ProseMirror-selectednode{outline:2px solid var(--brand)}.tiptap-editor .image-figure{margin:1rem 0 0}.tiptap-editor .color-box{outline-offset:2px;outline:1.5px dashed rgba(0,0,0,.1490196078)}.tiptap-editor .color-box.ProseMirror-selectednode{outline:2px solid var(--brand)}.pi-nodeview{border:1.5px solid var(--border);max-width:100%;margin:1.25rem 0;padding:10px;position:relative;overflow:hidden}.pi-nodeview.ProseMirror-selectednode{border-color:var(--brand)}.pi-ctrl-btn{background:var(--brand);color:#fff;height:1.5rem;font-size:.75rem;font-family:var(--font-sans);cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;border:none;padding:0 .5rem;line-height:1.5rem;position:absolute;top:-1px;left:-1px}.pi-ctrl-btn:hover{background:#0ca678}.pi-ctrl-panel{background:var(--surface);border:1px solid var(--border);min-width:220px;padding:.75rem;display:none;top:24px;left:-1px;box-shadow:0 6px 20px rgba(0,0,0,.1215686275)}.pi-ctrl-panel--open{display:block}.pi-ctrl-section{margin-bottom:.5rem}.pi-ctrl-section:last-child{margin-bottom:0}.pi-ctrl-sep{border-top:1px solid var(--border);margin:.5rem 0}.pi-ctrl-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.75rem;font-weight:600}.pi-ctrl-row{align-items:center;gap:4px;display:flex}.pi-ctrl-align-btn{border:1px solid var(--border);background:var(--bg);font-size:.78rem;font-family:var(--font-sans);cursor:pointer;color:var(--text);flex:1;padding:.3rem 0}.pi-ctrl-align-btn:hover{background:var(--surface);border-color:#adb5bd}.pi-ctrl-align-btn--active{background:var(--brand);color:#fff;border-color:var(--brand)}.pi-ctrl-width-input{border:1px solid var(--border);height:1.75rem;font-size:.85rem;font-family:var(--font-sans);flex:1;min-width:0;padding:0 .4rem}.pi-ctrl-width-input:focus{border-color:var(--brand);outline:none}.pi-ctrl-unit-select{border:1px solid var(--border);background:var(--bg);width:2.875rem;height:1.75rem;font-size:.75rem;font-family:var(--font-sans);cursor:pointer;padding:0 .25rem}.pi-ctrl-unit-select:focus{border-color:var(--brand);outline:none}.pi-ctrl-apply-btn{border:1px solid var(--brand);background:var(--brand);color:#fff;height:1.75rem;font-size:.75rem;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;padding:0 .65rem}.pi-ctrl-apply-btn:hover{background:#0ca678;border-color:#0ca678}.pi-ctrl-hint{color:var(--muted);margin-top:.3rem;font-size:.72rem}.pi-ctrl-gap-label{color:var(--muted);white-space:nowrap;align-self:center;font-size:.72rem}.pi-ctrl-gap-input{border:1px solid var(--border);background:var(--surface);width:3rem;height:1.75rem;color:var(--text);text-align:center;min-width:0;padding:0 .3rem;font-size:.75rem}.pi-ctrl-gap-input:focus{border-color:var(--brand);outline:none}.toast{color:#fff;opacity:0;pointer-events:none;z-index:9999;white-space:nowrap;background:#1c1c1e;border-radius:999px;padding:.6rem 1.25rem;font-size:.875rem;transition:opacity .25s,transform .25s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(1rem)}.toast--show{opacity:1;transform:translate(-50%) translateY(0)}.img-dialog-backdrop{z-index:1000;opacity:0;background:rgba(0,0,0,.4509803922);justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.img-dialog-backdrop--visible{opacity:1}.img-dialog{background:var(--surface);border-radius:10px;flex-direction:column;width:440px;max-width:calc(100vw - 2rem);display:flex;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2509803922)}.img-dialog__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.img-dialog__title{font-size:1rem;font-weight:700}.img-dialog__close{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1rem;line-height:1}.img-dialog__close:hover{background:var(--bg);color:var(--text)}.img-dialog__body{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.img-dialog__field{flex-direction:column;gap:.3rem;display:flex}.img-dialog__field--half{max-width:160px}.img-dialog__row{gap:1rem;display:flex}.img-dialog__label{color:#495057;font-size:.8rem;font-weight:600}.img-dialog__src-row{gap:.5rem;display:flex}.img-dialog__src-row .img-dialog__input{flex:1}.img-dialog__unit-row{gap:.35rem;display:flex}.img-dialog__unit-row .img-dialog__input{flex:1;min-width:0}.img-dialog__unit-select{border:1px solid var(--border);background:var(--bg);height:2.25rem;font-family:var(--font-sans);color:var(--text);cursor:pointer;width:52px;padding:0 .35rem;font-size:.75rem}.img-dialog__unit-select:focus{border-color:var(--brand);outline:none}.img-dialog__input{border:1px solid var(--border);font-size:.9rem;font-family:var(--font-sans);color:var(--text);background:var(--surface);border-radius:6px;padding:.45rem .65rem;transition:border-color .15s}.img-dialog__input:focus{border-color:var(--brand);outline:none}.img-dialog__input--error{border-color:#f03e3e}.img-dialog__input[type=number]{width:100%}.img-dialog__file-btn{border:1px solid var(--border);background:var(--bg);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.45rem .85rem;font-size:.85rem}.img-dialog__file-btn:hover{border-color:#adb5bd}.img-dialog__preview-wrap{border:1px dashed var(--border);background:var(--bg);border-radius:6px;justify-content:center;max-height:160px;padding:.5rem;display:none;overflow:hidden}.img-dialog__preview-wrap--visible,.img-dialog__preview-wrap--edit{display:flex}.img-dialog__preview{object-fit:contain;border-radius:4px;max-width:100%;max-height:8.75rem}.img-dialog__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1rem;display:flex}.img-dialog__btn{border:1px solid var(--border);font-family:var(--font-sans);cursor:pointer;border-radius:6px;padding:.45rem 1.1rem;font-size:.875rem;font-weight:500}.img-dialog__btn--cancel{background:var(--surface);color:var(--text)}.img-dialog__btn--cancel:hover{background:var(--bg)}.img-dialog__btn--confirm{background:var(--brand);color:#fff;border-color:var(--brand)}.img-dialog__btn--confirm:hover{background:#0ca678;border-color:#0ca678}.img-dialog__caption-style{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;gap:.4rem;padding:.5rem .65rem;display:flex}.img-dialog__caption-style-row{align-items:flex-end;gap:.5rem;display:flex}.img-dialog__caption-style-field{flex-direction:column;gap:.2rem;display:flex}.img-dialog__caption-style-label{color:var(--muted);white-space:nowrap;font-size:.72rem}.img-dialog__input--small{width:64px;padding:.3rem .4rem;font-size:.85rem}.img-dialog__caption-bold-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:2rem;color:var(--muted);border-radius:4px;flex-shrink:0;font-size:.9rem;font-weight:700;line-height:1}.img-dialog__caption-bold-btn--active{background:var(--brand);border-color:var(--brand);color:#fff}.img-dialog__caption-bold-btn:hover:not(.img-dialog__caption-bold-btn--active){color:var(--text);border-color:#adb5bd}.img-dialog__caption-color-wrap{align-items:center;gap:.25rem;display:flex}.img-dialog__caption-color-input{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:4px;width:36px;height:2rem;padding:2px}.img-dialog__caption-color-reset{border:1px solid var(--border);background:var(--surface);width:24px;height:2rem;color:var(--muted);cursor:pointer;border-radius:4px;padding:0;font-size:.85rem;line-height:1}.img-dialog__caption-color-reset:hover{color:var(--text);border-color:#adb5bd}.color-popover{z-index:2000;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;min-width:13.75rem;padding:.46875rem;position:fixed;box-shadow:0 8px 24px rgba(0,0,0,.1490196078)}.color-popover__label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.color-popover__swatches{flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem;display:flex}.color-popover__custom-row{align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.color-popover__custom-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.color-popover__custom-input{border:1px solid var(--border);cursor:pointer;border-radius:.25rem;width:1.75rem;height:1.75rem;padding:0}.color-popover__hex-input{border:1px solid var(--border);height:1.75rem;font-size:.75rem;font-family:var(--font-mono);border-radius:.25rem;flex:1;padding:0 .4rem}.color-popover__hex-input:focus{border-color:var(--brand);outline:none}.color-popover__clear{border:1px dashed var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;margin-top:.5rem;padding:.3rem;font-size:.8rem}.color-popover__clear:hover{background:var(--bg);color:var(--text)}.color-swatch{cursor:pointer;border:1.5px solid rgba(0,0,0,.1215686275);border-radius:.25rem;width:1.25rem;height:1.25rem;padding:0;transition:transform .1s,box-shadow .1s}.color-swatch:hover{transform:scale(1.2);box-shadow:0 2px 6px rgba(0,0,0,.2)}.color-swatch--active{outline:2px solid var(--brand);outline-offset:1px}.pane--edit{position:relative}.drop-overlay{border:.15625rem dashed var(--brand);border-radius:var(--radius);z-index:50;pointer-events:none;opacity:0;background:rgba(18,184,134,.0784313725);justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.drop-overlay--visible{opacity:1}.drop-overlay__label{background:var(--brand);color:#fff;pointer-events:none;border-radius:999px;padding:.6rem 1.5rem;font-weight:600}.hljs-comment,.hljs-quote{color:#6c7086;font-style:italic}.hljs-keyword,.hljs-selector-tag{color:#cba6f7}.hljs-string,.hljs-attr{color:#a6e3a1}.hljs-number,.hljs-literal{color:#fab387}.hljs-type,.hljs-class{color:#89dceb}.hljs-function,.hljs-title{color:#89b4fa}.hljs-variable,.hljs-params{color:#cdd6f4}.hljs-built_in{color:#f38ba8}.tiptap-editor .predefined-text{position:relative}.tiptap-editor .predefined-text:before{content:attr(data-label);font-family:var(--font-sans);background:var(--brand);color:#fff;opacity:.55;pointer-events:none;white-space:nowrap;border-radius:.1875rem;padding:.1875rem .375rem;font-size:.6875rem;font-weight:600;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.mode-toggle{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;gap:.125rem;padding:.1875rem;display:flex}.mode-btn{font-family:var(--font-sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.mode-btn:hover{color:var(--text);background:rgba(0,0,0,.0392156863)}.mode-btn--active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1019607843)}[data-mode=pc] .pane-container{justify-content:center;gap:1.25rem;padding:1.25rem 1.5rem}[data-mode=pc] .pane{max-width:53rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1019607843)}[data-mode=pc] .mobile-frame__bar{display:none}[data-mode=mobile] .pane-container{justify-content:center;gap:1.5rem;padding:1.25rem 1.5rem}[data-mode=mobile] .pane{flex:none;width:24.375rem;max-width:24.375rem;box-shadow:0 8px 32px rgba(0,0,0,.1803921569)}[data-mode=mobile] .pane-divider{display:none}[data-mode=mobile] .prose,[data-mode=mobile] .tiptap-editor{max-width:100%}[data-mode=mobile] .editor-scroll,[data-mode=mobile] .preview-scroll{padding:1.25rem 1rem}[data-mode=mobile] .prose img,[data-mode=mobile] .tiptap-editor img{width:100%;height:auto}[data-mode=mobile] .image-figure,[data-mode=mobile] .tiptap-editor .image-figure{align-items:stretch !important}[data-mode=mobile] .image-figure img,[data-mode=mobile] .tiptap-editor .image-figure img{width:100%;max-width:100%}[data-mode=mobile] [data-parallel-images]{gap:8px}[data-mode=mobile] [data-parallel-images] figure,[data-mode=mobile] [data-parallel-images] figure[data-fixed-width]{flex:100%;width:100% !important}[data-mode=mobile] [data-parallel-images] figure img{object-fit:unset;width:100%;height:auto}[data-mode=mobile] figcaption:not(.empty-caption){font-size:.6875rem}[data-mode=mobile] .color-box{width:100%}[data-mode=mobile] .mobile-frame{border-bottom:.5rem solid #1a1a1a;border-left:.5rem solid #1a1a1a;border-right:.5rem solid #1a1a1a}[data-mode=mobile] .pane--edit .mobile-frame{border:none}[data-mode=mobile] .pane--edit .mobile-frame__bar{display:none}.mobile-frame{flex-direction:column;height:100%;min-height:0;display:flex}.mobile-frame__bar{background:#1a1a1a;flex-shrink:0;justify-content:center;align-items:flex-end;height:1.75rem;padding-bottom:.25rem;display:flex}.mobile-frame__notch{background:#000;border-radius:0 0 .625rem .625rem;width:4.5rem;height:1rem;display:block}