:root{--c-coral:#F2665D;--c-coral-600:#DC4F46;--c-coral-100:#FDEAE8;--c-coral-50:#FEF5F4;--c-navy:#17354E;--c-navy-900:#0B1F30;--n0:#FFFFFF;--n50:#F6F8FA;--n100:#ECF0F3;--n200:#DCE3E8;--n300:#C2CDD5;--n400:#94A3AE;--n500:#677580;--n600:#49565F;--n700:#2E3A42;--n800:#18222B;--c-go:#1E8E5A;--c-go-soft:#E7F4EE;--c-warn:#C8841A;--c-warn-soft:#FBF1DF;--c-error:#CE3B3B;--c-error-soft:#FBE9E9;--c-info:#2C6CB0;--c-info-soft:#E7F0F9;--sh-sm:0 1px 2px rgba(23,53,78,.1);--sh-md:0 4px 14px rgba(23,53,78,.12);--sh-lg:0 14px 34px rgba(23,53,78,.18);--f-display:"Mulish",-apple-system,system-ui,sans-serif;--f-body:"Open Sans",-apple-system,system-ui,sans-serif;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:14px;--r-pill:999px}.theme-marca{--bg:#F6F8FA;--bg-elev:#FFFFFF;--bg-deep:#17354E;--bg-deep-2:#1F4267;--text:#17354E;--text-2:#3F4E59;--text-3:#6B7884;--line:#ECF0F3;--accent:#F2665D;--accent-2:#DC4F46;--accent-soft:#FEF5F4;--on-accent:#FFFFFF}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;line-height:1.14;margin:0;color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.eyebrow{font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-md);font-family:var(--f-display);font-weight:700;font-size:14px;border:1px solid transparent;transition:filter .15s,background .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:#fff;color:var(--text);border-color:var(--n200)}.btn-ghost:hover{background:var(--n50)}.btn-dark{background:var(--bg-deep);color:#fff}.btn-dark:hover{background:var(--bg-deep-2)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg)}.input,.textarea,select.input{width:100%;height:42px;padding:0 12px;border:1px solid var(--n200);border-radius:var(--r-md);background:#fff;font-size:14px;color:var(--text)}.textarea{height:auto;padding:12px;line-height:1.6;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,select.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.studio{display:grid;grid-template-columns:256px 1fr;height:100vh}.sidebar{background:var(--bg-deep);color:#ffffffb8;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid rgba(255,255,255,.06)}.sb-brand{display:flex;align-items:center;gap:11px;padding:6px 8px 20px}.sb-logo{width:38px;height:38px;border-radius:10px;flex:none;background:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;color:var(--bg-deep);font-size:18px;overflow:hidden}.sb-logo img{width:100%;height:100%;object-fit:contain}.sb-brand-name{font-family:var(--f-display);font-weight:800;color:#fff;font-size:15px;line-height:1.15}.sb-brand-sub{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73}.sb-sec{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff61;padding:16px 10px 7px}.sb-nav{display:flex;flex-direction:column;gap:2px}.navitem{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);font-family:var(--f-display);font-weight:700;font-size:14px;color:#ffffffb8;transition:background .13s,color .13s}.navitem i{font-size:19px;width:20px;text-align:center;opacity:.9}.navitem:hover{background:#ffffff0f;color:#fff}.navitem.active{background:var(--accent);color:#fff}.navitem.active i{opacity:1}.sb-spacer{flex:1}.sb-user{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid rgba(255,255,255,.08);margin-top:12px}.sb-avatar{width:34px;height:34px;border-radius:50%;flex:none;background:var(--bg-deep-2);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:14px}.sb-user-name{color:#fff;font-weight:700;font-size:13px}.sb-user-mail{color:#ffffff80;font-size:11px}.sb-logout{margin-left:auto;color:#fff9;background:none;border:none;font-size:19px;padding:4px}.sb-logout:hover{color:#fff}.main{overflow-y:auto;background:var(--bg)}.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 36px 0}.page-title{font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--bg-deep)}.page-sub{color:var(--text-3);font-size:13px;margin-top:4px;text-transform:capitalize}.content{padding:24px 36px 56px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scard{padding:18px 18px 16px;position:relative}.scard-lbl{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:700}.scard-ic{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:17px}.scard-num{font-family:var(--f-display);font-weight:900;font-size:34px;letter-spacing:-.02em;color:var(--bg-deep);margin-top:10px;line-height:1}.scard-foot{font-size:12px;color:var(--text-3);margin-top:7px}.ic-coral{background:var(--c-coral-50);color:var(--accent)}.ic-navy{background:#eaf0f6;color:var(--bg-deep)}.ic-go{background:var(--c-go-soft);color:var(--c-go)}.ic-warn{background:var(--c-warn-soft);color:var(--c-warn)}.block{margin-top:24px}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.block-title{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:var(--bg-deep)}.block-title i{color:var(--accent);font-size:20px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search{position:relative;flex:1;max-width:380px}.search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:18px}.search .input{padding-left:38px}.seg{display:inline-flex;background:#fff;border:1px solid var(--n200);border-radius:var(--r-md);overflow:hidden}.seg button{height:42px;padding:0 14px;border:none;background:none;font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--text-2)}.seg button.on{background:var(--bg-deep);color:#fff}.plist{display:flex;flex-direction:column}.prow{display:grid;grid-template-columns:68px 1fr auto auto auto;align-items:center;gap:16px;padding:12px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;margin-bottom:10px;transition:box-shadow .13s,transform .13s}.prow:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.prow-thumb{width:68px;height:46px;border-radius:8px;object-fit:cover;background:var(--n100)}.prow-thumb.ph{display:grid;place-items:center;color:var(--n300);font-size:20px}.prow-title{font-family:var(--f-display);font-weight:800;font-size:15px;color:var(--bg-deep);line-height:1.25}.prow-meta{font-size:12px;color:var(--text-3);margin-top:3px;display:flex;gap:8px;align-items:center}.prow-cat{color:var(--accent);font-weight:700}.prow-edit{color:var(--text-2);background:#fff;border:1px solid var(--n200);border-radius:var(--r-md);height:36px;padding:0 13px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}.prow-edit:hover{background:var(--n50)}.prow-share{color:var(--accent);background:var(--accent-soft);border:1px solid transparent;border-radius:var(--r-md);height:36px;width:40px;display:inline-flex;align-items:center;justify-content:center;font-size:19px}.prow-share:hover{background:var(--c-coral-100)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:var(--r-pill)}.badge.pub{background:var(--c-go-soft);color:var(--c-go)}.badge.draft{background:var(--c-warn-soft);color:var(--c-warn)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{padding:22px}.panel-lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:700;margin-bottom:14px}.field{margin-bottom:14px}.field>label{display:block;font-size:12.5px;font-weight:700;color:var(--text-2);margin-bottom:6px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:11.5px;color:var(--text-3);margin-top:5px}.cover-drop{border:1.5px dashed var(--n300);border-radius:var(--r-lg);padding:16px;text-align:center;color:var(--text-3);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.cover-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.cover-prev{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);margin-bottom:10px;background:var(--n100)}.preview{padding:0;overflow:hidden}.preview-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--n100);display:block}.preview-body{padding:24px 26px 30px}.preview-eyebrow{color:var(--accent);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.preview h1{font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:8px 0}.preview-date{color:var(--text-3);font-size:12px;font-family:var(--f-body)}.prose{margin-top:18px;font-size:15px;line-height:1.7;color:var(--text-2)}.prose h2{font-size:20px;margin:1.4em 0 .4em;color:var(--bg-deep)}.prose h3{font-size:17px;margin:1.2em 0 .3em;color:var(--bg-deep)}.prose p{margin:0 0 1em}.prose ul{margin:0 0 1em;padding-left:1.3em}.prose li{margin:0 0 .4em}.prose li::marker{color:var(--accent)}.prose a{color:var(--accent);text-decoration:underline}.prose strong{color:var(--text);font-weight:700}.prose blockquote{margin:0 0 1em;padding:4px 0 4px 16px;border-left:3px solid var(--accent);color:var(--text-2);font-style:italic}.prose img{max-width:100%;border-radius:var(--r-md);margin:1.2em auto;display:block}.prose em{color:var(--text-3)}.login-wrap{height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#17354e,#0b1f30)}.login-card{width:380px;max-width:calc(100vw - 32px);background:#fff;border-radius:var(--r-xl);padding:32px;box-shadow:var(--sh-lg)}.login-logo{width:52px;height:52px;border-radius:13px;background:var(--bg-deep);display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:900;font-size:24px;margin-bottom:18px}.login-card h1{font-size:22px}.login-card .sub{color:var(--text-3);font-size:13px;margin:6px 0 22px}.code-input{letter-spacing:.5em;text-align:center;font-family:var(--f-display);font-weight:800;font-size:22px}.stack{display:flex;flex-direction:column}.muted{color:var(--text-3)}.empty{text-align:center;color:var(--text-3);padding:48px 20px}.empty i{font-size:40px;color:var(--n300);display:block;margin-bottom:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-deep);color:#fff;padding:12px 20px;border-radius:var(--r-pill);font-weight:700;font-size:14px;box-shadow:var(--sh-lg);z-index:50;display:flex;align-items:center;gap:9px}.toast.err{background:var(--c-error)}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.ed-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;background:#0b1f308c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center}.modal{background:var(--bg-elev);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:470px;max-width:100%;max-height:92vh;overflow-y:auto;padding:22px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{display:flex;align-items:center;gap:9px;font-family:var(--f-display);font-weight:800;font-size:18px;color:var(--bg-deep)}.modal-title i{color:var(--accent);font-size:22px}.modal-x{background:none;border:none;color:var(--text-3);font-size:22px;padding:4px;border-radius:var(--r-sm);line-height:1}.modal-x:hover{color:var(--text);background:var(--n50)}.share-stage{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);min-height:210px;display:grid;place-items:center;padding:16px}.share-img{border-radius:10px;box-shadow:var(--sh-md);display:block}.share-img.feed{max-height:400px;width:auto}.share-img.story{max-height:470px;width:auto}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions .btn{flex:1}.share-msg{text-align:center;color:var(--c-go);font-weight:700;font-size:14px;margin-top:12px}.alert{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:var(--r-md);font-size:13px;line-height:1.45}.alert-error{background:var(--c-error-soft);color:var(--c-error)}.alert i{font-size:18px;flex:none;margin-top:1px}