/* HOVRRN .52: publishing Studio, scoped to its own workspace and sidebar */
#hvcsPublisher[hidden],#hvpAssistant[hidden]{display:none!important}
.hvp-screen,.hvp-screen *{box-sizing:border-box}
.hvp-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;overflow:hidden;padding:7px 1px 0;color:#1b3656}
.hvp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;padding:5px 2px 0}
.hvp-top h2{font-size:19px;font-weight:820;margin:0;line-height:1.1;color:#193659;letter-spacing:-.04em}.hvp-top p{font-size:11px;color:#5f7b9e;margin:5px 0 0}.hvp-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;color:#5c83b0;margin-bottom:4px}
.hvp-screen button{font:inherit;cursor:pointer}.hvp-screen button:disabled{opacity:.45;cursor:not-allowed}.hvp-back{height:31px;width:34px;background:white;border:1px solid #d9e6f5;color:#386bb0;border-radius:10px;font-size:24px}
.hvp-steps{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 4px 6px;border-bottom:1px solid #e3ecf7;flex-shrink:0}
.hvp-steps span{font-size:10px;font-weight:720;color:#6885a5;white-space:nowrap;display:flex;align-items:center;gap:4px}.hvp-steps b{width:19px;height:19px;border-radius:50%;display:inline-grid;place-items:center;background:#e1ebf9;color:#678bb3;font-size:10px}.hvp-steps .on{color:#1a67d0}.hvp-steps .on b{background:#206aeb;color:white;box-shadow:0 0 0 3px #e1edff}
.hvp-work{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:'media editor' 'preview options' 'publish publish';gap:8px;min-height:0;overflow-y:auto;scrollbar-width:none;padding:0 2px 8px;align-content:start}.hvp-work::-webkit-scrollbar{display:none}
.hvp-card{background:white;border:1px solid #dbe7f5;border-radius:15px;padding:12px;box-shadow:0 3px 12px rgba(35,87,151,.045);min-width:0}
.hvp-card h3{margin:0;color:#1b3859;font-size:13px;font-weight:820}.hvp-cardhead{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}.hvp-cardhead button,.hvp-fieldline button{border:1px solid #d1e3fa;background:#edf5ff;color:#2a66b4;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:720}
.hvp-label{display:block;font-size:10px;font-weight:750;color:#577599;margin:8px 0 4px}.hvp-card input:not([type=checkbox]),.hvp-card textarea,.hvp-card select{width:100%;border:1px solid #d6e4f4;border-radius:9px;background:#fbfdff;padding:7px 9px;min-height:32px;font:inherit;font-size:12px;color:#203d60;outline:0}.hvp-card input:focus,.hvp-card textarea:focus,.hvp-card select:focus{border-color:#6c9df5;box-shadow:0 0 0 2px #e1edff}.hvp-card textarea{height:74px;min-height:65px;resize:vertical;line-height:1.38}.hvp-fieldline{display:flex;align-items:center;justify-content:space-between}
.hvp-video-frame{width:100%;height:147px;border-radius:11px;background:linear-gradient(145deg,#142849,#07132d);overflow:hidden;display:grid;place-items:center;margin-top:9px}.hvp-video-frame video{height:100%;width:100%;object-fit:contain;background:#09162a}.hvp-video-empty{font-size:12px;color:#b9cbea;text-align:center;padding:22px}.hvp-media-actions{display:flex;gap:6px;margin-top:7px}.hvp-media-actions button{padding:5px 9px;color:#346cac;background:#edf6ff;border:1px solid #d8e6f6;border-radius:8px;font-size:11px;font-weight:730}.hvp-caption{font-size:10px;line-height:1.35;color:#718bad;margin:7px 0 0}
.hvp-layout{display:flex;align-items:center;gap:4px;margin-top:9px;flex-wrap:wrap}.hvp-layout span{font-size:10px;color:#627e9f;font-weight:730;margin-right:3px}.hvp-layout button{padding:4px 6px;font-size:10px;border-radius:7px;border:1px solid #d8e6f6;background:#f9fcff;color:#537ca7}.hvp-layout button[aria-pressed=true]{border-color:#6ca7fa;background:#e5f1ff;color:#1358af}
.hvp-media{grid-area:media}.hvp-editor{grid-area:editor}.hvp-preview{grid-area:preview}.hvp-options{grid-area:options}.hvp-publish{grid-area:publish}
.hvp-preview-window{background:#f8fbff;border:1px solid #dbe6f5;border-radius:10px;padding:7px;margin-top:7px}.hvp-preview-top{display:flex;justify-content:space-between;font-size:10px;font-weight:850;color:#1c467b}.hvp-preview-top small{font-size:9px;font-weight:500;color:#7086a6}.hvp-preview-video{background:linear-gradient(130deg,#183a67,#071931);height:65px;display:grid;place-items:center;color:white;border-radius:7px;font-size:24px;margin-top:5px}.hvp-preview-window h4{font-size:12px;color:#233e60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 2px}.hvp-preview-window p{font-size:10px;color:#536d8b;max-height:29px;overflow:hidden;margin:2px 0 6px}.hvp-preview-cta{background:#2769df;border-radius:6px;color:white;text-align:center;padding:4px;font-size:10px;font-weight:760}
.hvp-options .hvp-check{display:flex;gap:7px;align-items:center;margin:12px 0;font-size:11px;color:#345474}.hvp-check input{accent-color:#236ae8}.hvp-options input[type=url]{font-size:11px}.hvp-publish{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hvp-publish h3{min-width:100px}.hvp-actions{display:flex;gap:6px;flex-wrap:wrap}.hvp-actions button,.hvp-share button,.hvp-share a{background:#eef5ff;color:#3169b0;border:1px solid #cadef8;border-radius:9px;padding:7px 10px;font-weight:750;font-size:11px;text-decoration:none;white-space:nowrap}.hvp-actions .hvp-primary{background:linear-gradient(100deg,#1966ec,#347dec);color:#fff;border-color:#1966ec}.hvp-status{font-size:11px;color:#477399;flex:1 1 100%;line-height:1.3}.hvp-status[data-kind=error]{color:#ad324a}.hvp-status[data-kind=success]{color:#157456}.hvp-share{display:flex;flex:1 1 100%;gap:5px;align-items:center;min-width:0}.hvp-share input{flex:1;min-width:80px;font-size:11px}
/* Amy's own real cloud mascot, not a newly generated replacement */
body.hvcs-publish-active .hov-context>:not(#hvpAssistant){display:none!important}
#hvpAssistant{display:flex;flex-direction:column;gap:11px;min-height:0;padding:10px;height:100%;background:#f8fbfe;color:#1d3858}
#hvpAssistant .hvp-amy-head{display:flex;gap:10px;align-items:center;border-radius:16px;background:#fff;border:1px solid #dce8f6;padding:12px}#hvpAssistant .hvp-amy-head img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 7px #4774a32a)}#hvpAssistant .hvp-amy-head strong{font-size:17px}#hvpAssistant .hvp-amy-head small{display:block;color:#6786a8;font-size:11px}#hvpAssistant .hvp-amy-head p{margin:6px 0 0;color:#617d9b;font-size:11.5px;line-height:1.35}
#hvpAssistant .hvp-amy-main{border:1px solid #dbe8f7;border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}#hvpAssistant .hvp-amy-main h3{font-size:13px;margin:0 0 5px}#hvpAssistant .hvp-amy-main button{border:1px solid #dfebf9;border-radius:10px;background:#f7fbff;color:#355f91;text-align:left;font-size:12px;font-weight:650;padding:10px;cursor:pointer}#hvpAssistant .hvp-amy-main button:hover{background:#e9f3ff;border-color:#a8cdfa}#hvpAssistant .hvp-amy-main button:disabled{opacity:.4}#hvpAssistant .hvp-amy-note{font-size:11px;color:#6b89a8;margin-top:auto;line-height:1.4}#hvpAssistant .hvp-amy-footer{font-size:10px;color:#7a95ae;text-align:right}
@media(max-height:700px) and (min-width:771px){.hvp-screen{gap:5px;padding-top:2px}.hvp-top p{display:none}.hvp-top h2{font-size:17px}.hvp-steps{padding:0 3px 4px}.hvp-card{padding:9px 10px}.hvp-video-frame{height:132px}.hvp-work{gap:6px}.hvp-layout{margin-top:6px}.hvp-card textarea{height:65px}.hvp-caption{margin-top:4px}}
@media(max-width:770px){.hvp-work{display:flex;flex-direction:column}.hvp-steps{gap:5px;overflow:hidden}.hvp-steps span{font-size:8px}.hvp-steps b{width:16px;height:16px}.hvp-screen{overflow:hidden}.hvp-video-frame{height:180px}}

/* Keep publishing actions visible at the 1366×632 reference viewport. */
.hvp-top{min-height:23px;flex:none;justify-content:flex-end;padding:0 2px}.hvp-top>div{display:none}.hvp-back{height:23px;width:29px;line-height:15px;font-size:20px}
.hvp-work{flex:1;overflow-y:auto;align-content:start}.hvp-publish{flex:none;min-height:78px;margin:0 2px 3px;padding:9px 11px}.hvp-publish .hvp-status{margin:0;flex-basis:100%}.hvp-publish .hvp-share:not([hidden]){flex-basis:100%}
@media(max-height:700px) and (min-width:771px){.hvp-screen{gap:5px}.hvp-top{min-height:16px}.hvp-back{height:22px}.hvp-work{flex:1}.hvp-publish{min-height:72px}}
