#marketing-office-concept{--paper:light-dark(#dce5e2,#1b2d31);--surface:light-dark(#eae8dd,#2b3e40);--ink:light-dark(#233c42,#e1ebe6);--soft:light-dark(#476160,#b5c9c3);--edge:light-dark(#b5c7c2,#506b6a)}
#marketing-office-concept header{color:var(--ink)}
#marketing-office-concept .mh-conversation-layer[hidden],#marketing-office-concept [hidden]{display:none!important}
#marketing-office-concept .bottom{display:none}
#marketing-office-concept .mh-conversation-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
#marketing-office-concept .mh-conversation-shade{position:absolute;inset:0;border:0;background:#10252b55;backdrop-filter:blur(2px)}
#marketing-office-concept .mh-floating-conversation{position:relative;width:min(620px,100%);height:min(690px,calc(100dvh - 48px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--edge);border-radius:16px;box-shadow:0 24px 80px #10252b44;overflow:hidden}
#marketing-office-concept .mh-floating-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--edge);flex-shrink:0;background:light-dark(#d1ded7,#304c47)}
#marketing-office-concept .mh-floating-head label{flex:1;min-width:0;font-size:11px;color:var(--soft)}
#marketing-office-concept .mh-floating-head select{display:block;font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:0;max-width:100%;padding:4px 0}
#marketing-office-concept .mh-floating-close{width:36px;height:36px;border:0;background:transparent;font-size:24px}
#marketing-office-concept .mh-floating-portrait{height:46px;width:46px;overflow:hidden;border-radius:50%;background:var(--paper);flex-shrink:0}
#marketing-office-concept .mh-floating-portrait .mh-portrait-copy{display:block;position:relative;width:100px;height:140px;padding:0;margin:0;transform:scale(.47);transform-origin:top left;pointer-events:none}
#marketing-office-concept .mh-floating-portrait .mh-portrait-copy{transform:scale(.6);padding:0!important}
#marketing-office-concept .mh-floating-portrait .avatar{display:block;position:absolute;left:-15px;top:0;margin:0!important;transform:none!important}
#marketing-office-concept .mh-floating-conversation .chat{display:flex;flex:1;flex-direction:column;min-height:0;border:0;border-radius:0;background:var(--surface);color:var(--ink);padding:0}
#marketing-office-concept .mh-floating-conversation .chat>small,#marketing-office-concept .mh-floating-conversation .chat>h3{display:none}
#marketing-office-concept .mh-floating-conversation .mh-history{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:20px;margin:0;display:flex;flex-direction:column;gap:14px;background:light-dark(#e4e7db,#293d3c)}
#marketing-office-concept .mh-floating-conversation .mh-history>p{align-self:flex-start;max-width:87%;flex-shrink:0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--ink)}
#marketing-office-concept .mh-floating-conversation .mh-history>p{background:light-dark(#d5dfd7,#354e49)}
#marketing-office-concept .mh-floating-conversation .mh-history>p.mh-human-message{align-self:flex-end;max-width:80%;background:light-dark(#c7ddd3,#365c50);border-color:transparent}
#marketing-office-concept .mh-floating-conversation .mh-history strong{display:block;font-size:11px;font-weight:500;color:var(--soft);margin-bottom:5px}
#marketing-office-concept .mh-floating-conversation .mh-history .control{font-size:11px;padding:3px 6px;min-height:24px;background:transparent;color:var(--soft);margin-top:6px}
#marketing-office-concept .mh-floating-conversation form[data-mh="chat-form"]{flex-shrink:0;border-top:1px solid var(--edge);padding:12px 18px;background:light-dark(#d7dfd4,#30463f)}
#marketing-office-concept .mh-floating-conversation label[for="mh-chat-text"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#marketing-office-concept .mh-floating-conversation #mh-chat-text{width:100%;min-height:68px;max-height:130px;resize:vertical;font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--edge);border-radius:12px;background:light-dark(#e7e3d5,#223b37);color:var(--ink);padding:11px 13px;margin:0}
#marketing-office-concept .mh-composer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
#marketing-office-concept .mh-composer-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#marketing-office-concept .mh-composer-tools .control{font-size:12px;padding:5px 0;min-height:28px;background:transparent;border:0;color:var(--soft)}
#marketing-office-concept .mh-composer-tools [data-mh="voice-stop"]:disabled{display:none}
#marketing-office-concept .mh-floating-conversation .mh-composer-tools .control:disabled{background:transparent;color:var(--soft);border:0;opacity:.55}
#marketing-office-concept .mh-composer-row [data-mh="send"]{margin:0;background:light-dark(#174b50,#b5dbd4);color:light-dark(#ffffff,#163732);border:0;flex-shrink:0}
#marketing-office-concept .mh-keyboard-hint{display:block;font-size:11px;margin-top:8px;color:var(--soft)}
#marketing-office-concept .mh-floating-conversation .mh-voice-status{font-size:11px;margin:5px 0 0;color:var(--soft)}
#marketing-office-concept .mh-floating-conversation .mh-assignment{overflow:auto;margin:0;border:0;flex:1;border-radius:0;padding:18px;background:var(--surface)}
#marketing-office-concept .mh-floating-conversation .mh-task-form{display:flex;flex-direction:column}
#marketing-office-concept .mh-team-drawer{position:fixed;right:24px;top:110px;width:min(350px,calc(100% - 32px));max-height:70dvh;overflow:auto;z-index:900;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:14px;box-shadow:0 14px 45px #10252b22;padding:18px}
#marketing-office-concept .station .work-preview:before{background:light-dark(#778589,#b4c2c5)}
#marketing-office-concept .station[data-activity="working"] .work-preview:before{background:light-dark(#087f68,#7ddcc0)}
#marketing-office-concept .station[data-activity="queued"] .work-preview:before,#marketing-office-concept .station[data-activity="attention"] .work-preview:before{background:light-dark(#a47513,#f3ce79)}
#marketing-office-concept .station[data-activity="working"] .arm{animation:mh-ui-type 1.4s ease-in-out infinite}
#marketing-office-concept .station[data-activity="working"] .arm.right{animation-delay:-.7s}
#marketing-office-concept .station[data-activity="working"] .monitor{overflow:hidden}
#marketing-office-concept .station[data-activity="working"] .monitor span{animation:mh-ui-lines 2.8s linear infinite;flex-shrink:0}
#marketing-office-concept .station[data-activity="working"] .monitor span:nth-child(2){animation-delay:-.9s}
#marketing-office-concept .station[data-activity="working"] .monitor span:nth-child(3){animation-delay:-1.8s}
#marketing-office-concept .desk:after{display:none}
#marketing-office-concept .mh-water-glass{position:absolute;width:13px;height:18px;bottom:29px;right:13px;border:1px solid light-dark(#a3c2c4,#bedbd9);border-top:2px solid light-dark(#e4efed,#d7ebe6);border-radius:2px 2px 4px 4px;background:linear-gradient(180deg,#e8f2ef88 35%,#9dcbd5b0 36%);z-index:8;transform-origin:50% 90%}
#marketing-office-concept .station.mh-sipping .mh-water-glass{animation:mh-ui-sip 4.6s ease-in-out}
#marketing-office-concept .station.mh-sipping .arm.right{animation:mh-ui-sip-arm 4.6s ease-in-out;transform-origin:right center;z-index:9}
#marketing-office-concept .windows i{overflow:hidden}
#marketing-office-concept .mh-window-bird{position:absolute;left:-25%;top:24%;width:13px;height:6px;opacity:0;color:#49646a;pointer-events:none}
#marketing-office-concept .mh-window-bird:before,#marketing-office-concept .mh-window-bird:after{content:'';position:absolute;width:7px;height:5px;border-top:2px solid currentColor;border-radius:60%;top:0}
#marketing-office-concept .mh-window-bird:after{left:6px;transform:rotate(20deg)}
#marketing-office-concept .mh-window-bird.mh-flying{animation:mh-ui-bird 5s linear}
@keyframes mh-ui-type{0%,60%,100%{transform:translate(0,0) rotate(-3deg)}25%,45%{transform:translate(2px,-3px) rotate(1deg)}80%{transform:translate(1px,-1px) rotate(-2deg)}}
@keyframes mh-ui-lines{0%{transform:translateY(10px);opacity:0}15%,75%{opacity:1}100%{transform:translateY(-13px);opacity:0}}
@keyframes mh-ui-sip{0%,100%{transform:none}30%,65%{transform:translate(-44px,-77px) rotate(-16deg)}45%,55%{transform:translate(-45px,-79px) rotate(-23deg)}}
@keyframes mh-ui-sip-arm{0%,100%{transform:rotate(9deg)}30%,65%{transform:translate(-5px,-34px) rotate(65deg)}}
@keyframes mh-ui-bird{0%{left:-20%;top:24%;opacity:0}10%{opacity:.8}50%{top:17%}90%{opacity:.8}100%{left:120%;top:28%;opacity:0}}
#marketing-office-concept.mh-motion-paused .station *,#marketing-office-concept.mh-chat-is-open .station *,#marketing-office-concept.mh-motion-paused .mh-window-bird{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#marketing-office-concept .station *,#marketing-office-concept .mh-window-bird{animation:none!important;transition:none!important}}
@media(max-width:600px){#marketing-office-concept .mh-conversation-layer{padding:10px}#marketing-office-concept .mh-floating-conversation{height:calc(100dvh - 20px)}#marketing-office-concept .mh-floating-head{padding:12px}#marketing-office-concept .mh-floating-conversation form[data-mh="chat-form"]{padding:12px}#marketing-office-concept .mh-floating-conversation #mh-chat-text{font-size:16px}#marketing-office-concept .mh-composer-tools{gap:8px}#marketing-office-concept .mh-composer-tools .control{font-size:11px}}

#marketing-office-concept .mh-screen-head{position:relative;padding-right:58px}
#marketing-office-concept .mh-findings-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}
#marketing-office-concept .mh-findings-close:hover{background:var(--paper)}

#marketing-office-concept .mh-conversation-work-controls{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px;background:var(--paper)}
#marketing-office-concept .mh-conversation-work-controls:empty{display:none}
#marketing-office-concept .mh-conversation-work-controls .control{font-size:12px;padding:7px 10px}