/* Output is a separate application, not a continuation of Hopper's interface. */
#output-panel{background:transparent;border:0;box-shadow:none;padding:0}
#output-panel:before{display:none}
#output-panel .panel-head{padding:0 8px;margin-bottom:10px}
#output-panel .panel-head .number{background:#ffb833}
#output-panel .panel-head p{display:none}
#output-panel .output-top{padding:0 8px;margin:0 0 12px}
#output-panel .output-content{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none!important}
#output-panel .finish-actions{margin-top:12px}
.destination-view{--dv-bg:#f5f6f5;--dv-panel:#fff;--dv-text:#162b34;--dv-soft:#52616a;--dv-line:#cbd3d5;--dv-accent:#df8a16;--dv-dark:#142f3a;--dv-font:Arial,Helvetica,sans-serif;background:var(--dv-bg);color:var(--dv-text);font-family:var(--dv-font);border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #00171e5e}
.destination-view button{font:inherit;cursor:pointer;color:inherit}
.destination-view button:disabled{opacity:.3;cursor:default}
.destination-view h1,.destination-view h2,.destination-view p{margin-top:0}
.destination-view .view-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 25px;background:var(--dv-panel);border-bottom:1px solid var(--dv-line)}
.destination-view .view-header strong{font-size:clamp(17px,2vw,25px);font-weight:900;letter-spacing:-.5px}
.destination-view .view-header span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--dv-soft);text-align:right}
.destination-view .view-intro{padding:clamp(22px,4vw,45px) clamp(18px,4vw,48px) 12px}
.destination-view .view-intro small,.destination-view .view-lead small{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--dv-accent)}
.destination-view .view-intro h1{font-size:clamp(31px,4.6vw,60px);letter-spacing:-1px;line-height:1.07;margin:12px 0}
.destination-view .view-intro p{font-size:18px;color:var(--dv-soft);max-width:690px}
.destination-view .view-lead h1{font-size:clamp(29px,4vw,48px);line-height:1.1;margin:12px 0}
.destination-view .view-lead p{font-size:19px;line-height:1.55;color:var(--dv-soft)}
.destination-view .view-topic-nav{display:flex;gap:8px;padding:14px 24px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--dv-line)}
.destination-view .view-topic-nav button{flex:1;min-width:130px;display:flex;flex-direction:column;gap:10px;text-align:left;border:1px solid var(--dv-line);background:var(--dv-panel);border-radius:8px;padding:14px}
.destination-view .view-topic-nav button span{font-size:12px;color:var(--dv-accent);font-weight:900}
.destination-view .view-topic-nav button strong{font-size:15px}
.destination-view .view-topic-nav button.active{background:var(--dv-dark);color:#fff;border-color:var(--dv-accent);box-shadow:inset 0 4px var(--dv-accent)}
.destination-view .view-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 25px;background:var(--dv-panel);border-top:1px solid var(--dv-line);font-size:12px;font-weight:900;letter-spacing:1px}
.destination-view .view-controls>div{display:flex;gap:8px}
.destination-view .view-controls button{background:var(--dv-dark);color:#fff;border:0;border-radius:7px;padding:11px 15px;min-height:44px}
.destination-view .view-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 25px;background:var(--dv-dark);color:#fff;font-size:10px;letter-spacing:1px;font-weight:700}
.destination-view .view-compare-main,.destination-view .view-pitch-slide,.destination-view .view-immersive-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;align-items:stretch;padding:22px}
.destination-view .view-comparison-summary,.destination-view .view-compare-main>div:first-child{padding:15px}
.destination-view .view-matrix{margin-top:20px;border-top:2px solid var(--dv-accent)}
.destination-view .view-matrix>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--dv-line);font-size:15px}
.destination-view .view-matrix b{font-size:12px;text-transform:uppercase}
.destination-view .view-matrix span{color:var(--dv-soft)}
.destination-view .view-art{min-height:260px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--dv-dark),color-mix(in srgb,var(--dv-dark) 65%,var(--dv-accent)));border-radius:7px;color:#fff}
.destination-view .view-art-ring{position:absolute;border:2px solid var(--dv-accent);border-radius:50%;width:60%;aspect-ratio:1;transform:scaleY(.7) rotate(35deg);opacity:.75;box-shadow:0 0 30px var(--dv-accent)}
.destination-view .view-art-symbol{font-size:clamp(90px,15vw,190px);font-weight:900;opacity:.65;line-height:1}
.destination-view .view-art>span{position:absolute;bottom:15px;left:18px;font-size:11px;letter-spacing:2px;font-weight:800}
.destination-view .view-feature,.destination-view .view-reference{margin:20px 25px 25px;padding:clamp(22px,4vw,45px);background:var(--dv-panel);border-left:5px solid var(--dv-accent);border-radius:6px}
.destination-view .view-prompt{padding:18px;background:color-mix(in srgb,var(--dv-accent) 12%,var(--dv-panel));border-left:3px solid var(--dv-accent);font-weight:700}
.destination-view .view-pitch-slide{min-height:420px;background:var(--dv-dark);color:#fff;align-items:center}
.destination-view .view-pitch-slide .view-lead p{color:#dbe5e7}
.destination-view .view-progress{height:7px;background:var(--dv-line);margin:10px 25px}
.destination-view .view-progress span{display:block;height:100%;background:var(--dv-accent)}
.destination-view .view-assessment blockquote{margin:15px 0 0;padding:17px 23px;border-left:5px solid var(--dv-accent);background:var(--dv-panel);font-size:21px}
.destination-view .view-answers{display:grid;gap:9px;margin:15px 25px}
.destination-view .view-answers button{min-height:58px;border:1px solid var(--dv-line);background:var(--dv-panel);text-align:left;border-radius:7px;padding:16px;font-size:18px}
.destination-view .view-answers button.picked{border:3px solid var(--dv-accent);background:color-mix(in srgb,var(--dv-accent) 15%,var(--dv-panel))}
.destination-view .view-feedback{padding:0 25px;font-weight:700}
.destination-view .view-reference hr{border:0;border-top:1px solid var(--dv-line);margin:25px 0}
.destination-view .view-reference strong{font-size:14px}
.destination-view .view-explorer>.view-art{margin:15px 25px;min-height:250px}
.destination-view .view-immersive-stage{min-height:440px;background:var(--dv-dark);color:#fff;align-items:center}
.destination-view .view-immersive-stage .view-lead p{color:#dbe5e7}
.destination-view .view-immersive-stage button{background:var(--dv-accent);border:0;border-radius:6px;padding:16px 20px;color:#101d20;font-weight:900}
.destination-view .view-finder .view-topic-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.destination-view .view-finder .view-topic-nav button{min-width:0}
.destination-view .view-guide .view-reference{background:var(--dv-panel)}
.destination-view.theme-industrial{--dv-bg:#f2f1eb;--dv-panel:#fff;--dv-text:#20272c;--dv-soft:#535d63;--dv-line:#c6c8c7;--dv-accent:#e2a400;--dv-dark:#1b2b35;--dv-font:"Arial Narrow",Arial,sans-serif}
.destination-view.theme-medical{--dv-bg:#f5fbfc;--dv-panel:#fff;--dv-text:#163c4a;--dv-soft:#4c707d;--dv-line:#c7e0e6;--dv-accent:#0097a9;--dv-dark:#0c4d66;--dv-font:Arial,Helvetica,sans-serif}
.destination-view.theme-travel{--dv-bg:#fff7ed;--dv-panel:#fffcf6;--dv-text:#50362c;--dv-soft:#84675b;--dv-line:#e7cfc0;--dv-accent:#e76b45;--dv-dark:#754a4d;--dv-font:Georgia,serif}
.destination-view.theme-sports{--dv-bg:#131715;--dv-panel:#202822;--dv-text:#f8fff3;--dv-soft:#c5d4c4;--dv-line:#47534b;--dv-accent:#b7ff40;--dv-dark:#0a0f0c;--dv-font:Arial,Helvetica,sans-serif}
.destination-view.theme-retail{--dv-bg:#fff8f3;--dv-panel:#fff;--dv-text:#432b32;--dv-soft:#775d64;--dv-line:#e7d1d8;--dv-accent:#d84469;--dv-dark:#61293f;--dv-font:Georgia,serif}
.destination-view.theme-product{--dv-bg:#f7f6ff;--dv-panel:#fff;--dv-text:#2b2446;--dv-soft:#625c79;--dv-line:#d6d1e8;--dv-accent:#7653c7;--dv-dark:#292044;--dv-font:Arial,Helvetica,sans-serif}
.destination-view.theme-agricultural{--dv-bg:#f6f4e8;--dv-panel:#fffdf6;--dv-text:#243d29;--dv-soft:#617260;--dv-line:#d1d9c8;--dv-accent:#7a9a3e;--dv-dark:#214833;--dv-font:Georgia,serif}
@media(max-width:740px){#output-panel .panel-head{padding:0 8px}#output-panel .output-top{padding:0 8px}.destination-view{border-radius:9px}.destination-view .view-header{padding:15px}.destination-view .view-header strong{font-size:18px}.destination-view .view-header span{font-size:9px}.destination-view .view-compare-main,.destination-view .view-pitch-slide,.destination-view .view-immersive-stage{grid-template-columns:1fr;padding:12px}.destination-view .view-art{min-height:185px}.destination-view .view-topic-nav{padding:10px;gap:7px}.destination-view .view-topic-nav button{min-width:120px;padding:11px}.destination-view .view-finder .view-topic-nav{grid-template-columns:1fr 1fr}.destination-view .view-finder .view-topic-nav button{min-width:0}.destination-view .view-feature,.destination-view .view-reference{margin:12px;padding:19px}.destination-view .view-matrix>div{grid-template-columns:1fr;gap:4px}.destination-view .view-intro{padding:24px 17px 10px}.destination-view .view-controls{padding:12px;gap:6px}.destination-view .view-controls button{padding:10px;font-size:12px}.destination-view .view-footer{padding:12px;font-size:9px;flex-direction:column}.destination-view .view-answers{margin:12px}.destination-view .view-pitch-slide{min-height:0}.destination-view .view-immersive-stage{min-height:0}}

/* Showcase art direction: outputs are finished branded destinations, not Hopper cards */
.destination-view{font-size:16px;letter-spacing:-.01em}
.destination-view .view-header{min-height:77px}
.destination-view .view-header strong{letter-spacing:-.045em}
.destination-view .view-header span{font-size:10px}
.destination-view .view-intro h1,.destination-view .view-lead h1{letter-spacing:-.055em;font-weight:900}
.destination-view .view-intro h1{max-width:780px}
.destination-view .view-compare-main{gap:0;padding:0}
.destination-view .view-compare-main>div:first-child{padding:clamp(22px,4vw,52px)}
.destination-view .view-compare-main .view-art{border-radius:0;min-height:440px}
.destination-view .view-pitch-slide{padding:0;gap:0}
.destination-view .view-pitch-slide .view-lead{padding:clamp(24px,5vw,55px)}
.destination-view .view-pitch-slide .view-art{border-radius:0;min-height:460px}
.destination-view .view-immersive-stage{padding:0;gap:0}
.destination-view .view-immersive-stage .view-art{border-radius:0;min-height:480px}
.destination-view .view-immersive-stage>div:last-child{padding:clamp(23px,4vw,50px)}
.destination-view .view-explorer>.view-art{margin:0;border-radius:0;min-height:390px}
.destination-view .view-topic-nav{background:color-mix(in srgb,var(--dv-panel) 82%,var(--dv-bg));gap:10px}
.destination-view .view-topic-nav button{transition:background .2s,transform .2s;border-radius:5px}
.destination-view .view-topic-nav button:hover{transform:translateY(-2px)}
.destination-view .view-topic-nav button.active{background:var(--dv-dark);box-shadow:inset 0 5px var(--dv-accent),0 5px 14px #0002}
.destination-view .view-art{isolation:isolate;background:linear-gradient(125deg,var(--dv-dark),color-mix(in srgb,var(--dv-dark) 40%,var(--dv-accent)));overflow:hidden}
.destination-view .view-art:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 70% 28%,color-mix(in srgb,var(--dv-accent) 75%,white) 0%,transparent 42%),linear-gradient(160deg,transparent 35%,#0007 100%);opacity:.55}
.destination-view .view-art-composition{position:absolute;inset:0;display:grid;place-items:center;perspective:900px}
.destination-view .view-art-orbit{position:absolute;width:64%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--dv-accent) 65%,white);border-radius:50%;transform:rotate(-30deg) scaleY(.55);box-shadow:0 0 55px color-mix(in srgb,var(--dv-accent) 40%,transparent);opacity:.8}
.destination-view .view-art-orbit.orbit-two{width:88%;transform:rotate(55deg) scaleY(.48);opacity:.35}
.destination-view .view-art-object{width:40%;height:50%;position:relative;transform:rotateY(-22deg) rotateX(12deg) rotateZ(-9deg);border-radius:19%;background:linear-gradient(135deg,color-mix(in srgb,var(--dv-accent) 85%,white),var(--dv-dark) 75%);box-shadow:25px 25px 45px #0008,-8px -8px 35px #fff3,inset -12px -12px 22px #0005;border:2px solid #ffffff44}
.destination-view .view-art-object i{position:absolute;display:block;background:#ffffff80;border-radius:50%}
.destination-view .view-art-object i:nth-child(1){width:45%;height:4%;top:18%;left:16%;border-radius:5px}
.destination-view .view-art-object i:nth-child(2){width:18%;height:18%;top:42%;left:18%}
.destination-view .view-art-object i:nth-child(3){width:18%;height:18%;top:42%;right:18%;opacity:.45}
.destination-view .view-art-mark{position:absolute;right:8%;top:2%;font-size:clamp(130px,22vw,320px);font-weight:900;color:#fff;opacity:.075;line-height:1}
.destination-view .view-art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95)}
.destination-view .view-art:has(.view-art-photo):before{z-index:1;background:linear-gradient(0deg,#061a1cbb,transparent 55%)}
.destination-view .view-art-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:5px;padding:clamp(16px,3vw,32px);color:white;text-shadow:0 2px 9px #0009}
.destination-view .view-art-caption span{font-size:11px;font-weight:900;letter-spacing:2px;color:color-mix(in srgb,var(--dv-accent) 65%,white)}
.destination-view .view-art-caption strong{font-size:clamp(20px,3vw,32px);line-height:1.08;letter-spacing:-.04em}
.destination-view.theme-medical .view-art-object{border-radius:40% 40% 14% 14%;transform:rotateY(-20deg) rotateZ(-7deg)}
.destination-view.theme-sports .view-art-object{border-radius:50%;transform:rotateY(-25deg) rotateZ(20deg)}
.destination-view.theme-travel .view-art-object{border-radius:35% 10% 35% 10%;transform:rotateY(-20deg) rotateZ(-18deg)}
.destination-view.theme-retail .view-art-object{border-radius:12px;transform:rotateY(-30deg) rotateX(10deg)}
.destination-view.theme-industrial .view-art-object{border-radius:8px;transform:rotateY(-25deg) rotateX(15deg)}
.destination-view.theme-product .view-art-object{border-radius:50% 18% 30% 18%}
.destination-view .view-controls button{transition:background .2s,transform .2s}
.destination-view .view-controls button:not(:disabled):hover{background:var(--dv-accent);color:var(--dv-dark);transform:translateY(-1px)}
@media(max-width:740px){
.destination-view .view-compare-main{grid-template-columns:1fr}
.destination-view .view-compare-main .view-art{min-height:280px}
.destination-view .view-pitch-slide .view-art{min-height:260px}
.destination-view .view-immersive-stage .view-art{min-height:290px}
.destination-view .view-explorer>.view-art{min-height:270px}
.destination-view .view-art-object{width:32%;height:42%}
.destination-view .view-immersive-stage>div:last-child{padding:24px}
.destination-view .view-art-caption strong{font-size:24px}
.destination-view .view-header{min-height:62px}
}

/* Medical showcase: editorial-white destination with actual scene-specific vector infographics */
.destination-view.theme-medical{--dv-bg:#f8f9fd;--dv-panel:#fff;--dv-text:#1d2743;--dv-soft:#626b85;--dv-line:#dce1ed;--dv-accent:#7264e5;--dv-dark:#202d57;--dv-font:Arial,Helvetica,sans-serif}
.destination-view.theme-medical .view-header{background:#fff}
.destination-view.theme-medical .view-header strong{font-size:clamp(18px,2vw,26px);letter-spacing:-1.2px;color:#1b294d}
.destination-view.theme-medical .view-explorer{background:#fff}
.destination-view.theme-medical .view-explorer .view-intro{padding-bottom:8px}
.destination-view.theme-medical .view-explorer .view-intro h1{font-weight:900;font-size:clamp(31px,4vw,49px);letter-spacing:-1.8px}
.destination-view.theme-medical .view-explorer .view-intro small{color:#7162d9}
.destination-view.theme-medical .view-explorer .view-topic-nav{background:#f5f6fb;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px;gap:9px}
.destination-view.theme-medical .view-explorer .view-topic-nav button{min-width:0;background:#fff;border:1px solid #dfe3ef;box-shadow:0 2px 7px #1520400b;border-radius:9px;padding:15px 12px;min-height:95px}
.destination-view.theme-medical .view-explorer .view-topic-nav button.active{background:#292c61;color:#fff;border-color:#292c61;box-shadow:0 6px 16px #272a6240}
.destination-view.theme-medical .view-explorer .view-topic-nav button span{color:#8c7be6}
.destination-view.theme-medical .view-explorer .view-topic-nav button.active span{color:#fff}
.destination-view.theme-medical .view-explorer .view-controls{background:#fff}
.destination-view.theme-medical .view-explorer .view-controls button{background:#292c61}
.destination-view.theme-medical .view-footer{background:#292c61}
.medical-visual{background:#f3f5fb;overflow:hidden;margin:0;border-top:1px solid #e4e8f2;border-bottom:1px solid #e4e8f2}
.medical-visual-top,.medical-visual-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 24px;background:#f9faff;color:#65718b;font:800 11px/1.3 Arial,sans-serif;letter-spacing:1.3px}
.medical-visual svg{display:block;width:100%;height:auto;max-height:410px}
.medical-visual-foot{background:#fff;color:#1d2743;letter-spacing:0}
.medical-visual-foot strong{font-size:18px}
.medical-visual-foot span{color:#7466c6;font-size:12px}
@media(max-width:740px){.destination-view.theme-medical .view-explorer .view-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.destination-view.theme-medical .view-explorer .view-topic-nav button{min-height:74px;padding:10px}.medical-visual-top,.medical-visual-foot{padding:12px;font-size:10px}.medical-visual-foot strong{font-size:15px}.medical-visual svg{max-height:none}.destination-view.theme-medical .view-explorer .view-intro{padding:20px 17px 8px}}