.publish-card{border:1px solid var(--line);background:#f3f6ee;border-radius:8px;padding:14px;margin-top:20px}.publish-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.publish-heading strong{font-size:12px;font-weight:600}.publish-badge{font-size:8px;color:#9c4d4e;border:1px solid #e8c7c4;background:#fff5f3;border-radius:4px;padding:3px 5px}.publish-card>p{font-size:10px;line-height:1.85;color:#77836d;margin:7px 0 12px}.publish-card .publish-copy{display:block;width:100%;resize:vertical;min-height:84px;max-height:220px;border:1px solid #dce3d4;border-radius:5px;background:#fff;color:var(--ink);padding:9px 10px;font:inherit;font-size:10px;line-height:1.8;cursor:text}.publish-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.publish-actions button,.publish-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:35px;padding:9px 10px;font-size:9px;border-radius:5px;border:1px solid #cdd9c0;color:#506e3d;background:#fff;line-height:1.5}.publish-actions button{flex:1}.publish-actions a{flex:1.3;background:#385e46;color:#fff;border-color:#385e46}.publish-actions button:hover{background:#e9f0df}.publish-actions a:hover{background:#294e37}.publish-card>small{display:block;font-size:9px;line-height:1.8;color:#849078;margin-top:10px}
.tutorial-publish{margin-top:25px;border:1px solid var(--line);border-radius:10px;padding:23px;background:var(--guide-panel);position:relative}.tutorial-publish .publish-heading strong{font-size:16px}.tutorial-publish>p{font-size:11px;color:var(--guide-muted);line-height:1.9;margin:13px 0 18px}.publish-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;color:var(--green);margin-bottom:19px}.publish-steps>span{display:flex;align-items:center;gap:7px}.publish-steps i{font-style:normal;border:1px solid var(--line);border-radius:50%;width:21px;height:21px;display:grid;place-items:center;background:var(--guide-soft);font-size:9px}.publish-steps>b{font-weight:400;color:var(--muted)}.tutorial-publish .publish-guide-link{display:inline-flex;align-items:center;gap:28px;border:1px solid var(--line);border-radius:6px;padding:12px 15px;background:var(--guide-soft);font-size:11px;color:var(--green)}.tutorial-publish .publish-guide-link:hover{box-shadow:0 4px 13px #2333210d}.tutorial-publish>small{font-size:9px;color:var(--guide-muted);line-height:1.9;display:block;margin-top:14px}
:root[data-theme="dark"] .publish-card{background:#253220;border-color:#43543a}:root[data-theme="dark"] .publish-badge{background:#3c2b27;border-color:#66433a;color:#e7b2a5}:root[data-theme="dark"] .publish-card>p,:root[data-theme="dark"] .publish-card>small{color:#b0c09d}:root[data-theme="dark"] .publish-card .publish-copy{background:#18231b;border-color:#4b5d3f;color:#e3ecd8}:root[data-theme="dark"] .publish-actions button{background:#304029;border-color:#526744;color:#d4e5bf}:root[data-theme="dark"] .publish-actions button:hover{background:#405331}:root[data-theme="dark"] .publish-actions a{background:#bbd6a3;color:#1b281a;border-color:#bbd6a3}:root[data-theme="dark"] .publish-actions a:hover{background:#d0e7b7}
@media(max-width:650px){.publish-card{padding:15px;margin-top:18px}.publish-actions button,.publish-actions a{min-height:40px;font-size:10px}.publish-card .publish-copy{font-size:11px}.tutorial-publish{padding:19px}.tutorial-publish .publish-heading strong{font-size:14px}.publish-steps{flex-direction:column;align-items:start;gap:9px}.publish-steps>b{display:none}.tutorial-publish .publish-guide-link{display:flex;justify-content:space-between}}

.publish-actions button,.publish-actions a{white-space:nowrap}