.google-auth{box-shadow:0 2px 8px rgba(20,35,45,.12)}.ai-action{background:#efa400!important;color:#1c2630!important;white-space:nowrap;min-width:120px}.ai-panel{margin-bottom:16px;padding:14px 12px 12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px}.ai-panel h2{margin:0 0 14px;font-size:16px;color:#17202a}.ai-panel label{display:block;margin-bottom:6px;font-weight:600;font-size:14px}.ai-panel textarea{display:block;width:100%;min-height:145px;resize:vertical;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;font:inherit;line-height:1.5}.ai-panel textarea:focus{outline:2px solid #f4c45d;outline-offset:1px}.ai-panel .ai-action{margin-top:10px}.topbar .google-auth{position:static;white-space:nowrap}.topbar .topbar-meta{margin-left:0}.topbar-meta{min-width:0}.topbar-meta strong{white-space:nowrap}.editor-area{min-width:0}.field-row{min-width:0}.field{min-width:0}.toolbar{overflow-x:auto}.toolbar button{flex:0 0 auto}@media(max-width:760px){.topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding-top:9px;padding-bottom:9px}.topbar-brand{margin-right:auto}.topbar .google-auth{margin-left:0}.topbar-meta{width:100%;justify-content:flex-end}.topbar-meta strong{margin-right:auto}.actions-bar{gap:10px}.btn-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-panel{margin-bottom:12px;padding:12px}.ai-panel textarea{min-height:120px}}
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro','Segoe UI',sans-serif;color:#212529;background:linear-gradient(135deg,#f7faf8,#eef4f2);--primary:#0f3f59;--accent:#198754;--line:rgba(33,37,41,.12);--muted:#6c757d}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:8px;padding:8px 14px;background:var(--primary);color:#fff;cursor:pointer}button.ghost{background:transparent;color:var(--primary);border:1px solid #c9d5da}.small{font-size:12px;padding:5px 10px}.danger{background:#c04a3b}.publish{background:var(--accent);min-width:130px}.topbar{height:56px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.topbar-brand,.login-brand{font:700 20px Fraunces,serif;color:var(--primary)}.conn-badge{font-size:12px;padding:4px 10px;border-radius:99px;background:#fff3cd;color:#8a4f00}.conn-badge.ok{background:#d1e7dd;color:#146c43}.topbar-meta{margin-left:auto;display:flex;gap:14px;align-items:center;color:#6c757d;font-size:13px}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 56px)}.sidebar{border-right:1px solid var(--line);background:rgba(255,255,255,.65)}.sidebar-header,.search-row,.sidebar-stats{padding:12px 14px;border-bottom:1px solid var(--line)}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.search-row{display:flex;gap:6px}.search-row input{min-width:0}.sidebar-stats{font-size:12px;color:var(--muted);line-height:1.8}.post-list{padding:7px}.post-item{width:100%;display:flex;gap:9px;text-align:left;background:transparent;color:#212529;border:1px solid transparent;margin-bottom:3px}.post-item:hover{background:#fff;border-color:var(--line)}.post-item-body{display:flex;flex-direction:column;min-width:0}.post-item-body b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-item-body small{color:var(--muted);font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#c9d0d5;margin-top:6px;flex:none}.status-dot.live{background:var(--accent)}.editor-area{padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--primary)}input{border:1px solid #ced8dc;border-radius:8px;padding:10px 12px;background:#fff;min-width:0}.editor-card{background:#fff;border:1px solid #ced8dc;border-radius:10px;overflow:hidden}.toolbar{display:flex;gap:4px;padding:7px;background:#f4f7f8;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar button{background:transparent;color:var(--primary);padding:5px 9px}.editor-content{min-height:430px;padding:18px;outline:0;line-height:1.75}.editor-content:empty:before{content:attr(data-placeholder);color:#aab5ba}.editor-content img{max-width:100%;border-radius:8px}.actions-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.draft-toggle{display:flex;align-items:center;gap:8px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.status-bar{display:flex;justify-content:space-between;padding:9px 11px;background:#eef6f4;border-radius:8px;color:var(--muted);font-size:12px}.status-bar strong{color:var(--primary)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(400px,100%);padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 42px #0f3f5914}.login-subtitle{color:var(--muted)}.login-fields{display:grid;gap:10px}.login-card button{width:100%;margin-top:14px}.login-error{color:#b94734;min-height:20px;font-size:13px}.dim{color:var(--muted)}@media(max-width:760px){.layout{display:block}.sidebar{display:none}.editor-area{padding:14px}.field-row{grid-template-columns:1fr}.actions-bar{position:sticky;bottom:0;flex-direction:column;align-items:stretch}.btn-row{display:grid;grid-template-columns:1fr 1fr}.btn-row button{width:100%}.topbar{padding:0 12px}.topbar-meta span{display:none}}