.action-btn.preview-toggle{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 8px 0 12px;border:1.5px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text-primary);font-size:13.5px;font-weight:650;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.action-btn.preview-toggle:hover{border-color:var(--accent);color:var(--accent)}.action-btn.preview-toggle.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.preview-switch{position:relative;width:28px;height:16px;border-radius:999px;flex-shrink:0;background:var(--border-strong);transition:background .18s}.preview-switch i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.preview-toggle.on .preview-switch{background:var(--accent)}.preview-toggle.on .preview-switch i{transform:translate(12px)}@media (prefers-reduced-motion: reduce){.preview-switch,.preview-switch i{transition:none}}.preview-content .pv-img{position:relative;display:block;width:fit-content;max-width:100%;margin:1em 0}.preview-content .pv-img img{margin:0;display:block}.preview-content .pv-img img:hover{transform:none}.pv-img-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.pv-img:hover .pv-img-actions,.pv-img:focus-within .pv-img-actions{opacity:1;transform:none;pointer-events:auto}.pv-img-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:0;border-radius:8px;cursor:pointer;text-decoration:none!important;background:rgba(17,24,39,.78);color:#fff!important;font:600 12.5px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000040}.pv-img-btn:hover{background:rgba(17,24,39,.92)}.pv-img-btn.done{background:#12a36f}@media (min-width: 1200px){.preview-content .pv-img{max-width:90%;margin:1.5em auto}}@media (hover: none){.pv-img-actions{opacity:1;transform:none;pointer-events:auto}}.preview-content .pv-img img{max-width:100%}.editor-actions .action-btn.save-btn{position:relative;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 15px;border:0;border-radius:999px;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#fff;font-size:14px;font-weight:650;letter-spacing:.02em;box-shadow:0 4px 14px #6346e552,inset 0 1px #ffffff2e;transition:transform .15s,box-shadow .15s,filter .15s}.editor-actions .action-btn.save-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 20px #6346e566,inset 0 1px #ffffff2e;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.editor-actions .action-btn.save-btn:active{transform:translateY(0)}.editor-actions .action-btn.save-btn:disabled{opacity:.7;transform:none}.save-kbd{font:600 11px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.18);color:#ffffffeb;border:0}.editor-actions .action-btn.save-btn.dirty:after{content:"";position:absolute;top:3px;right:5px;width:8px;height:8px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 2px #fff}:root[data-theme=dark] .editor-actions .action-btn.save-btn.dirty:after{box-shadow:0 0 0 2px var(--surface)}.editor-actions .action-btn.publish-btn,.editor-actions .action-btn.unpublish-btn,.editor-actions .action-btn.copy-url-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-primary);font-size:13.5px;font-weight:600;transition:all .15s}.editor-actions .action-btn.publish-btn svg{color:#12a36f}.editor-actions .action-btn.publish-btn:hover{border-color:#12a36f;color:#12a36f;background:color-mix(in srgb,#12a36f 8%,var(--surface))}.editor-actions .action-btn.unpublish-btn{border-color:color-mix(in srgb,#f59e0b 55%,var(--border));color:#b45309}.editor-actions .action-btn.unpublish-btn:hover{background:color-mix(in srgb,#f59e0b 10%,var(--surface));border-color:#f59e0b}:root[data-theme=dark] .editor-actions .action-btn.unpublish-btn{color:#fbbf24}.editor-actions .action-btn.copy-url-btn:hover{border-color:var(--accent);color:var(--accent)}.desktop-toolbar .desktop-toolbar-btn.date-btn,.mobile-toolbar .toolbar-btn.date-btn{background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;font-weight:650}.desktop-toolbar .desktop-toolbar-btn.date-btn{padding:0 6px 0 12px;height:32px;gap:6px;margin-left:4px}.desktop-toolbar .desktop-toolbar-btn.date-btn svg{opacity:1}.desktop-toolbar .desktop-toolbar-btn.date-btn:hover,.mobile-toolbar .toolbar-btn.date-btn:active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.date-kbd{font:600 11px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:inherit;border:0}.desktop-toolbar-btn.date-btn:hover .date-kbd{background:rgba(255,255,255,.22)}.editor-content .preview-pane{background:var(--surface)!important;border-left:1px solid var(--border)}