/* Authored concept workspaces. Scoped to illustrations; global UI remains intact. */
.system-visual.ov-enhanced{padding:36px;background:radial-gradient(ellipse at 45% 30%,#10234c88,transparent 68%),#090d14;min-height:0}.ov-workspace{width:100%;border:1px solid #ffffff24;border-radius:12px;background:#10151e;box-shadow:0 24px 65px #0007;overflow:hidden;color:#eaf1ff;font-size:13px;line-height:1.5}.ov-workspace *{box-sizing:border-box}.ov-workspace strong,.ov-workspace b{font-weight:500}.ov-topbar,.ov-bottom{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #ffffff13;background:#141a24}.ov-topbar>span:nth-child(2){font-size:13px;color:#e3eafa}.ov-tag{margin-left:auto;color:#8f9cb3;font-size:9px;letter-spacing:.12em}.ov-window{display:flex;gap:5px}.ov-window i{width:6px;height:6px;background:#5b6576;border-radius:100%}.ov-window i:first-child{background:#5885e3}.ov-bottom{border-top:1px solid #ffffff13;border-bottom:0;justify-content:space-between;font-size:10px;color:#9aa9c1;padding:12px 20px}.ov-bottom>span:first-child{display:flex;align-items:center;gap:7px}.ov-bottom i,.ov-connected i{width:5px;height:5px;border-radius:50%;background:#699aff;display:inline-block}.ov-kicker{font-size:9px;letter-spacing:.12em;color:#92a5c7;display:block;margin-bottom:16px}.ov-pill{display:inline-block;font-size:10px;line-height:1.4;padding:7px 10px;border:1px solid #7c9dd533;border-radius:20px;color:#b8cff6;background:#1c2b4333;white-space:normal}.ov-creative{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:28px}.ov-brief{padding:8px 0}.ov-brief>strong{font-size:25px;line-height:1.1;letter-spacing:-.04em;display:block}.ov-brief p{font-size:11px;color:#9ba9c1;line-height:1.8;margin:16px 0}.ov-palette{display:flex;gap:5px;margin:20px 0}.ov-palette i{width:26px;height:26px;border:1px solid #ffffff23;border-radius:50%;background:#0040c0}.ov-palette i:nth-child(2){background:#c2d8f9}.ov-palette i:nth-child(3){background:#10213e}.ov-file{font-size:10px;color:#a7b6d0;padding:9px 0;border-top:1px solid #ffffff12}.ov-brief>.ov-pill{margin-top:16px}.ov-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.ov-creative-card{position:relative;isolation:isolate;min-width:0;min-height:315px;overflow:hidden;border:1px solid #ffffff2b;background:#102448;border-radius:5px}.ov-card-label{position:absolute;left:14px;top:14px;font-size:8px;letter-spacing:.1em;z-index:2;color:#c9dbf6}.ov-art{height:265px;background:radial-gradient(ellipse at 50% 60%,#5c8bd2,#172b50 75%);overflow:hidden}.ov-art svg{height:100%;width:100%;display:block}.ov-card-copy{position:absolute;left:16px;bottom:49px;font-size:25px;letter-spacing:-.05em;line-height:1.02;color:white;text-shadow:0 2px 18px #061734}.ov-card-meta{display:flex;gap:8px;justify-content:space-between;font-size:8px;padding:13px 12px;color:#b7c8e3;background:#0d172b}.ov-card-1{transform:translateY(-8px)}.ov-card-1 .ov-art{background:#acc0d8}.ov-card-1 svg{transform:scale(1.32) rotate(22deg)}.ov-card-1 .ov-card-copy{top:44px;bottom:auto;color:#112746;text-shadow:none}.ov-card-1 .ov-card-label{color:#24456e}.ov-card-2 .ov-art{background:repeating-linear-gradient(115deg,#14274b 0 30px,#1b3359 30px 60px)}.ov-card-2 svg{transform:translateY(24px) rotate(-12deg)}.ov-video{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:24px;padding:25px}.ov-media{padding-top:6px}.ov-clip{display:flex;gap:10px;align-items:center;margin-top:12px;color:#c6d2e5;font-size:11px}.ov-clip>span{display:block;width:50px;height:42px;border:1px solid #ffffff23;border-radius:4px;background:#081121;overflow:hidden;flex:none}.ov-clip svg{width:100%;height:100%;transform:scale(1.8)}.ov-clip:nth-child(3) svg{transform:scale(2.2) rotate(50deg)}.ov-clip small{display:block;color:#8391aa;font-size:9px}.ov-player{min-width:0}.ov-video-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#20416b,#050c1a 80%);height:265px;border:1px solid #ffffff20;border-radius:5px}.ov-video-art>svg{position:absolute;inset:-15% 0;width:100%;height:130%;opacity:.8}.ov-video-art strong{position:absolute;left:30px;top:57px;font-size:43px;line-height:1;letter-spacing:-.055em;color:#fff}.ov-timecode{position:absolute;right:12px;top:10px;font-size:9px;color:#afc4e7}.ov-caption{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#000a;padding:6px 10px;font-size:10px;border-radius:4px}.ov-playbar{display:flex;justify-content:space-between;padding:10px 0;color:#94a5c2;font-size:10px}.ov-review{padding-top:6px}.ov-review p{font-size:10px;color:#b7c4d9;margin:14px 0}.ov-review p i{font-style:normal;color:#7da9ff;margin-right:6px}.ov-review-note{border-top:1px solid #ffffff16;padding-top:20px;margin-top:24px;color:#91a0b9;font-size:11px;line-height:1.8}.ov-review-note strong{color:#e6edfa}.ov-timeline{position:relative;margin:0 25px 24px;border:1px solid #ffffff18;border-radius:6px;padding:12px;background:#0b1019;overflow:hidden}.ov-ruler{display:flex;justify-content:space-between;margin-left:60px;margin-bottom:13px;font-size:8px;color:#71809b;background:repeating-linear-gradient(90deg,transparent 0 24px,#ffffff15 24px 25px);padding-bottom:7px}.ov-track{display:flex;gap:5px;align-items:center;margin-top:6px;height:27px}.ov-track label{font-size:8px;letter-spacing:.08em;width:55px;flex:none;color:#8090ab}.ov-track>span{flex:1;background:linear-gradient(120deg,#1e4384,#264c83);border:1px solid #5378b480;border-radius:3px;padding:4px 8px;font-size:9px;color:#c7dbff;overflow:hidden;white-space:nowrap}.ov-track-caption>span{background:#29384f;border-color:#64748c77;margin-right:12%}.ov-track-audio>span{height:20px;background:repeating-linear-gradient(90deg,#29484b 0 2px,#4e7b7c 2px 3px,#29484b 3px 6px);border-color:#497a7c77;clip-path:polygon(0 35%,3% 10%,7% 40%,12% 5%,18% 25%,23% 0,29% 33%,35% 12%,42% 22%,47% 0,53% 27%,60% 15%,65% 35%,71% 0,77% 20%,83% 10%,90% 30%,95% 5%,100% 35%,100% 80%,0 80%)}.ov-playhead{position:absolute;left:40%;top:6px;bottom:10px;border-left:1px solid #a9cbff;pointer-events:none}.ov-playhead:before{content:'';position:absolute;left:-4px;top:0;width:7px;height:9px;background:#a9cbff;border-radius:1px}.ov-brand{display:grid;grid-template-columns:1.15fr 1fr;gap:15px;padding:25px}.ov-brand-main,.ov-brand-detail{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#84a5cf,#1a365a 70%);border:1px solid #ffffff24;border-radius:5px}.ov-brand-main{min-height:360px}.ov-brand-main svg{width:100%;height:360px;transform:scale(1.1)}.ov-image-label{position:absolute;bottom:14px;left:16px;font-size:9px;letter-spacing:.08em;color:#d6e4f8}.ov-brand-side{display:grid;grid-template-rows:180px 1fr;gap:15px}.ov-brand-detail{background:#b7cce6}.ov-brand-detail svg{height:340%;width:100%;position:absolute;top:-105%;transform:rotate(40deg)}.ov-brand-detail .ov-image-label{color:#172f50}.ov-art-direction{padding:15px 8px 0}.ov-art-direction .ov-kicker{margin-bottom:9px}.ov-art-direction>strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.035em}.ov-art-direction .ov-palette{margin:13px 0}.ov-art-direction p{font-size:10px;color:#9cacc6;line-height:1.7}.ov-command{display:grid;grid-template-columns:170px 1fr;min-height:350px}.ov-command-nav{padding:30px 20px;border-right:1px solid #ffffff15;display:flex;flex-direction:column;gap:13px;color:#8e9db6;font-size:11px}.ov-command-nav .ov-kicker{margin-bottom:5px}.ov-nav-active{background:#24447755;border-radius:5px;color:#d5e5ff;margin-left:-9px;padding:8px 9px}.ov-connected{margin-top:auto;font-size:8px;display:flex;align-items:center;gap:5px}.ov-command-main{padding:28px;min-width:0}.ov-command-title{display:flex;justify-content:space-between;align-items:start;gap:15px}.ov-command-title .ov-kicker{margin-bottom:6px}.ov-command-title strong{display:block;font-size:24px;letter-spacing:-.04em}.ov-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.ov-stat-grid>div{border:1px solid #ffffff19;background:linear-gradient(125deg,#1d2d4655,transparent);border-radius:6px;padding:15px;min-width:0}.ov-stat-grid small{color:#8a9fbd;font-size:8px;letter-spacing:.08em}.ov-stat-grid strong{display:block;font-size:28px;letter-spacing:-.03em;margin-top:7px}.ov-stat-grid strong span{font-size:11px;color:#a1b2cd}.ov-stat-grid p{font-size:9px;line-height:1.5;color:#98a7c0;margin-top:7px}.ov-mini-bars{display:flex;gap:4px;align-items:end;height:20px;margin-top:6px}.ov-mini-bars i{flex:1;background:#477ed1;border-radius:2px 2px 0 0;height:50%}.ov-mini-bars i:nth-child(2n){height:80%}.ov-mini-bars i:nth-child(3n){height:65%}.ov-task-table>div{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:10px;padding:13px 0;border-top:1px solid #ffffff12;align-items:center;font-size:10px;color:#96a7c2}.ov-task-table>div:first-child{font-size:8px;letter-spacing:.08em;color:#7386a3}.ov-task-table strong{color:#d6e1f1}.ov-task-table b{font-size:9px;color:#b8d3ff;background:#254b8355;border:1px solid #5a85c633;padding:5px 7px;border-radius:4px;width:max-content;max-width:100%}.ov-task-table b.ov-neutral{color:#a8b7cd;background:#ffffff06;border-color:#ffffff18}.ov-automation{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:45px 35px 30px}.ov-flow-line{position:absolute;top:50%;left:12%;right:12%;border-top:1px dashed #6c94d6;opacity:.5}.ov-flow-node{position:relative;z-index:1;border:1px solid #ffffff24;border-radius:9px;padding:24px;background:#131c2a;box-shadow:0 12px 30px #0003}.ov-flow-core{border-color:#658ed666;background:linear-gradient(145deg,#1b3970,#131c2a 80%);box-shadow:0 0 45px #0040c022}.ov-flow-icon{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border:1px solid #7399d544;background:#284c8044;border-radius:10px;font-size:24px;color:#b8d4ff;margin-bottom:25px}.ov-flow-node small{display:block;font-size:9px;letter-spacing:.08em;color:#8da8cf;margin-bottom:8px}.ov-flow-node strong{display:block;font-size:21px;line-height:1.15;letter-spacing:-.03em}.ov-flow-node p{color:#98a9c3;font-size:11px;line-height:1.8;margin:13px 0 20px}.ov-node-status{display:block;border-top:1px solid #ffffff16;padding-top:12px;font-size:9px;color:#b7c8e3}.ov-exception{display:flex;align-items:center;gap:16px;margin:0 35px 30px;padding:16px 20px;border:1px dashed #52668666;border-radius:7px;background:#0c121d}.ov-exception>span:first-child{font-size:26px;color:#618ac7}.ov-exception strong{display:block;font-size:12px}.ov-exception small{display:block;font-size:10px;color:#95a7c3;margin-top:4px}.ov-exception>.ov-pill{margin-left:auto;flex:none}.system-panel.is-playing .ov-art-grid .ov-creative-card{animation:ov-reveal .65s both}.system-panel.is-playing .ov-art-grid .ov-creative-card:nth-child(2){animation-delay:.2s}.system-panel.is-playing .ov-art-grid .ov-creative-card:nth-child(3){animation-delay:.4s}.system-panel.is-playing .ov-playhead{animation:ov-scrub 2.5s linear both}.system-panel.is-playing .ov-flow-node{animation:ov-glow .7s both}.system-panel.is-playing .ov-flow-node:nth-child(3){animation-delay:.6s}.system-panel.is-playing .ov-flow-node:nth-child(4){animation-delay:1.2s}@keyframes ov-reveal{from{opacity:.35;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes ov-scrub{from{left:20%}to{left:90%}}@keyframes ov-glow{50%{border-color:#9ec4ff;box-shadow:0 0 35px #226aff44}}
@media(max-width:1100px){.ov-creative{grid-template-columns:140px 1fr;gap:15px;padding:20px}.ov-video{grid-template-columns:120px 1fr;gap:15px;padding:20px}.ov-review{display:none}.ov-automation{gap:20px;padding:30px 20px}.ov-flow-node{padding:19px}.ov-flow-node strong{font-size:18px}.ov-command{grid-template-columns:135px 1fr}.ov-command-main{padding:20px}.ov-command-title strong{font-size:21px}.ov-command-title>.ov-pill{display:none}.ov-stat-grid>div{padding:11px}.ov-stat-grid strong{font-size:23px}.ov-card-copy{font-size:21px}.ov-card-meta>span:last-child{font-size:7px}}
@media(max-width:700px){.system-visual.ov-enhanced{padding:16px 10px}.ov-topbar{padding:12px;gap:9px}.ov-topbar>span:nth-child(2){font-size:10px}.ov-tag{display:none}.ov-bottom{padding:10px 12px;font-size:8px;gap:10px;align-items:start}.ov-bottom>span:last-child{text-align:right;max-width:50%}.ov-creative{display:block;padding:12px}.ov-brief{display:none}.ov-art-grid{gap:7px;grid-template-columns:1fr 1fr}.ov-creative-card{min-height:0}.ov-creative-card:last-child{display:none}.ov-art{height:220px}.ov-card-label{font-size:7px;left:10px;top:10px}.ov-card-copy{font-size:23px;left:12px}.ov-card-meta{font-size:7px;padding:10px 7px;flex-wrap:wrap;gap:2px}.ov-card-meta>span:last-child{font-size:7px}.ov-card-1{transform:none}.ov-video{display:block;padding:12px}.ov-media{display:none}.ov-video-art{height:260px}.ov-video-art strong{font-size:42px}.ov-timeline{margin:0 12px 12px;padding:10px}.ov-track label{width:35px;font-size:6px}.ov-ruler{margin-left:40px;font-size:7px}.ov-track>span{font-size:8px;padding:4px}.ov-brand{padding:12px;gap:10px;grid-template-columns:1fr}.ov-brand-main{min-height:280px}.ov-brand-main svg{height:280px}.ov-brand-side{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px}.ov-brand-detail{min-height:185px}.ov-art-direction{padding:8px 0}.ov-art-direction .ov-kicker{font-size:7px}.ov-art-direction>strong{font-size:18px}.ov-art-direction p{font-size:9px}.ov-art-direction .ov-palette{margin:10px 0}.ov-palette i{width:20px;height:20px}.ov-command{display:block}.ov-command-nav{display:none}.ov-command-main{padding:15px}.ov-command-title strong{font-size:20px}.ov-stat-grid{gap:6px;margin:18px 0}.ov-stat-grid>div{padding:9px 7px}.ov-stat-grid small{font-size:6px;letter-spacing:0}.ov-stat-grid strong{font-size:20px}.ov-stat-grid strong span{font-size:8px}.ov-stat-grid p{font-size:8px}.ov-task-table>div{grid-template-columns:1.5fr .8fr 1fr;font-size:8px;gap:7px}.ov-task-table>div:first-child{font-size:7px}.ov-task-table b{font-size:7px;padding:5px}.ov-automation{grid-template-columns:1fr;padding:18px;gap:18px}.ov-flow-node{display:grid;grid-template-columns:39px 1fr;column-gap:14px;padding:17px}.ov-flow-icon{grid-column:1;grid-row:1/5;margin:0}.ov-flow-node>small,.ov-flow-node>strong,.ov-flow-node>p,.ov-flow-node>.ov-node-status{grid-column:2}.ov-flow-node p{margin:8px 0 10px;font-size:10px}.ov-flow-node p br{display:none}.ov-flow-line{top:10%;bottom:10%;left:54px;right:auto;border-top:0;border-left:1px dashed #6c94d6}.ov-exception{margin:0 18px 18px;padding:14px;gap:10px}.ov-exception>.ov-pill{display:none}.ov-exception strong{font-size:11px}.ov-exception small{font-size:9px}.ov-flow-node strong{font-size:19px}.ov-node-status{font-size:8px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.ov-workspace *,.system-panel.is-playing .ov-workspace *{animation:none!important;transition:none!important}}
.ov-workspace svg text{font-family:inherit}

/* Blue brandbook: original glass/chrome assets, no redrawing or rotation. */
.ov-brand-logo{display:block;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.ov-art,.ov-card-2 .ov-art,.ov-video-art,.ov-brand-main{background:radial-gradient(ellipse at 50% 40%,#11203a55,transparent 70%),#060709}
.ov-card-1 .ov-art,.ov-brand-detail{background:#f3f3f3}
.ov-card-1 .ov-brand-logo{content:url('/assets/247-systems/brand-3d-primary.png')}
.ov-art .ov-brand-logo{padding:18px 10px 35px}
.ov-creative-card{background:#08090c}
.ov-card-meta{background:#0d0e12}
.ov-palette i{background:#08090b}.ov-palette i:nth-child(2){background:#fff}.ov-palette i:nth-child(3){background:#0040c0}
.ov-video-art>.ov-brand-logo{position:absolute;width:56%;height:100%;right:0;top:0;object-fit:contain}
.ov-video-art strong{max-width:48%;font-size:clamp(26px,3vw,43px);left:22px}
.ov-clip .ov-brand-logo{object-fit:contain}
.ov-brand-main>.ov-brand-logo{height:360px;width:100%;padding:20px}
.ov-brand-detail>.ov-brand-logo{height:180px;width:100%;content:url('/assets/247-systems/brand-3d-primary.png');padding:8px}
@media(max-width:700px){.ov-art .ov-brand-logo{padding:24px 0 40px}.ov-card-copy{font-size:19px}.ov-brand-main>.ov-brand-logo{height:280px}.ov-video-art strong{font-size:30px;left:16px;top:40px}.ov-video-art>.ov-brand-logo{width:64%;top:35px;height:190px}.ov-caption{font-size:9px;bottom:15px}}