:root{--workspace-elevation:0 8px 28px rgba(0,0,0,.08)}
body .sidebar,body .composer{box-shadow:var(--workspace-elevation)!important}
body button:not(:has(img)):not(.starter):not(.approved-completion-brief):not(.handoff-visual-image):not(.editorial-reference),body a.button{border-radius:999px!important}
body .approved-completion{box-shadow:none!important}
body .ref-card{border:0!important;box-shadow:0 3px 16px #00000008}
body .ref-card.selected{box-shadow:0 3px 16px #00000008;background:#f0f0ed}
.composer textarea{resize:none;overflow-x:hidden;min-height:0}
@media(max-width:640px){.handoff-agent-icons [data-tooltip]::after,.handoff-editorial-name [data-tooltip]::after{left:auto;right:0}}
.handoff-editorial-header{padding:20px 0 34px;margin-bottom:26px}
.handoff-editorial-copy>h1{font:500 clamp(42px,4.5vw,66px)/1.1 var(--serif);letter-spacing:-2px;margin:0}
.handoff-editorial-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px}
.handoff-editorial-copy{min-width:0}.handoff-editorial-name{display:flex;align-items:center;gap:10px}
.handoff-editorial-name h2{font-size:32px;line-height:1.2;letter-spacing:-.6px}
.handoff-editorial-name>.icon-button{width:32px;height:32px;flex:none}
.handoff-editorial-copy>p{font-size:18px;line-height:1.7;color:var(--muted);margin-top:18px}
.handoff-platform-examples{display:block;margin-top:7px;font-size:inherit;line-height:inherit}
.handoff-editorial-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:var(--muted)}
.handoff-editorial-facts>span+span:before{content:'·';padding-right:18px}
.handoff-editorial-visuals{position:relative;padding:0 0 28px 16px;min-width:0}
.editorial-reference{display:block;border:0!important;padding:0;overflow:hidden;background:#eee;border-radius:9px;cursor:zoom-in}
.editorial-reference img{display:block;width:100%;height:100%;object-fit:cover;filter:none!important}
.editorial-main{width:100%;aspect-ratio:1.45;box-shadow:0 8px 25px #00000009}
.editorial-inset{position:absolute;left:-8px;bottom:0;width:43%;aspect-ratio:4/3;outline:5px solid #fff;box-shadow:0 8px 25px #0002}
.handoff-editorial-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-top:22px;padding:0;border:0}
.handoff-editorial-actions .button{font-size:12px;min-height:46px;padding:12px 18px}
.handoff-editorial-actions [aria-disabled=true]{opacity:.5;cursor:not-allowed}
.expanded-handoff .handoff-sheet,.expanded-handoff .approved-card,.expanded-handoff .approved-agent-ribbon,.expanded-handoff .handoff-additional-sheet{border:0!important}
.expanded-handoff .handoff-references-sheet{padding:30px 28px;background:#fff}
.expanded-handoff .handoff-visual-card{border:0!important;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 16px #00000008}
.handoff-image-wrap{position:relative;min-width:0;overflow:hidden;border-radius:9px}
.expanded-handoff .handoff-visual-image{display:block;padding:0;width:100%;border:0;border-radius:0!important;aspect-ratio:4/3;overflow:hidden}
.expanded-handoff .handoff-visual-image img{width:100%;height:100%;object-fit:cover;filter:none!important}
.expanded-handoff .handoff-visual-image .visual-enlarge{left:10px;right:auto;top:auto;bottom:10px;transform:none;background:#fff;color:#222;min-height:32px;padding:7px 10px;font-size:10px;border-radius:999px;display:flex;gap:6px;align-items:center;opacity:0}
.expanded-handoff .handoff-visual-image .visual-enlarge svg{width:12px;height:12px}
.reference-source-hover{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;min-height:32px;background:#fff;color:#222;font-size:10px;text-decoration:none;border-radius:999px;opacity:0;transition:opacity .15s}
.reference-source-hover svg{width:12px;height:12px}
.handoff-image-wrap:is(:hover,:focus-within) .reference-source-hover,.handoff-image-wrap:is(:hover,:focus-within) .visual-enlarge{opacity:1!important}
.expanded-handoff .handoff-visual-caption{padding:15px 15px 18px}
.expanded-handoff .handoff-visual-caption h3{font:500 14px/1.4 var(--sans);margin:0}
.expanded-handoff .handoff-visual-caption p{font-size:11px;margin-top:7px;color:var(--muted)}
.expanded-handoff .approved-agent-ribbon{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 28px;background:#fff}
.expanded-handoff .approved-ribbon-link{display:flex;align-items:center;gap:24px;min-width:0}
.expanded-handoff .approved-ribbon-link h2{font:500 21px/1.3 var(--serif);margin:0}
.handoff-agent-icons{display:flex;align-items:center;gap:4px}.handoff-agent-icons>.icon-button{display:grid;place-items:center;width:38px;height:38px}
.handoff-agent-icons a{color:var(--ink);text-decoration:none}
.brand-inline-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.brand-inline-editor>p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:16px}
.brand-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.brand-inline-fields label,.color-editor-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}
.brand-inline-fields input,.brand-inline-fields select,.color-editor-field input{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;color:var(--ink)}
.brand-inline-fields .brand-style-field{grid-column:1/-1}
.brand-inline-status{margin-top:16px;color:var(--muted);font-size:11px}
.color-editor-preview{display:flex;align-items:center;gap:20px;margin:25px 0}
.color-editor-preview input[type=color]{width:100px;height:100px;padding:0;border:0;background:none;cursor:pointer}
.color-editor-preview input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-editor-preview input[type=color]::-webkit-color-swatch{border:1px solid #dedede;border-radius:16px}
.color-editor-fields{flex:1;display:grid;gap:15px}.brand-inline-error{font-size:12px;color:#333;margin-top:12px}
@media(max-width:1100px){.handoff-editorial-layout{gap:30px}.handoff-editorial-name h2{font-size:28px}.handoff-editorial-actions .button{font-size:11px;padding:11px 14px}}
@media(max-width:800px){.handoff-editorial-layout{grid-template-columns:1fr;gap:28px}.handoff-editorial-visuals{max-width:620px;width:100%;margin:auto}.handoff-editorial-name h2{font-size:30px}}
@media(max-width:500px){.handoff-editorial-header{padding-top:0}.handoff-editorial-copy>h1{font-size:43px;letter-spacing:-1px}.handoff-editorial-copy>p{font-size:17px}.handoff-editorial-name h2{font-size:27px}.handoff-editorial-facts{font-size:10px;gap:12px}.handoff-editorial-facts>span+span:before{padding-right:12px}.handoff-editorial-actions{gap:9px}.handoff-editorial-actions .button{font-size:10px;padding:10px 13px}.expanded-handoff .handoff-references-sheet{padding:24px 18px}.expanded-handoff .approved-agent-ribbon{padding:22px 18px;gap:20px;align-items:start;flex-direction:column}.expanded-handoff .approved-ribbon-link{justify-content:space-between;width:100%}.brand-inline-fields{grid-template-columns:1fr}.brand-inline-fields .brand-style-field{grid-column:auto}.reference-source-hover,.expanded-handoff .handoff-visual-image .visual-enlarge{opacity:1}.color-editor-preview{gap:14px}.color-editor-preview input[type=color]{width:75px;height:90px}}
@media(prefers-reduced-motion:reduce){.reference-source-hover{transition:none}}
/* Let the workspace fit inside the review hub on narrow mobile screens. */
@media(max-width:319px){body{min-width:0}}
/* Keep compact progress descriptions inside the phone viewport. */
@media(max-width:800px){
  .progress-rail{position:relative;left:auto;top:auto}
  .progress-step{position:static}
  .progress-step .progress-tooltip,
  .progress-step:first-child .progress-tooltip,
  .progress-step:last-child .progress-tooltip{left:50%;right:auto;transform:translateX(-50%);max-width:calc(100vw - 32px)}
}