@m2s2/vue-lib 2.4.1 → 2.5.0

package/dist/index26.cjs

@@ -1,6 +1,6 @@
-"use strict";const e=require("vue"),Q=require("./index76.cjs"),X={class:"be-root"},Y={class:"be-meta"},Z={class:"be-field be-field--full"},ee=["value"],te={class:"be-field"},le={class:"be-field"},ae={class:"be-field be-field--full"},ne={class:"be-field be-field--full"},oe={class:"be-field"},ie={class:"be-tags"},se=["onClick","aria-label"],re={class:"be-field"},ce={class:"be-field be-field--cover"},ue={class:"be-cover"},de=["src"],ve={class:"be-cover__pick"},be={class:"be-editor"},me={class:"be-toolbar",role:"toolbar","aria-label":"Formatting"},pe=["title","onClick"],ge={class:"be-panes"},fe={class:"be-pane be-pane--write"},Ee=["value"],Ve={class:"be-pane be-pane--preview"},Ne=["innerHTML"],_e={class:"be-footer"},xe={class:"be-footer__meta"},ke=["disabled"],we=e.defineComponent({__name:"BlogEditor",props:{initialPost:{},coverImageUrl:{}},emits:["publish","coverImageSelected"],setup(R,{emit:q}){var T,C,I,P,B,D,S,M,U;const n=R,x=q,F=[{label:"Heading 2",icon:"H2",prefix:"## "},{label:"Heading 3",icon:"H3",prefix:"### "},{label:"Bold",icon:"B",wrap:["**","**"]},{label:"Italic",icon:"I",wrap:["*","*"]},{label:"Inline code",icon:"`",wrap:["`","`"]},{label:"Code block",icon:"{ }",block:"\n```\n\n```\n"},{label:"Blockquote",icon:"❝",prefix:"> "},{label:"Link",icon:"⇗",wrap:["[","](url)"]},{label:"Image",icon:"⬚",block:`![alt text](image-url)
+"use strict";const e=require("vue"),re=require("./index76.cjs"),de={class:"be-root"},ue={class:"be-meta"},ce={class:"be-field be-field--full"},ve=["value"],be={class:"be-field"},me={class:"be-field"},pe={class:"be-field be-field--full"},fe={class:"be-field be-field--full"},ge={class:"be-field"},Ve={class:"be-tags"},Ee=["onClick","aria-label"],Ne={class:"be-field"},xe={class:"be-field be-field--cover"},we={class:"be-cover"},ke=["src"],Te={class:"be-cover__pick"},ye={class:"be-field"},_e={class:"be-field"},Pe={class:"be-field be-field--narrow-pair"},he={class:"be-editor"},Ie={class:"be-toolbar",role:"toolbar","aria-label":"Formatting"},Ce=["title","onClick"],De={class:"be-panes"},Be={class:"be-pane be-pane--write"},Se=["value"],Me={class:"be-pane be-pane--preview"},Ue=["innerHTML"],Le={class:"be-footer"},He={class:"be-footer__meta"},Re=["disabled"],qe=e.defineComponent({__name:"BlogEditor",props:{initialPost:{},coverImageUrl:{}},emits:["publish","coverImageSelected"],setup(Q,{emit:X}){var D,B,S,M,U,L,H,R,q,F,O,$,A,K,z,G,W;const n=Q,_=X,Y=[{label:"Heading 2",icon:"H2",prefix:"## "},{label:"Heading 3",icon:"H3",prefix:"### "},{label:"Bold",icon:"B",wrap:["**","**"]},{label:"Italic",icon:"I",wrap:["*","*"]},{label:"Inline code",icon:"`",wrap:["`","`"]},{label:"Code block",icon:"{ }",block:"\n```\n\n```\n"},{label:"Blockquote",icon:"❝",prefix:"> "},{label:"Link",icon:"⇗",wrap:["[","](url)"]},{label:"Image",icon:"⬚",block:`![alt text](image-url)
 `},{label:"Bullet list",icon:"•–",prefix:"- "},{label:"Numbered list",icon:"1.",prefix:"1. "},{label:"Divider",icon:"—",block:`
 ---
 
-`}];function O(){return new Date().toISOString().split("T")[0]}function k(l){return l.toLowerCase().replace(/[^a-z0-9\s-]/g,"").trim().replace(/\s+/g,"-").replace(/-+/g,"-")}function w(l){const t=l.trim().split(/\s+/).filter(Boolean).length;return Math.max(1,Math.ceil(t/200))}const c=e.ref(((T=n.initialPost)==null?void 0:T.title)??""),d=e.ref(((C=n.initialPost)==null?void 0:C.slug)??""),p=e.ref(((I=n.initialPost)==null?void 0:I.date)??O()),v=e.ref(((P=n.initialPost)==null?void 0:P.summary)??""),g=e.ref(((B=n.initialPost)==null?void 0:B.excerpt)??""),o=e.ref([...((D=n.initialPost)==null?void 0:D.tags)??[]]),u=e.ref(((S=n.initialPost)==null?void 0:S.readingTime)??1),i=e.ref(((M=n.initialPost)==null?void 0:M.content)??""),f=e.ref((U=n.initialPost)==null?void 0:U.coverImage),b=e.ref(""),N=e.ref(!!n.initialPost),h=e.ref(null);e.watch(()=>n.initialPost,l=>{l&&(c.value=l.title,d.value=l.slug,p.value=l.date,v.value=l.summary,g.value=l.excerpt??"",o.value=[...l.tags],u.value=l.readingTime??1,i.value=l.content,f.value=l.coverImage,N.value=!0)});const $=e.computed(()=>Q.marked.parse(i.value)),y=e.computed(()=>c.value.trim().length>0&&v.value.trim().length>0&&i.value.trim().length>0),_=e.computed(()=>f.value??n.coverImageUrl);function A(l){c.value=l.target.value,N.value||(d.value=k(c.value)),u.value=w(i.value)}function K(l){i.value=l.target.value,u.value=w(i.value)}function z(l){if(l.key==="Enter"||l.key===","){l.preventDefault();const t=b.value.trim().replace(/,/g,"").toLowerCase();t&&!o.value.includes(t)&&(o.value=[...o.value,t]),b.value=""}l.key==="Backspace"&&!b.value&&o.value.length&&(o.value=o.value.slice(0,-1))}function W(l){o.value=o.value.filter(t=>t!==l)}function j(l){var s;const t=(s=l.target.files)==null?void 0:s[0];if(!t)return;x("coverImageSelected",t);const a=new FileReader;a.onload=()=>{f.value=a.result},a.readAsDataURL(t)}function G(l){const t=h.value;if(!t)return;const a=t.selectionStart,s=t.selectionEnd,r=i.value;let E,V;if(l.wrap){const[m,L]=l.wrap,H=r.slice(a,s)||"text";E=r.slice(0,a)+m+H+L+r.slice(s),V=a+m.length+H.length+L.length}else if(l.prefix){const m=r.lastIndexOf(`
-`,a-1)+1;E=r.slice(0,m)+l.prefix+r.slice(m),V=a+l.prefix.length}else if(l.block)E=r.slice(0,a)+l.block+r.slice(s),V=a+l.block.length;else return;i.value=E,setTimeout(()=>{t.selectionStart=t.selectionEnd=V,t.focus()},0)}function J(){y.value&&x("publish",{title:c.value,slug:d.value||k(c.value),date:p.value,summary:v.value,excerpt:g.value||void 0,tags:o.value,readingTime:u.value,content:i.value,coverImage:n.coverImageUrl??f.value})}return(l,t)=>(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("section",Y,[e.createElementVNode("div",Z,[t[7]||(t[7]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Title "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.createElementVNode("input",{class:"be-input",type:"text",value:c.value,onInput:A,placeholder:"Post title…"},null,40,ee)]),e.createElementVNode("div",te,[t[8]||(t[8]=e.createElementVNode("label",{class:"be-label"},"Slug",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"text","onUpdate:modelValue":t[0]||(t[0]=a=>d.value=a),onInput:t[1]||(t[1]=a=>N.value=!0),placeholder:"post-slug"},null,544),[[e.vModelText,d.value]])]),e.createElementVNode("div",le,[t[9]||(t[9]=e.createElementVNode("label",{class:"be-label"},"Date",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"date","onUpdate:modelValue":t[2]||(t[2]=a=>p.value=a)},null,512),[[e.vModelText,p.value]])]),e.createElementVNode("div",ae,[t[10]||(t[10]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Summary "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.withDirectives(e.createElementVNode("textarea",{class:"be-input be-input--textarea",rows:"2","onUpdate:modelValue":t[3]||(t[3]=a=>v.value=a),placeholder:"Short description shown in blog listings…"},null,512),[[e.vModelText,v.value]])]),e.createElementVNode("div",ne,[t[11]||(t[11]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Excerpt "),e.createElementVNode("span",{class:"be-optional"},"(optional)")],-1)),e.withDirectives(e.createElementVNode("textarea",{class:"be-input be-input--textarea",rows:"2","onUpdate:modelValue":t[4]||(t[4]=a=>g.value=a),placeholder:"Longer teaser for social previews…"},null,512),[[e.vModelText,g.value]])]),e.createElementVNode("div",oe,[t[12]||(t[12]=e.createElementVNode("label",{class:"be-label"},"Tags",-1)),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,a=>(e.openBlock(),e.createElementBlock("span",{key:a,class:"be-tag"},[e.createTextVNode(e.toDisplayString(a)+" ",1),e.createElementVNode("button",{type:"button",class:"be-tag__remove",onClick:s=>W(a),"aria-label":`Remove tag ${a}`},"×",8,se)]))),128)),e.withDirectives(e.createElementVNode("input",{class:"be-tag-input",type:"text","onUpdate:modelValue":t[5]||(t[5]=a=>b.value=a),onKeydown:z,placeholder:"Add tag, press Enter…"},null,544),[[e.vModelText,b.value]])])]),e.createElementVNode("div",re,[t[13]||(t[13]=e.createElementVNode("label",{class:"be-label"},"Reading time (min)",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input be-input--narrow",type:"number",min:"1","onUpdate:modelValue":t[6]||(t[6]=a=>u.value=a)},null,512),[[e.vModelText,u.value,void 0,{number:!0}]])]),e.createElementVNode("div",ce,[t[14]||(t[14]=e.createElementVNode("label",{class:"be-label"},"Cover Image",-1)),e.createElementVNode("div",ue,[_.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"be-cover__preview",src:_.value,alt:"Cover preview"},null,8,de)):e.createCommentVNode("",!0),e.createElementVNode("label",ve,[e.createTextVNode(e.toDisplayString(_.value?"Replace":"Choose image")+" ",1),e.createElementVNode("input",{type:"file",accept:"image/*",onChange:j,hidden:""},null,32)])])])]),e.createElementVNode("section",be,[e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(F,a=>e.createElementVNode("button",{key:a.label,type:"button",class:"be-toolbar__btn",title:a.label,onClick:s=>G(a)},e.toDisplayString(a.icon),9,pe)),64))]),e.createElementVNode("div",ge,[e.createElementVNode("div",fe,[t[15]||(t[15]=e.createElementVNode("div",{class:"be-pane__label"},"Markdown",-1)),e.createElementVNode("textarea",{ref_key:"textareaEl",ref:h,class:"be-pane__textarea",value:i.value,onInput:K,placeholder:"Write your post in markdown…",spellcheck:"true"},null,40,Ee)]),e.createElementVNode("div",Ve,[t[16]||(t[16]=e.createElementVNode("div",{class:"be-pane__label"},"Preview",-1)),e.createElementVNode("div",{class:"be-pane__preview prose",innerHTML:$.value},null,8,Ne)])])]),e.createElementVNode("footer",_e,[e.createElementVNode("span",xe,"~"+e.toDisplayString(u.value)+" min read",1),e.createElementVNode("button",{type:"button",class:"be-publish",disabled:!y.value,onClick:J}," Publish Post ",8,ke)])]))}});module.exports=we;
+`}];function Z(){return new Date().toISOString().split("T")[0]}function P(l){return l.toLowerCase().replace(/[^a-z0-9\s-]/g,"").trim().replace(/\s+/g,"-").replace(/-+/g,"-")}function h(l){const t=l.trim().split(/\s+/).filter(Boolean).length;return Math.max(1,Math.ceil(t/200))}const d=e.ref(((D=n.initialPost)==null?void 0:D.title)??""),c=e.ref(((B=n.initialPost)==null?void 0:B.slug)??""),p=e.ref(((S=n.initialPost)==null?void 0:S.date)??Z()),v=e.ref(((M=n.initialPost)==null?void 0:M.summary)??""),f=e.ref(((U=n.initialPost)==null?void 0:U.excerpt)??""),o=e.ref([...((L=n.initialPost)==null?void 0:L.tags)??[]]),u=e.ref(((H=n.initialPost)==null?void 0:H.readingTime)??1),r=e.ref(((R=n.initialPost)==null?void 0:R.content)??""),g=e.ref((q=n.initialPost)==null?void 0:q.coverImage),b=e.ref(""),T=e.ref(!!n.initialPost),I=e.ref(null),V=e.ref(((O=(F=n.initialPost)==null?void 0:F.series)==null?void 0:O.id)??""),E=e.ref(((A=($=n.initialPost)==null?void 0:$.series)==null?void 0:A.title)??""),N=e.ref(((z=(K=n.initialPost)==null?void 0:K.series)==null?void 0:z.part)??1),x=e.ref(((W=(G=n.initialPost)==null?void 0:G.series)==null?void 0:W.total)??1);e.watch(()=>n.initialPost,l=>{var t,a,i,s;l&&(d.value=l.title,c.value=l.slug,p.value=l.date,v.value=l.summary,f.value=l.excerpt??"",o.value=[...l.tags],u.value=l.readingTime??1,r.value=l.content,g.value=l.coverImage,V.value=((t=l.series)==null?void 0:t.id)??"",E.value=((a=l.series)==null?void 0:a.title)??"",N.value=((i=l.series)==null?void 0:i.part)??1,x.value=((s=l.series)==null?void 0:s.total)??1,T.value=!0)});const ee=e.computed(()=>re.marked.parse(r.value)),C=e.computed(()=>d.value.trim().length>0&&v.value.trim().length>0&&r.value.trim().length>0),y=e.computed(()=>g.value??n.coverImageUrl);function te(l){d.value=l.target.value,T.value||(c.value=P(d.value)),u.value=h(r.value)}function le(l){r.value=l.target.value,u.value=h(r.value)}function ae(l){if(l.key==="Enter"||l.key===","){l.preventDefault();const t=b.value.trim().replace(/,/g,"").toLowerCase();t&&!o.value.includes(t)&&(o.value=[...o.value,t]),b.value=""}l.key==="Backspace"&&!b.value&&o.value.length&&(o.value=o.value.slice(0,-1))}function ne(l){o.value=o.value.filter(t=>t!==l)}function oe(l){var i;const t=(i=l.target.files)==null?void 0:i[0];if(!t)return;_("coverImageSelected",t);const a=new FileReader;a.onload=()=>{g.value=a.result},a.readAsDataURL(t)}function ie(l){const t=I.value;if(!t)return;const a=t.selectionStart,i=t.selectionEnd,s=r.value;let w,k;if(l.wrap){const[m,j]=l.wrap,J=s.slice(a,i)||"text";w=s.slice(0,a)+m+J+j+s.slice(i),k=a+m.length+J.length+j.length}else if(l.prefix){const m=s.lastIndexOf(`
+`,a-1)+1;w=s.slice(0,m)+l.prefix+s.slice(m),k=a+l.prefix.length}else if(l.block)w=s.slice(0,a)+l.block+s.slice(i),k=a+l.block.length;else return;r.value=w,setTimeout(()=>{t.selectionStart=t.selectionEnd=k,t.focus()},0)}function se(){if(!C.value)return;const l=V.value.trim();_("publish",{title:d.value,slug:c.value||P(d.value),date:p.value,summary:v.value,excerpt:f.value||void 0,tags:o.value,readingTime:u.value,content:r.value,coverImage:n.coverImageUrl??g.value,series:l?{id:l,title:E.value.trim()||l,part:N.value,total:x.value}:void 0})}return(l,t)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("section",ue,[e.createElementVNode("div",ce,[t[11]||(t[11]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Title "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.createElementVNode("input",{class:"be-input",type:"text",value:d.value,onInput:te,placeholder:"Post title…"},null,40,ve)]),e.createElementVNode("div",be,[t[12]||(t[12]=e.createElementVNode("label",{class:"be-label"},"Slug",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"text","onUpdate:modelValue":t[0]||(t[0]=a=>c.value=a),onInput:t[1]||(t[1]=a=>T.value=!0),placeholder:"post-slug"},null,544),[[e.vModelText,c.value]])]),e.createElementVNode("div",me,[t[13]||(t[13]=e.createElementVNode("label",{class:"be-label"},"Date",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"date","onUpdate:modelValue":t[2]||(t[2]=a=>p.value=a)},null,512),[[e.vModelText,p.value]])]),e.createElementVNode("div",pe,[t[14]||(t[14]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Summary "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.withDirectives(e.createElementVNode("textarea",{class:"be-input be-input--textarea",rows:"2","onUpdate:modelValue":t[3]||(t[3]=a=>v.value=a),placeholder:"Short description shown in blog listings…"},null,512),[[e.vModelText,v.value]])]),e.createElementVNode("div",fe,[t[15]||(t[15]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Excerpt "),e.createElementVNode("span",{class:"be-optional"},"(optional)")],-1)),e.withDirectives(e.createElementVNode("textarea",{class:"be-input be-input--textarea",rows:"2","onUpdate:modelValue":t[4]||(t[4]=a=>f.value=a),placeholder:"Longer teaser for social previews…"},null,512),[[e.vModelText,f.value]])]),e.createElementVNode("div",ge,[t[16]||(t[16]=e.createElementVNode("label",{class:"be-label"},"Tags",-1)),e.createElementVNode("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,a=>(e.openBlock(),e.createElementBlock("span",{key:a,class:"be-tag"},[e.createTextVNode(e.toDisplayString(a)+" ",1),e.createElementVNode("button",{type:"button",class:"be-tag__remove",onClick:i=>ne(a),"aria-label":`Remove tag ${a}`},"×",8,Ee)]))),128)),e.withDirectives(e.createElementVNode("input",{class:"be-tag-input",type:"text","onUpdate:modelValue":t[5]||(t[5]=a=>b.value=a),onKeydown:ae,placeholder:"Add tag, press Enter…"},null,544),[[e.vModelText,b.value]])])]),e.createElementVNode("div",Ne,[t[17]||(t[17]=e.createElementVNode("label",{class:"be-label"},"Reading time (min)",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input be-input--narrow",type:"number",min:"1","onUpdate:modelValue":t[6]||(t[6]=a=>u.value=a)},null,512),[[e.vModelText,u.value,void 0,{number:!0}]])]),e.createElementVNode("div",xe,[t[18]||(t[18]=e.createElementVNode("label",{class:"be-label"},"Cover Image",-1)),e.createElementVNode("div",we,[y.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"be-cover__preview",src:y.value,alt:"Cover preview"},null,8,ke)):e.createCommentVNode("",!0),e.createElementVNode("label",Te,[e.createTextVNode(e.toDisplayString(y.value?"Replace":"Choose image")+" ",1),e.createElementVNode("input",{type:"file",accept:"image/*",onChange:oe,hidden:""},null,32)])])]),t[23]||(t[23]=e.createElementVNode("div",{class:"be-field-group-label"},[e.createTextVNode("Series "),e.createElementVNode("span",{class:"be-optional"},"(optional)")],-1)),e.createElementVNode("div",ye,[t[19]||(t[19]=e.createElementVNode("label",{class:"be-label"},"Series ID",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"text","onUpdate:modelValue":t[7]||(t[7]=a=>V.value=a),placeholder:"e.g. go-backend"},null,512),[[e.vModelText,V.value]])]),e.createElementVNode("div",_e,[t[20]||(t[20]=e.createElementVNode("label",{class:"be-label"},"Series Title",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input",type:"text","onUpdate:modelValue":t[8]||(t[8]=a=>E.value=a),placeholder:"e.g. Go Backend Series"},null,512),[[e.vModelText,E.value]])]),e.createElementVNode("div",Pe,[e.createElementVNode("div",null,[t[21]||(t[21]=e.createElementVNode("label",{class:"be-label"},"Part",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input be-input--narrow",type:"number",min:"1","onUpdate:modelValue":t[9]||(t[9]=a=>N.value=a)},null,512),[[e.vModelText,N.value,void 0,{number:!0}]])]),e.createElementVNode("div",null,[t[22]||(t[22]=e.createElementVNode("label",{class:"be-label"},"Total Parts",-1)),e.withDirectives(e.createElementVNode("input",{class:"be-input be-input--narrow",type:"number",min:"1","onUpdate:modelValue":t[10]||(t[10]=a=>x.value=a)},null,512),[[e.vModelText,x.value,void 0,{number:!0}]])])])]),e.createElementVNode("section",he,[e.createElementVNode("div",Ie,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Y,a=>e.createElementVNode("button",{key:a.label,type:"button",class:"be-toolbar__btn",title:a.label,onClick:i=>ie(a)},e.toDisplayString(a.icon),9,Ce)),64))]),e.createElementVNode("div",De,[e.createElementVNode("div",Be,[t[24]||(t[24]=e.createElementVNode("div",{class:"be-pane__label"},"Markdown",-1)),e.createElementVNode("textarea",{ref_key:"textareaEl",ref:I,class:"be-pane__textarea",value:r.value,onInput:le,placeholder:"Write your post in markdown…",spellcheck:"true"},null,40,Se)]),e.createElementVNode("div",Me,[t[25]||(t[25]=e.createElementVNode("div",{class:"be-pane__label"},"Preview",-1)),e.createElementVNode("div",{class:"be-pane__preview prose",innerHTML:ee.value},null,8,Ue)])])]),e.createElementVNode("footer",Le,[e.createElementVNode("span",He,"~"+e.toDisplayString(u.value)+" min read",1),e.createElementVNode("button",{type:"button",class:"be-publish",disabled:!C.value,onClick:se}," Publish Post ",8,Re)])]))}});module.exports=qe;

package/dist/index26.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as oe, ref as s, watch as ie, computed as E, openBlock as _, createElementBlock as w, createElementVNode as l, createTextVNode as x, withDirectives as v, vModelText as b, Fragment as W, renderList as j, toDisplayString as P, createCommentVNode as re } from "vue";
-import { marked as ue } from "./index76.mjs";
-const ce = { class: "be-root" }, de = { class: "be-meta" }, ve = { class: "be-field be-field--full" }, be = ["value"], pe = { class: "be-field" }, ge = { class: "be-field" }, fe = { class: "be-field be-field--full" }, me = { class: "be-field be-field--full" }, _e = { class: "be-field" }, we = { class: "be-tags" }, xe = ["onClick", "aria-label"], he = { class: "be-field" }, ke = { class: "be-field be-field--cover" }, ye = { class: "be-cover" }, Ce = ["src"], Ie = { class: "be-cover__pick" }, Pe = { class: "be-editor" }, Te = {
+import { defineComponent as we, ref as n, watch as xe, computed as L, openBlock as x, createElementBlock as _, createElementVNode as l, createTextVNode as p, withDirectives as d, vModelText as v, Fragment as se, renderList as ne, toDisplayString as V, createCommentVNode as _e } from "vue";
+import { marked as ke } from "./index76.mjs";
+const ye = { class: "be-root" }, Pe = { class: "be-meta" }, Ie = { class: "be-field be-field--full" }, Ce = ["value"], Te = { class: "be-field" }, he = { class: "be-field" }, Se = { class: "be-field be-field--full" }, Ue = { class: "be-field be-field--full" }, Ve = { class: "be-field" }, Be = { class: "be-tags" }, Ee = ["onClick", "aria-label"], Le = { class: "be-field" }, De = { class: "be-field be-field--cover" }, He = { class: "be-cover" }, Re = ["src"], Me = { class: "be-cover__pick" }, Fe = { class: "be-field" }, Ne = { class: "be-field" }, Oe = { class: "be-field be-field--narrow-pair" }, $e = { class: "be-editor" }, qe = {
   class: "be-toolbar",
   role: "toolbar",
   "aria-label": "Formatting"
-}, Se = ["title", "onClick"], Ee = { class: "be-panes" }, Ue = { class: "be-pane be-pane--write" }, Be = ["value"], Le = { class: "be-pane be-pane--preview" }, Ve = ["innerHTML"], De = { class: "be-footer" }, He = { class: "be-footer__meta" }, Re = ["disabled"], Ne = /* @__PURE__ */ oe({
+}, Ae = ["title", "onClick"], Ke = { class: "be-panes" }, ze = { class: "be-pane be-pane--write" }, Ge = ["value"], We = { class: "be-pane be-pane--preview" }, je = ["innerHTML"], Je = { class: "be-footer" }, Qe = { class: "be-footer__meta" }, Xe = ["disabled"], el = /* @__PURE__ */ we({
   __name: "BlogEditor",
   props: {
     initialPost: {},
     coverImageUrl: {}
   },
   emits: ["publish", "coverImageSelected"],
-  setup(G, { emit: J }) {
-    var H, R, M, F, N, O, $, q, A;
-    const n = G, U = J, Q = [
+  setup(ie, { emit: oe }) {
+    var N, O, $, q, A, K, z, G, W, j, J, Q, X, Y, Z, ee, le;
+    const s = ie, D = oe, re = [
       { label: "Heading 2", icon: "H2", prefix: "## " },
       { label: "Heading 3", icon: "H3", prefix: "### " },
       { label: "Bold", icon: "B", wrap: ["**", "**"] },
@@ -31,253 +31,317 @@ const ce = { class: "be-root" }, de = { class: "be-meta" }, ve = { class: "be-fi
 
 ` }
     ];
-    function X() {
+    function ue() {
       return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
     }
-    function B(t) {
+    function H(t) {
       return t.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-").replace(/-+/g, "-");
     }
-    function L(t) {
+    function R(t) {
       const e = t.trim().split(/\s+/).filter(Boolean).length;
       return Math.max(1, Math.ceil(e / 200));
     }
-    const c = s(((H = n.initialPost) == null ? void 0 : H.title) ?? ""), p = s(((R = n.initialPost) == null ? void 0 : R.slug) ?? ""), h = s(((M = n.initialPost) == null ? void 0 : M.date) ?? X()), g = s(((F = n.initialPost) == null ? void 0 : F.summary) ?? ""), k = s(((N = n.initialPost) == null ? void 0 : N.excerpt) ?? ""), o = s([...((O = n.initialPost) == null ? void 0 : O.tags) ?? []]), d = s((($ = n.initialPost) == null ? void 0 : $.readingTime) ?? 1), i = s(((q = n.initialPost) == null ? void 0 : q.content) ?? ""), y = s((A = n.initialPost) == null ? void 0 : A.coverImage), f = s(""), T = s(!!n.initialPost), V = s(null);
-    ie(() => n.initialPost, (t) => {
-      t && (c.value = t.title, p.value = t.slug, h.value = t.date, g.value = t.summary, k.value = t.excerpt ?? "", o.value = [...t.tags], d.value = t.readingTime ?? 1, i.value = t.content, y.value = t.coverImage, T.value = !0);
+    const b = n(((N = s.initialPost) == null ? void 0 : N.title) ?? ""), m = n(((O = s.initialPost) == null ? void 0 : O.slug) ?? ""), k = n((($ = s.initialPost) == null ? void 0 : $.date) ?? ue()), g = n(((q = s.initialPost) == null ? void 0 : q.summary) ?? ""), y = n(((A = s.initialPost) == null ? void 0 : A.excerpt) ?? ""), i = n([...((K = s.initialPost) == null ? void 0 : K.tags) ?? []]), c = n(((z = s.initialPost) == null ? void 0 : z.readingTime) ?? 1), u = n(((G = s.initialPost) == null ? void 0 : G.content) ?? ""), P = n((W = s.initialPost) == null ? void 0 : W.coverImage), f = n(""), B = n(!!s.initialPost), M = n(null), I = n(((J = (j = s.initialPost) == null ? void 0 : j.series) == null ? void 0 : J.id) ?? ""), C = n(((X = (Q = s.initialPost) == null ? void 0 : Q.series) == null ? void 0 : X.title) ?? ""), T = n(((Z = (Y = s.initialPost) == null ? void 0 : Y.series) == null ? void 0 : Z.part) ?? 1), h = n(((le = (ee = s.initialPost) == null ? void 0 : ee.series) == null ? void 0 : le.total) ?? 1);
+    xe(() => s.initialPost, (t) => {
+      var e, a, o, r;
+      t && (b.value = t.title, m.value = t.slug, k.value = t.date, g.value = t.summary, y.value = t.excerpt ?? "", i.value = [...t.tags], c.value = t.readingTime ?? 1, u.value = t.content, P.value = t.coverImage, I.value = ((e = t.series) == null ? void 0 : e.id) ?? "", C.value = ((a = t.series) == null ? void 0 : a.title) ?? "", T.value = ((o = t.series) == null ? void 0 : o.part) ?? 1, h.value = ((r = t.series) == null ? void 0 : r.total) ?? 1, B.value = !0);
     });
-    const Y = E(() => ue.parse(i.value)), D = E(() => c.value.trim().length > 0 && g.value.trim().length > 0 && i.value.trim().length > 0), S = E(() => y.value ?? n.coverImageUrl);
-    function Z(t) {
-      c.value = t.target.value, T.value || (p.value = B(c.value)), d.value = L(i.value);
+    const de = L(() => ke.parse(u.value)), F = L(() => b.value.trim().length > 0 && g.value.trim().length > 0 && u.value.trim().length > 0), E = L(() => P.value ?? s.coverImageUrl);
+    function ve(t) {
+      b.value = t.target.value, B.value || (m.value = H(b.value)), c.value = R(u.value);
     }
-    function ee(t) {
-      i.value = t.target.value, d.value = L(i.value);
+    function be(t) {
+      u.value = t.target.value, c.value = R(u.value);
     }
-    function le(t) {
+    function ce(t) {
       if (t.key === "Enter" || t.key === ",") {
         t.preventDefault();
         const e = f.value.trim().replace(/,/g, "").toLowerCase();
-        e && !o.value.includes(e) && (o.value = [...o.value, e]), f.value = "";
+        e && !i.value.includes(e) && (i.value = [...i.value, e]), f.value = "";
       }
-      t.key === "Backspace" && !f.value && o.value.length && (o.value = o.value.slice(0, -1));
+      t.key === "Backspace" && !f.value && i.value.length && (i.value = i.value.slice(0, -1));
     }
-    function te(t) {
-      o.value = o.value.filter((e) => e !== t);
+    function pe(t) {
+      i.value = i.value.filter((e) => e !== t);
     }
-    function ae(t) {
-      var r;
-      const e = (r = t.target.files) == null ? void 0 : r[0];
+    function me(t) {
+      var o;
+      const e = (o = t.target.files) == null ? void 0 : o[0];
       if (!e) return;
-      U("coverImageSelected", e);
+      D("coverImageSelected", e);
       const a = new FileReader();
       a.onload = () => {
-        y.value = a.result;
+        P.value = a.result;
       }, a.readAsDataURL(e);
     }
-    function ne(t) {
-      const e = V.value;
+    function ge(t) {
+      const e = M.value;
       if (!e) return;
-      const a = e.selectionStart, r = e.selectionEnd, u = i.value;
-      let C, I;
+      const a = e.selectionStart, o = e.selectionEnd, r = u.value;
+      let S, U;
       if (t.wrap) {
-        const [m, K] = t.wrap, z = u.slice(a, r) || "text";
-        C = u.slice(0, a) + m + z + K + u.slice(r), I = a + m.length + z.length + K.length;
+        const [w, te] = t.wrap, ae = r.slice(a, o) || "text";
+        S = r.slice(0, a) + w + ae + te + r.slice(o), U = a + w.length + ae.length + te.length;
       } else if (t.prefix) {
-        const m = u.lastIndexOf(`
+        const w = r.lastIndexOf(`
 `, a - 1) + 1;
-        C = u.slice(0, m) + t.prefix + u.slice(m), I = a + t.prefix.length;
+        S = r.slice(0, w) + t.prefix + r.slice(w), U = a + t.prefix.length;
       } else if (t.block)
-        C = u.slice(0, a) + t.block + u.slice(r), I = a + t.block.length;
+        S = r.slice(0, a) + t.block + r.slice(o), U = a + t.block.length;
       else
         return;
-      i.value = C, setTimeout(() => {
-        e.selectionStart = e.selectionEnd = I, e.focus();
+      u.value = S, setTimeout(() => {
+        e.selectionStart = e.selectionEnd = U, e.focus();
       }, 0);
     }
-    function se() {
-      D.value && U("publish", {
-        title: c.value,
-        slug: p.value || B(c.value),
-        date: h.value,
+    function fe() {
+      if (!F.value) return;
+      const t = I.value.trim();
+      D("publish", {
+        title: b.value,
+        slug: m.value || H(b.value),
+        date: k.value,
         summary: g.value,
-        excerpt: k.value || void 0,
-        tags: o.value,
-        readingTime: d.value,
-        content: i.value,
-        coverImage: n.coverImageUrl ?? y.value
+        excerpt: y.value || void 0,
+        tags: i.value,
+        readingTime: c.value,
+        content: u.value,
+        coverImage: s.coverImageUrl ?? P.value,
+        series: t ? { id: t, title: C.value.trim() || t, part: T.value, total: h.value } : void 0
       });
     }
-    return (t, e) => (_(), w("div", ce, [
-      l("section", de, [
-        l("div", ve, [
-          e[7] || (e[7] = l("label", { class: "be-label" }, [
-            x("Title "),
+    return (t, e) => (x(), _("div", ye, [
+      l("section", Pe, [
+        l("div", Ie, [
+          e[11] || (e[11] = l("label", { class: "be-label" }, [
+            p("Title "),
             l("span", { class: "be-required" }, "*")
           ], -1)),
           l("input", {
             class: "be-input",
             type: "text",
-            value: c.value,
-            onInput: Z,
+            value: b.value,
+            onInput: ve,
             placeholder: "Post title…"
-          }, null, 40, be)
+          }, null, 40, Ce)
         ]),
-        l("div", pe, [
-          e[8] || (e[8] = l("label", { class: "be-label" }, "Slug", -1)),
-          v(l("input", {
+        l("div", Te, [
+          e[12] || (e[12] = l("label", { class: "be-label" }, "Slug", -1)),
+          d(l("input", {
             class: "be-input",
             type: "text",
-            "onUpdate:modelValue": e[0] || (e[0] = (a) => p.value = a),
-            onInput: e[1] || (e[1] = (a) => T.value = !0),
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => m.value = a),
+            onInput: e[1] || (e[1] = (a) => B.value = !0),
             placeholder: "post-slug"
           }, null, 544), [
-            [b, p.value]
+            [v, m.value]
           ])
         ]),
-        l("div", ge, [
-          e[9] || (e[9] = l("label", { class: "be-label" }, "Date", -1)),
-          v(l("input", {
+        l("div", he, [
+          e[13] || (e[13] = l("label", { class: "be-label" }, "Date", -1)),
+          d(l("input", {
             class: "be-input",
             type: "date",
-            "onUpdate:modelValue": e[2] || (e[2] = (a) => h.value = a)
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => k.value = a)
           }, null, 512), [
-            [b, h.value]
+            [v, k.value]
           ])
         ]),
-        l("div", fe, [
-          e[10] || (e[10] = l("label", { class: "be-label" }, [
-            x("Summary "),
+        l("div", Se, [
+          e[14] || (e[14] = l("label", { class: "be-label" }, [
+            p("Summary "),
             l("span", { class: "be-required" }, "*")
           ], -1)),
-          v(l("textarea", {
+          d(l("textarea", {
             class: "be-input be-input--textarea",
             rows: "2",
             "onUpdate:modelValue": e[3] || (e[3] = (a) => g.value = a),
             placeholder: "Short description shown in blog listings…"
           }, null, 512), [
-            [b, g.value]
+            [v, g.value]
           ])
         ]),
-        l("div", me, [
-          e[11] || (e[11] = l("label", { class: "be-label" }, [
-            x("Excerpt "),
+        l("div", Ue, [
+          e[15] || (e[15] = l("label", { class: "be-label" }, [
+            p("Excerpt "),
             l("span", { class: "be-optional" }, "(optional)")
           ], -1)),
-          v(l("textarea", {
+          d(l("textarea", {
             class: "be-input be-input--textarea",
             rows: "2",
-            "onUpdate:modelValue": e[4] || (e[4] = (a) => k.value = a),
+            "onUpdate:modelValue": e[4] || (e[4] = (a) => y.value = a),
             placeholder: "Longer teaser for social previews…"
           }, null, 512), [
-            [b, k.value]
+            [v, y.value]
           ])
         ]),
-        l("div", _e, [
-          e[12] || (e[12] = l("label", { class: "be-label" }, "Tags", -1)),
-          l("div", we, [
-            (_(!0), w(W, null, j(o.value, (a) => (_(), w("span", {
+        l("div", Ve, [
+          e[16] || (e[16] = l("label", { class: "be-label" }, "Tags", -1)),
+          l("div", Be, [
+            (x(!0), _(se, null, ne(i.value, (a) => (x(), _("span", {
               key: a,
               class: "be-tag"
             }, [
-              x(P(a) + " ", 1),
+              p(V(a) + " ", 1),
               l("button", {
                 type: "button",
                 class: "be-tag__remove",
-                onClick: (r) => te(a),
+                onClick: (o) => pe(a),
                 "aria-label": `Remove tag ${a}`
-              }, "×", 8, xe)
+              }, "×", 8, Ee)
             ]))), 128)),
-            v(l("input", {
+            d(l("input", {
               class: "be-tag-input",
               type: "text",
               "onUpdate:modelValue": e[5] || (e[5] = (a) => f.value = a),
-              onKeydown: le,
+              onKeydown: ce,
               placeholder: "Add tag, press Enter…"
             }, null, 544), [
-              [b, f.value]
+              [v, f.value]
             ])
           ])
         ]),
-        l("div", he, [
-          e[13] || (e[13] = l("label", { class: "be-label" }, "Reading time (min)", -1)),
-          v(l("input", {
+        l("div", Le, [
+          e[17] || (e[17] = l("label", { class: "be-label" }, "Reading time (min)", -1)),
+          d(l("input", {
             class: "be-input be-input--narrow",
             type: "number",
             min: "1",
-            "onUpdate:modelValue": e[6] || (e[6] = (a) => d.value = a)
+            "onUpdate:modelValue": e[6] || (e[6] = (a) => c.value = a)
           }, null, 512), [
             [
-              b,
-              d.value,
+              v,
+              c.value,
               void 0,
               { number: !0 }
             ]
           ])
         ]),
-        l("div", ke, [
-          e[14] || (e[14] = l("label", { class: "be-label" }, "Cover Image", -1)),
-          l("div", ye, [
-            S.value ? (_(), w("img", {
+        l("div", De, [
+          e[18] || (e[18] = l("label", { class: "be-label" }, "Cover Image", -1)),
+          l("div", He, [
+            E.value ? (x(), _("img", {
               key: 0,
               class: "be-cover__preview",
-              src: S.value,
+              src: E.value,
               alt: "Cover preview"
-            }, null, 8, Ce)) : re("", !0),
-            l("label", Ie, [
-              x(P(S.value ? "Replace" : "Choose image") + " ", 1),
+            }, null, 8, Re)) : _e("", !0),
+            l("label", Me, [
+              p(V(E.value ? "Replace" : "Choose image") + " ", 1),
               l("input", {
                 type: "file",
                 accept: "image/*",
-                onChange: ae,
+                onChange: me,
                 hidden: ""
               }, null, 32)
             ])
           ])
+        ]),
+        e[23] || (e[23] = l("div", { class: "be-field-group-label" }, [
+          p("Series "),
+          l("span", { class: "be-optional" }, "(optional)")
+        ], -1)),
+        l("div", Fe, [
+          e[19] || (e[19] = l("label", { class: "be-label" }, "Series ID", -1)),
+          d(l("input", {
+            class: "be-input",
+            type: "text",
+            "onUpdate:modelValue": e[7] || (e[7] = (a) => I.value = a),
+            placeholder: "e.g. go-backend"
+          }, null, 512), [
+            [v, I.value]
+          ])
+        ]),
+        l("div", Ne, [
+          e[20] || (e[20] = l("label", { class: "be-label" }, "Series Title", -1)),
+          d(l("input", {
+            class: "be-input",
+            type: "text",
+            "onUpdate:modelValue": e[8] || (e[8] = (a) => C.value = a),
+            placeholder: "e.g. Go Backend Series"
+          }, null, 512), [
+            [v, C.value]
+          ])
+        ]),
+        l("div", Oe, [
+          l("div", null, [
+            e[21] || (e[21] = l("label", { class: "be-label" }, "Part", -1)),
+            d(l("input", {
+              class: "be-input be-input--narrow",
+              type: "number",
+              min: "1",
+              "onUpdate:modelValue": e[9] || (e[9] = (a) => T.value = a)
+            }, null, 512), [
+              [
+                v,
+                T.value,
+                void 0,
+                { number: !0 }
+              ]
+            ])
+          ]),
+          l("div", null, [
+            e[22] || (e[22] = l("label", { class: "be-label" }, "Total Parts", -1)),
+            d(l("input", {
+              class: "be-input be-input--narrow",
+              type: "number",
+              min: "1",
+              "onUpdate:modelValue": e[10] || (e[10] = (a) => h.value = a)
+            }, null, 512), [
+              [
+                v,
+                h.value,
+                void 0,
+                { number: !0 }
+              ]
+            ])
+          ])
         ])
       ]),
-      l("section", Pe, [
-        l("div", Te, [
-          (_(), w(W, null, j(Q, (a) => l("button", {
+      l("section", $e, [
+        l("div", qe, [
+          (x(), _(se, null, ne(re, (a) => l("button", {
             key: a.label,
             type: "button",
             class: "be-toolbar__btn",
             title: a.label,
-            onClick: (r) => ne(a)
-          }, P(a.icon), 9, Se)), 64))
+            onClick: (o) => ge(a)
+          }, V(a.icon), 9, Ae)), 64))
         ]),
-        l("div", Ee, [
-          l("div", Ue, [
-            e[15] || (e[15] = l("div", { class: "be-pane__label" }, "Markdown", -1)),
+        l("div", Ke, [
+          l("div", ze, [
+            e[24] || (e[24] = l("div", { class: "be-pane__label" }, "Markdown", -1)),
             l("textarea", {
               ref_key: "textareaEl",
-              ref: V,
+              ref: M,
               class: "be-pane__textarea",
-              value: i.value,
-              onInput: ee,
+              value: u.value,
+              onInput: be,
               placeholder: "Write your post in markdown…",
               spellcheck: "true"
-            }, null, 40, Be)
+            }, null, 40, Ge)
           ]),
-          l("div", Le, [
-            e[16] || (e[16] = l("div", { class: "be-pane__label" }, "Preview", -1)),
+          l("div", We, [
+            e[25] || (e[25] = l("div", { class: "be-pane__label" }, "Preview", -1)),
             l("div", {
               class: "be-pane__preview prose",
-              innerHTML: Y.value
-            }, null, 8, Ve)
+              innerHTML: de.value
+            }, null, 8, je)
           ])
         ])
       ]),
-      l("footer", De, [
-        l("span", He, "~" + P(d.value) + " min read", 1),
+      l("footer", Je, [
+        l("span", Qe, "~" + V(c.value) + " min read", 1),
         l("button", {
           type: "button",
           class: "be-publish",
-          disabled: !D.value,
-          onClick: se
-        }, " Publish Post ", 8, Re)
+          disabled: !F.value,
+          onClick: fe
+        }, " Publish Post ", 8, Xe)
       ])
     ]));
   }
 });
 export {
-  Ne as default
+  el as default
 };

package/dist/storybook-shared/src/globals.d.ts

@@ -1,3 +1,5 @@
+export declare function broadcastTheme(brandTheme: string, colorMode: string): void;
+export declare function listenForThemeChanges(onTheme: (brandTheme: string, colorMode: string) => void): void;
 export declare const sharedGlobalTypes: {
     brandTheme: {
         name: string;

package/dist/storybook-shared/src/globals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../../../storybook-shared/src/globals.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB7B,CAAC"}
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../../../storybook-shared/src/globals.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAI1E;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,GACvD,IAAI,CAWN;AAYD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB7B,CAAC"}

package/dist/vue-lib/src/components/BlogEditor/BlogEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/BlogEditor/BlogEditor.vue"],"names":[],"mappings":"AAujBA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,WAAW,GAAG;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;AA+dF,wBAQG"}
+{"version":3,"file":"BlogEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/BlogEditor/BlogEditor.vue"],"names":[],"mappings":"AAgnBA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,WAAW,GAAG;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;AAsjBF,wBAQG"}

package/dist/vue-lib.css

@@ -1 +1 @@
-.m2s2-chat{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}.m2s2-chat>*{pointer-events:all}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-toggle:hover:not(:disabled){opacity:.85}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{background:var(--gradient-brand-135);color:#fff;border-color:transparent;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:var(--shadow-md);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;width:380px;max-height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:480px){.chat-panel{width:calc(100vw - var(--space-8));max-height:70vh}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-raised);gap:var(--space-3)}.chat-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3;font-size:var(--font-size-base);margin:0}.chat-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5;margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.chat-empty{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;text-align:center;padding:var(--space-6) 0;margin:0}.chat-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;align-self:flex-end}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--assistant{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-on-surface-muted)}.chat-avatar--user{background:var(--color-primary-dim, var(--color-primary));color:#fff}.chat-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:90%}.chat-message--user{align-self:flex-end}.chat-message--user .chat-message__text{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md)}.chat-message--assistant{align-self:flex-start}.chat-message--assistant .chat-message__text{background:var(--color-surface-raised);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-message__text{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-typing span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-on-surface-muted);animation:chat-bounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-raised);text-align:center}.chat-cta__text{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs);margin:0}.chat-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-cta__btn:hover:not(:disabled){opacity:.85}.chat-cta__btn:disabled{opacity:.5;cursor:not-allowed}.chat-cta__btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-5);text-decoration:none}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.chat-input::placeholder{color:var(--color-on-surface-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.5}.chat-input{resize:none;max-height:120px;overflow-y:auto;line-height:1.5;padding:var(--space-2) var(--space-3)}.chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-send:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.chat-send{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.chat-send:hover:not(:disabled){opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{font-size:var(--font-size-xs);color:var(--color-error);padding:0 var(--space-4) var(--space-2);margin:0}.m2s2-section-header{display:block;text-align:center;margin-bottom:var(--space-8)}.sh-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-2)}.sh-subtitle{font-size:var(--font-size-lg);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.sr-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.sr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:0 var(--space-4)}.sr-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1}.sr-label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.sr-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.m2s2-status-badge{display:inline-block;width:fit-content;padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m2s2-status-badge[data-variant=pill]{padding:var(--space-1) var(--space-3);border-radius:999px}.m2s2-status-badge[data-status=received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=reviewing]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=in_conversation]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=closed]{background:#9ca3af26;color:#9ca3af}.m2s2-status-badge[data-status=cancelled]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=resume-received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=resume-pending]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=resume-approved]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=resume-declined]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=auth]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=signup]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=verified]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=unverified]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-page-header{display:block;text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0 0 var(--space-4)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0}@media(max-width:767px){.page-subtitle{font-size:var(--font-size-base)}}.m2s2-cta-section{padding:var(--space-12) 0}.cta-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid transparent;border-image:var(--gradient-brand) 1;text-align:center}@media(min-width:768px){.cta-card{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-8) var(--space-10);gap:var(--space-8)}}.cta-text{display:flex;flex-direction:column;gap:var(--space-3)}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0}@media(min-width:768px){.cta-title{font-size:var(--font-size-2xl)}}.cta-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0;max-width:540px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.cta-btn:hover:not(:disabled){opacity:.85}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--gradient-brand-135);color:#fff}.cta-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn{flex-shrink:0}.ps-steps{display:flex;align-items:flex-start;gap:var(--space-2);list-style:none;padding:0;margin:0}@media(max-width:991px){.ps-steps{flex-direction:column;gap:var(--space-4)}}.ps-step{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border-radius:8px}@media(max-width:991px){.ps-step{width:100%}}.ps-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-secondary)}.ps-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-bg)}.ps-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted)}.ps-divider{display:flex;align-items:center;padding-top:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;list-style:none}@media(max-width:991px){.ps-divider{display:none}}.m2s2-footer{width:100%;min-height:var(--footer-height, 48px);background-color:var(--color-nav-bg);color:var(--color-on-nav);border-top:2px solid transparent;border-image:var(--gradient-brand) 1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center;min-height:var(--footer-height, 48px)}@media(min-width:576px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-2) var(--space-6)}}.footer-copy{font-size:var(--font-size-sm);opacity:.85}.footer-social{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-icon{width:24px;height:24px;flex-shrink:0;fill:currentColor;color:var(--color-secondary)}.navbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--nav-height, 64px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 0 var(--color-primary-dim);transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,backdrop-filter .2s ease,transform .3s ease}.navbar--scrolled{background:color-mix(in srgb,var(--color-nav-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--color-primary-dim),0 4px 24px #00000059}.navbar--hidden{transform:translateY(-100%)}.navbar--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav, 100)}.navbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-brand-logo{height:48px;width:auto}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-nav)}.navbar-spacer{flex:1}.navbar-desktop{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:991px){.navbar-desktop{display:none}}.navbar-nav-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-nav-btn:hover{color:var(--color-secondary);background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08))}.navbar-nav-btn--dropdown{gap:var(--space-1)}.navbar-chevron{font-size:.7em;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;z-index:var(--z-dropdown, 200);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-dropdown-user{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);border-bottom:1px solid var(--color-border);pointer-events:none}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-on-surface);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast)}.navbar-dropdown-item:hover{background:var(--color-surface-raised)}.navbar-dropdown-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-icon-btn{color:var(--color-on-nav)}.navbar-icon-btn:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-dim);display:block}.navbar-account-icon{width:24px;height:24px}.navbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-mobile-btn{color:var(--color-on-nav);display:none}@media(max-width:991px){.navbar-mobile-btn{display:flex}}.navbar-hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.navbar-hamburger:before,.navbar-hamburger:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0;transition:transform var(--transition-fast),top var(--transition-fast)}.navbar-hamburger:before{top:-6px}.navbar-hamburger:after{top:6px}.navbar-hamburger--open{background:transparent}.navbar-hamburger--open:before{top:0;transform:rotate(45deg)}.navbar-hamburger--open:after{top:0;transform:rotate(-45deg)}.navbar-mobile-menu{position:fixed;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-nav, 100);padding:var(--space-2) 0}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-link:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.m2s2-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-card{padding:var(--space-8) var(--space-10)}@media(max-width:767px){.m2s2-card{padding:var(--space-6) var(--space-5)}}.m2s2-card.featured{border-color:var(--color-primary);background:var(--color-surface-raised)}.m2s2-card[data-variant=raised]{background:var(--color-surface-raised)}.m2s2-card[data-variant=accent]{background:var(--color-surface-raised);border-left:3px solid var(--color-primary);border-radius:10px}.fc-header{display:flex;align-items:center;gap:var(--space-3)}.fc-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.fc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0}.fc-body{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.fc-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.fc-list li{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.fc-note{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);font-style:italic;margin:0}.m2s2-blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-blog-card{padding:0;overflow:hidden}.bc-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-raised);flex-shrink:0}.bc-cover-img{width:100%;height:100%;object-fit:cover}.bc-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bc-cover-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-muted)}.bc-inner{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bc-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.bc-reading-time{opacity:.8}.bc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0;line-height:1.3}.bc-title a{color:inherit;text-decoration:none}.bc-title a:hover{color:var(--color-secondary)}.bc-summary{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.bc-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:4px;background:var(--color-surface-raised);color:var(--color-on-surface-muted);border:1px solid var(--color-border)}.be-root{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.be-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.be-meta{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;gap:var(--space-2)}.be-field--full,.be-field--cover{grid-column:1/-1}.be-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em}.be-required{color:var(--color-error);margin-left:2px}.be-optional{color:var(--color-on-surface-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.be-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.be-input::placeholder{color:var(--color-on-surface-muted)}.be-input:focus{outline:none;border-color:var(--color-primary)}.be-input:disabled{opacity:.5}.be-input--textarea{resize:vertical;line-height:1.6}.be-input--narrow{width:100px}.be-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.be-tags:focus-within{border-color:var(--color-primary)}.be-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-dim, var(--color-primary));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.be-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-tag__remove:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-tag__remove{color:#fff;background:none;border-radius:50%;font-size:12px;line-height:1;padding:0}.be-tag__remove:hover{background:#fff3;color:#fff}.be-tag-input{flex:1;min-width:120px;border:none;background:none;outline:none;color:var(--color-on-surface);font-size:var(--font-size-sm)}.be-tag-input::placeholder{color:var(--color-on-surface-muted)}.be-cover{display:flex;align-items:center;gap:var(--space-4)}.be-cover__preview{width:120px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.be-cover__pick{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-cover__pick:hover:not(:disabled){opacity:.85}.be-cover__pick:disabled{opacity:.5;cursor:not-allowed}.be-cover__pick{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.be-cover__pick:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.be-cover__pick{cursor:pointer;font-size:var(--font-size-sm)}.be-editor{display:flex;flex-direction:column;flex:1;min-height:520px}.be-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-toolbar__btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-toolbar__btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);border-radius:var(--radius-sm)}.be-panes{display:grid;grid-template-columns:1fr 1fr;flex:1}@media(max-width:768px){.be-panes{grid-template-columns:1fr}}.be-pane{display:flex;flex-direction:column;overflow:hidden}.be-pane--write{border-right:1px solid var(--color-border)}@media(max-width:768px){.be-pane--write{border-right:none;border-bottom:1px solid var(--color-border)}}.be-pane__label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-pane__textarea{flex:1;width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:none;outline:none;resize:none;color:var(--color-on-surface);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:1.8;-moz-tab-size:2;tab-size:2}.be-pane__textarea::placeholder{color:var(--color-on-surface-muted)}.be-pane__preview{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.prose{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.8;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-size:var(--font-size-base)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-mono, monospace);font-size:.875em;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.prose pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm)}.prose blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-muted);font-style:italic}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.be-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;background:var(--color-surface-raised)}.be-footer__meta{margin:0 auto 0 0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs)}.be-publish{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-publish:hover:not(:disabled){opacity:.85}.be-publish:disabled{opacity:.5;cursor:not-allowed}.be-publish{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.be-publish:disabled{opacity:.4;cursor:not-allowed}.table-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dt-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm);margin:0}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.dt-search::placeholder{color:var(--color-on-surface-muted)}.dt-search:focus{outline:none;border-color:var(--color-primary)}.dt-search{width:200px;flex-shrink:0}.dt-search::-webkit-search-cancel-button{cursor:pointer}.dt-pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.dt-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-pill:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-pill--active{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.dt-count{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);white-space:nowrap;margin-right:auto}.dt-col-wrap{position:relative;margin-left:auto}.dt-col-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-col-btn:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-col-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;right:0;top:calc(100% + var(--space-1));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-dropdown);min-width:140px}.dt-col-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface);cursor:pointer}.dt-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.dt-scroll{overflow-x:auto}@media(max-width:767px){.dt-search{width:100%}.dt-scroll{overflow-x:visible}}.sub-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.sub-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.sub-input::placeholder{color:var(--color-on-surface-muted)}.sub-input:focus{outline:none;border-color:var(--color-primary)}.sub-input:disabled{opacity:.5}.sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn:hover:not(:disabled){opacity:.85}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.sub-btn--unsub{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn--unsub:hover:not(:disabled){opacity:.85}.sub-btn--unsub:disabled{opacity:.5;cursor:not-allowed}.sub-btn--unsub{background:none;border:1px solid var(--color-on-surface-muted);color:var(--color-on-surface-muted);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.sub-btn--unsub:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);opacity:1}.sub-feedback{font-size:var(--font-size-xs);margin:0}.sub-feedback--error{color:var(--color-error)}.sub-feedback--success{color:var(--color-success)}.sub-success{display:flex;align-items:center;gap:var(--space-3)}.sub-success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-base);flex-shrink:0}.sub-success-text{font-size:var(--font-size-sm);color:var(--color-on-surface);margin:0}.sub-auth{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sub-subscribed-label{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.m2s2-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.m2s2-dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.dialog-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn:hover:not(:disabled){opacity:.85}.dialog-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--primary:hover:not(:disabled){opacity:.85}.dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.dialog-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--secondary:hover:not(:disabled){opacity:.85}.dialog-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.dialog-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.dialog-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--destructive:hover:not(:disabled){opacity:.85}.dialog-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.dialog-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--ghost:hover:not(:disabled){opacity:.85}.dialog-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.dialog-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-active .m2s2-dialog-content,.dialog-fade-leave-active .m2s2-dialog-content{transition:transform .2s ease,opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .m2s2-dialog-content,.dialog-fade-leave-to .m2s2-dialog-content{transform:scale(.96);opacity:0}.m2s2-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300)}.m2s2-panel-content{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 300);width:min(var(--panel-width, 480px),100vw);max-width:100vw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m2s2-panel-content--right{right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.m2s2-panel-content--left{left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:flex-start}.panel-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.panel-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.panel-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.panel-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn:hover:not(:disabled){opacity:.85}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--primary:hover:not(:disabled){opacity:.85}.panel-btn--primary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.panel-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--secondary:hover:not(:disabled){opacity:.85}.panel-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.panel-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.panel-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--destructive:hover:not(:disabled){opacity:.85}.panel-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.panel-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.panel-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--ghost:hover:not(:disabled){opacity:.85}.panel-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.panel-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.panel-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.panel-overlay-fade-enter-active,.panel-overlay-fade-leave-active{transition:opacity .2s ease}.panel-overlay-fade-enter-from,.panel-overlay-fade-leave-to{opacity:0}.panel-slide-right-enter-active,.panel-slide-right-leave-active{transition:transform .22s ease}.panel-slide-right-enter-from,.panel-slide-right-leave-to{transform:translate(100%)}.panel-slide-left-enter-active,.panel-slide-left-leave-active{transition:transform .22s ease}.panel-slide-left-enter-from,.panel-slide-left-leave-to{transform:translate(-100%)}@keyframes m2s2-spin{to{transform:rotate(360deg)}}.m2s2-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:m2s2-spin .6s linear infinite;vertical-align:middle;margin-right:6px;opacity:.8;flex-shrink:0}.m2s2-dropdown__item{display:block}.m2s2-dropdown__link{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.m2s2-dropdown__link:hover{background:var(--color-surface-overlay);color:var(--color-secondary)}.m2s2-dropdown__link--disabled{opacity:.5;cursor:not-allowed}.m2s2-dropdown__link img{width:20px;height:20px;object-fit:contain}.m2s2-dropdown{position:relative;display:inline-block}.m2s2-dropdown__trigger{cursor:pointer}.m2s2-dropdown__menu{position:absolute;top:calc(100% + 4px);z-index:var(--z-dropdown, 200);min-width:160px;padding:4px 0;list-style:none;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000004d}.m2s2-dropdown__menu--left{left:0}.m2s2-dropdown__menu--right{right:0}
+.m2s2-chat{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}.m2s2-chat>*{pointer-events:all}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-toggle:hover:not(:disabled){opacity:.85}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{background:var(--gradient-brand-135);color:#fff;border-color:transparent;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:var(--shadow-md);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;width:380px;max-height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:480px){.chat-panel{width:calc(100vw - var(--space-8));max-height:70vh}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-raised);gap:var(--space-3)}.chat-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3;font-size:var(--font-size-base);margin:0}.chat-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5;margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.chat-empty{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;text-align:center;padding:var(--space-6) 0;margin:0}.chat-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;align-self:flex-end}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--assistant{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-on-surface-muted)}.chat-avatar--user{background:var(--color-primary-dim, var(--color-primary));color:#fff}.chat-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:90%}.chat-message--user{align-self:flex-end}.chat-message--user .chat-message__text{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md)}.chat-message--assistant{align-self:flex-start}.chat-message--assistant .chat-message__text{background:var(--color-surface-raised);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-message__text{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-typing span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-on-surface-muted);animation:chat-bounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-raised);text-align:center}.chat-cta__text{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs);margin:0}.chat-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-cta__btn:hover:not(:disabled){opacity:.85}.chat-cta__btn:disabled{opacity:.5;cursor:not-allowed}.chat-cta__btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-5);text-decoration:none}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.chat-input::placeholder{color:var(--color-on-surface-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.5}.chat-input{resize:none;max-height:120px;overflow-y:auto;line-height:1.5;padding:var(--space-2) var(--space-3)}.chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-send:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.chat-send{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.chat-send:hover:not(:disabled){opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{font-size:var(--font-size-xs);color:var(--color-error);padding:0 var(--space-4) var(--space-2);margin:0}.m2s2-section-header{display:block;text-align:center;margin-bottom:var(--space-8)}.sh-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-2)}.sh-subtitle{font-size:var(--font-size-lg);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.sr-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.sr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:0 var(--space-4)}.sr-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1}.sr-label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.sr-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.m2s2-status-badge{display:inline-block;width:fit-content;padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m2s2-status-badge[data-variant=pill]{padding:var(--space-1) var(--space-3);border-radius:999px}.m2s2-status-badge[data-status=received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=reviewing]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=in_conversation]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=closed]{background:#9ca3af26;color:#9ca3af}.m2s2-status-badge[data-status=cancelled]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=resume-received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=resume-pending]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=resume-approved]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=resume-declined]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=auth]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=signup]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=verified]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=unverified]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-page-header{display:block;text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0 0 var(--space-4)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0}@media(max-width:767px){.page-subtitle{font-size:var(--font-size-base)}}.m2s2-cta-section{padding:var(--space-12) 0}.cta-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid transparent;border-image:var(--gradient-brand) 1;text-align:center}@media(min-width:768px){.cta-card{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-8) var(--space-10);gap:var(--space-8)}}.cta-text{display:flex;flex-direction:column;gap:var(--space-3)}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0}@media(min-width:768px){.cta-title{font-size:var(--font-size-2xl)}}.cta-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0;max-width:540px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.cta-btn:hover:not(:disabled){opacity:.85}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--gradient-brand-135);color:#fff}.cta-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn{flex-shrink:0}.ps-steps{display:flex;align-items:flex-start;gap:var(--space-2);list-style:none;padding:0;margin:0}@media(max-width:991px){.ps-steps{flex-direction:column;gap:var(--space-4)}}.ps-step{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border-radius:8px}@media(max-width:991px){.ps-step{width:100%}}.ps-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-secondary)}.ps-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-bg)}.ps-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted)}.ps-divider{display:flex;align-items:center;padding-top:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;list-style:none}@media(max-width:991px){.ps-divider{display:none}}.m2s2-footer{width:100%;min-height:var(--footer-height, 48px);background-color:var(--color-nav-bg);color:var(--color-on-nav);border-top:2px solid transparent;border-image:var(--gradient-brand) 1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center;min-height:var(--footer-height, 48px)}@media(min-width:576px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-2) var(--space-6)}}.footer-copy{font-size:var(--font-size-sm);opacity:.85}.footer-social{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-icon{width:24px;height:24px;flex-shrink:0;fill:currentColor;color:var(--color-secondary)}.navbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--nav-height, 64px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 0 var(--color-primary-dim);transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,backdrop-filter .2s ease,transform .3s ease}.navbar--scrolled{background:color-mix(in srgb,var(--color-nav-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--color-primary-dim),0 4px 24px #00000059}.navbar--hidden{transform:translateY(-100%)}.navbar--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav, 100)}.navbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-brand-logo{height:48px;width:auto}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-nav)}.navbar-spacer{flex:1}.navbar-desktop{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:991px){.navbar-desktop{display:none}}.navbar-nav-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-nav-btn:hover{color:var(--color-secondary);background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08))}.navbar-nav-btn--dropdown{gap:var(--space-1)}.navbar-chevron{font-size:.7em;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;z-index:var(--z-dropdown, 200);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-dropdown-user{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);border-bottom:1px solid var(--color-border);pointer-events:none}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-on-surface);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast)}.navbar-dropdown-item:hover{background:var(--color-surface-raised)}.navbar-dropdown-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-icon-btn{color:var(--color-on-nav)}.navbar-icon-btn:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-dim);display:block}.navbar-account-icon{width:24px;height:24px}.navbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-mobile-btn{color:var(--color-on-nav);display:none}@media(max-width:991px){.navbar-mobile-btn{display:flex}}.navbar-hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.navbar-hamburger:before,.navbar-hamburger:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0;transition:transform var(--transition-fast),top var(--transition-fast)}.navbar-hamburger:before{top:-6px}.navbar-hamburger:after{top:6px}.navbar-hamburger--open{background:transparent}.navbar-hamburger--open:before{top:0;transform:rotate(45deg)}.navbar-hamburger--open:after{top:0;transform:rotate(-45deg)}.navbar-mobile-menu{position:fixed;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-nav, 100);padding:var(--space-2) 0}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-link:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.m2s2-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-card{padding:var(--space-8) var(--space-10)}@media(max-width:767px){.m2s2-card{padding:var(--space-6) var(--space-5)}}.m2s2-card.featured{border-color:var(--color-primary);background:var(--color-surface-raised)}.m2s2-card[data-variant=raised]{background:var(--color-surface-raised)}.m2s2-card[data-variant=accent]{background:var(--color-surface-raised);border-left:3px solid var(--color-primary);border-radius:10px}.fc-header{display:flex;align-items:center;gap:var(--space-3)}.fc-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.fc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0}.fc-body{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.fc-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.fc-list li{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.fc-note{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);font-style:italic;margin:0}.m2s2-blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-blog-card{padding:0;overflow:hidden}.bc-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-raised);flex-shrink:0}.bc-cover-img{width:100%;height:100%;object-fit:cover}.bc-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bc-cover-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-muted)}.bc-inner{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bc-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.bc-reading-time{opacity:.8}.bc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0;line-height:1.3}.bc-title a{color:inherit;text-decoration:none}.bc-title a:hover{color:var(--color-secondary)}.bc-summary{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.bc-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:4px;background:var(--color-surface-raised);color:var(--color-on-surface-muted);border:1px solid var(--color-border)}.be-root{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.be-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.be-meta{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;gap:var(--space-2)}.be-field--full,.be-field--cover{grid-column:1/-1}.be-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em}.be-required{color:var(--color-error);margin-left:2px}.be-optional{color:var(--color-on-surface-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.be-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.be-input::placeholder{color:var(--color-on-surface-muted)}.be-input:focus{outline:none;border-color:var(--color-primary)}.be-input:disabled{opacity:.5}.be-input--textarea{resize:vertical;line-height:1.6}.be-input--narrow{width:100px}.be-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.be-tags:focus-within{border-color:var(--color-primary)}.be-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-dim, var(--color-primary));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.be-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-tag__remove:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-tag__remove{color:#fff;background:none;border-radius:50%;font-size:12px;line-height:1;padding:0}.be-tag__remove:hover{background:#fff3;color:#fff}.be-tag-input{flex:1;min-width:120px;border:none;background:none;outline:none;color:var(--color-on-surface);font-size:var(--font-size-sm)}.be-tag-input::placeholder{color:var(--color-on-surface-muted)}.be-field-group-label{grid-column:1/-1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.be-field--narrow-pair{display:flex;gap:var(--space-4)}.be-field--narrow-pair>div{display:flex;flex-direction:column;gap:var(--space-2)}.be-cover{display:flex;align-items:center;gap:var(--space-4)}.be-cover__preview{width:120px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.be-cover__pick{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-cover__pick:hover:not(:disabled){opacity:.85}.be-cover__pick:disabled{opacity:.5;cursor:not-allowed}.be-cover__pick{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.be-cover__pick:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.be-cover__pick{cursor:pointer;font-size:var(--font-size-sm)}.be-editor{display:flex;flex-direction:column;flex:1;min-height:520px}.be-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-toolbar__btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-toolbar__btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);border-radius:var(--radius-sm)}.be-panes{display:grid;grid-template-columns:1fr 1fr;flex:1}@media(max-width:768px){.be-panes{grid-template-columns:1fr}}.be-pane{display:flex;flex-direction:column;overflow:hidden}.be-pane--write{border-right:1px solid var(--color-border)}@media(max-width:768px){.be-pane--write{border-right:none;border-bottom:1px solid var(--color-border)}}.be-pane__label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-pane__textarea{flex:1;width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:none;outline:none;resize:none;color:var(--color-on-surface);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:1.8;-moz-tab-size:2;tab-size:2}.be-pane__textarea::placeholder{color:var(--color-on-surface-muted)}.be-pane__preview{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.prose{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.8;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-size:var(--font-size-base)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-mono, monospace);font-size:.875em;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.prose pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm)}.prose blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-muted);font-style:italic}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.be-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;background:var(--color-surface-raised)}.be-footer__meta{margin:0 auto 0 0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs)}.be-publish{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-publish:hover:not(:disabled){opacity:.85}.be-publish:disabled{opacity:.5;cursor:not-allowed}.be-publish{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.be-publish:disabled{opacity:.4;cursor:not-allowed}.table-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dt-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm);margin:0}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.dt-search::placeholder{color:var(--color-on-surface-muted)}.dt-search:focus{outline:none;border-color:var(--color-primary)}.dt-search{width:200px;flex-shrink:0}.dt-search::-webkit-search-cancel-button{cursor:pointer}.dt-pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.dt-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-pill:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-pill--active{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.dt-count{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);white-space:nowrap;margin-right:auto}.dt-col-wrap{position:relative;margin-left:auto}.dt-col-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-col-btn:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-col-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;right:0;top:calc(100% + var(--space-1));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-dropdown);min-width:140px}.dt-col-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface);cursor:pointer}.dt-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.dt-scroll{overflow-x:auto}@media(max-width:767px){.dt-search{width:100%}.dt-scroll{overflow-x:visible}}.sub-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.sub-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.sub-input::placeholder{color:var(--color-on-surface-muted)}.sub-input:focus{outline:none;border-color:var(--color-primary)}.sub-input:disabled{opacity:.5}.sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn:hover:not(:disabled){opacity:.85}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.sub-btn--unsub{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn--unsub:hover:not(:disabled){opacity:.85}.sub-btn--unsub:disabled{opacity:.5;cursor:not-allowed}.sub-btn--unsub{background:none;border:1px solid var(--color-on-surface-muted);color:var(--color-on-surface-muted);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.sub-btn--unsub:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);opacity:1}.sub-feedback{font-size:var(--font-size-xs);margin:0}.sub-feedback--error{color:var(--color-error)}.sub-feedback--success{color:var(--color-success)}.sub-success{display:flex;align-items:center;gap:var(--space-3)}.sub-success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-base);flex-shrink:0}.sub-success-text{font-size:var(--font-size-sm);color:var(--color-on-surface);margin:0}.sub-auth{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sub-subscribed-label{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.m2s2-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.m2s2-dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.dialog-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn:hover:not(:disabled){opacity:.85}.dialog-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--primary:hover:not(:disabled){opacity:.85}.dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.dialog-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--secondary:hover:not(:disabled){opacity:.85}.dialog-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.dialog-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.dialog-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--destructive:hover:not(:disabled){opacity:.85}.dialog-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.dialog-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--ghost:hover:not(:disabled){opacity:.85}.dialog-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.dialog-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-active .m2s2-dialog-content,.dialog-fade-leave-active .m2s2-dialog-content{transition:transform .2s ease,opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .m2s2-dialog-content,.dialog-fade-leave-to .m2s2-dialog-content{transform:scale(.96);opacity:0}.m2s2-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300)}.m2s2-panel-content{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 300);width:min(var(--panel-width, 480px),100vw);max-width:100vw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m2s2-panel-content--right{right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.m2s2-panel-content--left{left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:flex-start}.panel-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.panel-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.panel-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.panel-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn:hover:not(:disabled){opacity:.85}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--primary:hover:not(:disabled){opacity:.85}.panel-btn--primary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.panel-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--secondary:hover:not(:disabled){opacity:.85}.panel-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.panel-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.panel-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--destructive:hover:not(:disabled){opacity:.85}.panel-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.panel-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.panel-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--ghost:hover:not(:disabled){opacity:.85}.panel-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.panel-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.panel-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.panel-overlay-fade-enter-active,.panel-overlay-fade-leave-active{transition:opacity .2s ease}.panel-overlay-fade-enter-from,.panel-overlay-fade-leave-to{opacity:0}.panel-slide-right-enter-active,.panel-slide-right-leave-active{transition:transform .22s ease}.panel-slide-right-enter-from,.panel-slide-right-leave-to{transform:translate(100%)}.panel-slide-left-enter-active,.panel-slide-left-leave-active{transition:transform .22s ease}.panel-slide-left-enter-from,.panel-slide-left-leave-to{transform:translate(-100%)}@keyframes m2s2-spin{to{transform:rotate(360deg)}}.m2s2-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:m2s2-spin .6s linear infinite;vertical-align:middle;margin-right:6px;opacity:.8;flex-shrink:0}.m2s2-dropdown__item{display:block}.m2s2-dropdown__link{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.m2s2-dropdown__link:hover{background:var(--color-surface-overlay);color:var(--color-secondary)}.m2s2-dropdown__link--disabled{opacity:.5;cursor:not-allowed}.m2s2-dropdown__link img{width:20px;height:20px;object-fit:contain}.m2s2-dropdown{position:relative;display:inline-block}.m2s2-dropdown__trigger{cursor:pointer}.m2s2-dropdown__menu{position:absolute;top:calc(100% + 4px);z-index:var(--z-dropdown, 200);min-width:160px;padding:4px 0;list-style:none;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000004d}.m2s2-dropdown__menu--left{left:0}.m2s2-dropdown__menu--right{right:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m2s2/vue-lib",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "Vue 3 component library by M²S² Engineering Group.",
   "author": "M²S² Engineering Group <contact@m2s2.io>",
   "license": "MIT",
@@ -46,12 +46,12 @@
     "marked": "^17.0.0"
   },
   "peerDependencies": {
-    "@m2s2/models": "2.3.0",
+    "@m2s2/models": "2.4.0",
     "@m2s2/tokens": "2.2.1",
     "vue": ">=3.0.0"
   },
   "devDependencies": {
-    "@m2s2/models": "2.3.0",
+    "@m2s2/models": "2.4.0",
     "@m2s2/tokens": "2.2.1",
     "@storybook/addon-docs": "^10.3.6",
     "@storybook/vue3-vite": "^10.3.6",