/* Dedicated creative workspace; scoped to avoid changing the rest of PSK. */
body.vz-expanded{overflow:hidden!important}
body.vz-expanded #view,body #view:fullscreen{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;z-index:10000;background:#181c20;overflow:auto!important}
body.vz-expanded .vz-studio{border-radius:0;min-height:100%;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
body.vz-expanded .vz-top{position:sticky;top:0;z-index:3;background:#181c20;padding:6px 0}
body.vz-expanded .vz-stage{height:58vh;height:58dvh}
.vz-fullscreen{flex-shrink:0}
body.warm-modern[data-screen=visualization] main>.workspace{grid-template-columns:minmax(0,1fr)!important;display:block!important}
body.warm-modern[data-screen=visualization] .context-rail{display:none!important}
body.warm-modern[data-screen=visualization] #view{padding:0!important;height:100%;overflow:auto}
body.warm-modern[data-screen=visualization] main>.command-bar{display:none!important}
body.warm-modern[data-screen=visualization]>main{grid-template-rows:0 52px auto minmax(0,1fr)!important}
.vz-studio{--vz-surface:#22272b;--vz-border:#ffffff1c;background:#181c20;color:#e9e9e4;border-radius:18px;min-height:100%;padding:18px;box-sizing:border-box}
.vz-studio :is(button,input,textarea,select){font-family:inherit!important}.vz-studio *{box-sizing:border-box}
body.warm-modern .vz-studio :is(h1,h2,h3,p,small,span,label){color:inherit!important;text-shadow:none!important}
body.warm-modern .vz-studio h2{font-size:19px;margin:4px 0 0}.vz-top small{color:#c7b99b!important;font-size:10px;letter-spacing:.15em}
.vz-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.vz-top>div{margin-right:auto}.vz-top select{max-width:210px}
body.warm-modern .vz-studio :is(input,textarea,select){background:#292f34!important;color:#eeeae1!important;border-color:#495057!important;border-radius:9px;padding:10px;font-size:13px;box-sizing:border-box}
body.warm-modern .vz-studio button.vz-button{background:#30363b!important;color:#ecece6!important;border:1px solid #ffffff20!important;font-size:12px;min-height:34px;padding:8px 10px;border-radius:8px;text-shadow:none!important;box-shadow:none!important;white-space:normal}
body.warm-modern .vz-studio button.vz-button[aria-pressed=true]{background:#e5c995!important;color:#252822!important;border-color:#e5c995!important}
body.warm-modern .vz-studio button.vz-final{background:#d8b77e!important;color:#252822!important;font-weight:700}
.vz-status{min-height:20px;font-size:12px;color:#dacaa8!important;margin:8px 0 14px;line-height:1.5}
.vz-layout{display:grid;grid-template-columns:112px minmax(0,1fr) 250px;gap:14px;min-height:550px}
.vz-tools{display:flex;flex-direction:column;gap:8px}.vz-tools button{width:100%}
.vz-center{min-width:0;display:flex;flex-direction:column;gap:10px}.vz-stage{background:radial-gradient(ellipse at center,#353e44,#20262b 70%);min-height:360px;height:48vh;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;border:1px solid var(--vz-border);border-radius:14px;position:relative}
.vz-image-wrap{position:relative;width:100%;max-height:none;flex-shrink:0;line-height:0}.vz-image-wrap[hidden],.vz-empty[hidden]{display:none!important}.vz-image-wrap img{width:100%;height:auto;display:block;max-width:none;max-height:none;border-radius:0}.vz-image-wrap svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.vz-image-wrap[data-tool=view] svg{pointer-events:none;touch-action:auto}.vz-mark{fill:transparent;stroke:#ff658b;stroke-width:3;vector-effect:non-scaling-stroke}.vz-pin{fill:#d8436c;stroke:white;stroke-width:1}.vz-pin-text{fill:white;font-size:19px;font-family:Arial;font-weight:bold}
.vz-empty{padding:35px;text-align:center;max-width:440px;color:#a9b4bb}.vz-empty-symbol{font-size:56px}.vz-empty p{font-size:13px;line-height:1.8}.vz-image-info{font-size:11px;color:#b8c0c5}.vz-history{display:flex;gap:7px;overflow:auto;align-items:center;padding-bottom:4px}.vz-history>small{font-size:9px;letter-spacing:.12em;margin-right:5px}.vz-history button{flex-shrink:0}
.vz-prompt{background:#242a2e;border:1px solid var(--vz-border);border-radius:12px;padding:10px}.vz-prompt textarea{width:100%;min-height:76px;resize:vertical}.vz-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:8px}.vz-prompt>small{display:block;font-size:10px;margin-top:10px;line-height:1.5;opacity:.7}
.vz-inspector{border-left:1px solid var(--vz-border);padding-left:14px;display:flex;flex-direction:column;gap:14px}.vz-inspector h3{font-size:13px!important;margin:0 0 8px}.vz-comments{max-height:350px;overflow:auto}.vz-comment{border:1px solid var(--vz-border);border-radius:9px;padding:7px;margin-bottom:8px}.vz-comment.selected{border-color:#c5a770}.vz-comment>div{display:flex;justify-content:space-between;margin-bottom:5px}.vz-comment textarea{width:100%;resize:vertical}.vz-muted{font-size:12px;line-height:1.7;opacity:.65}.vz-presets{display:flex;gap:6px;flex-wrap:wrap}.vz-presets h3{width:100%}.vz-source small{display:block;font-size:11px;line-height:1.7;margin-bottom:8px;opacity:.6}
.vz-welcome{padding:7vh 5vw 4vh;max-width:1050px;margin:auto}.vz-welcome>small{letter-spacing:.2em;font-size:10px;color:#ceb68e!important}.vz-welcome h1{font-size:clamp(28px,3.6vw,54px)!important;margin:20px 0;max-width:630px}.vz-welcome>p{color:#adb7bb!important;max-width:600px;line-height:1.8}.vz-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.vz-features>div{border-top:1px solid #ac9a724d;padding-top:20px}.vz-features h3{font-size:14px!important}.vz-features p{font-size:13px;line-height:1.6;opacity:.65}.vz-library{display:flex;gap:10px;flex-wrap:wrap;padding:20px 5vw}.vz-dialog{max-width:500px;width:calc(100% - 35px);box-sizing:border-box}.vz-dialog input,.vz-dialog select{width:100%;margin:8px 0 20px}.vz-dialog label{display:block}.vz-dialog button{margin:5px}
@media(max-width:1200px){.vz-layout{grid-template-columns:90px minmax(0,1fr)}.vz-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--vz-border);padding:15px 0;display:grid;grid-template-columns:1fr 1fr}.vz-comments{max-height:250px}.vz-inspector>h3{grid-column:1/-1}.vz-stage{height:45vh}}
@media(max-width:650px){body.warm-modern[data-screen=visualization]>main{display:block!important;padding-bottom:12px!important}.vz-studio{padding:10px;border-radius:12px}.vz-top{flex-wrap:wrap}.vz-top>div{width:100%}.vz-top select{max-width:calc(100% - 155px);flex:1}.vz-top h2{font-size:17px!important}.vz-layout{display:flex;flex-direction:column;gap:10px}.vz-tools{flex-direction:row;overflow:auto;padding-bottom:5px}.vz-tools button{width:auto;flex-shrink:0}.vz-stage{height:38vh;min-height:240px}.vz-inspector{display:block}.vz-presets{margin:15px 0}.vz-source{margin:15px 0}.vz-comments{max-height:none}.vz-features{grid-template-columns:1fr;gap:12px;margin-top:25px}.vz-welcome{padding:30px 12px}.vz-welcome h1{font-size:32px!important}.vz-actions button{flex:1}.vz-actions .vz-final{min-width:100%}.vz-image-info{padding:2px}.vz-prompt textarea{font-size:14px!important}}

.vz-image-wrap[data-tool=view] img{cursor:zoom-in;touch-action:pan-x pan-y pinch-zoom}
body.warm-modern .vz-dialog input[type=checkbox]{width:auto;margin:8px 8px 8px 0}
body.vz-expanded .vz-stage{height:65dvh}

body.warm-modern .vz-references{border:1px solid #ffffff25;border-radius:10px;padding:10px;min-width:0}
.vz-references summary{cursor:pointer;font-size:13px;font-weight:650}.vz-reference-list{max-height:420px;overflow:auto}.vz-reference-card{border-top:1px solid #ffffff25;padding-top:9px;margin:10px 0}.vz-reference-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.vz-reference-card strong{font-size:12px}.vz-reference-card img{display:block;width:100%;height:105px;object-fit:contain;background:#1d2327;border-radius:7px;margin:8px 0}.vz-reference-card :is(select,textarea){width:100%;max-width:100%;margin:4px 0}.vz-reference-card textarea{resize:vertical}.vz-references>.vz-muted{font-size:11px;line-height:1.5}
html body dialog#psk-vz-templates{width:min(760px,calc(100vw - 32px));max-width:760px;max-height:90dvh;overflow:auto;box-sizing:border-box;padding:24px}#psk-vz-templates textarea{width:100%;min-height:240px;resize:vertical;box-sizing:border-box;font:14px/1.6 system-ui}#psk-vz-templates h2{font-size:20px}#psk-vz-templates select{width:100%}#psk-vz-templates .vz-muted{font-size:12px}
@media(max-width:650px){.vz-reference-list{max-height:330px}.vz-reference-card img{height:130px}html body dialog#psk-vz-templates{padding:14px}#psk-vz-templates textarea{min-height:220px}}

/* Keep the annotation plane aligned with the whole fitted image. */
html body .vz-stage{min-width:0;box-sizing:border-box}
html body .vz-image-wrap{flex:none;max-width:none;max-height:none}
html body .vz-image-wrap img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;margin:0!important;padding:0!important}

.vz-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 14px}.vz-pipeline>div{padding:10px 12px;border:1px solid var(--vz-border);border-radius:9px;background:var(--vz-surface)}.vz-pipeline strong{display:block;font-size:12px}.vz-pipeline small{display:block;font-size:10px;line-height:1.5;margin-top:4px;opacity:.8}.vz-pipeline .active{border-color:#d8b77e}.vz-upscale{padding:10px 12px;border:1px solid var(--vz-border);border-radius:10px;background:var(--vz-surface)}.vz-upscale strong{font-size:12px}.vz-upscale p{font-size:11px;line-height:1.6;margin:6px 0}.vz-upscale button{margin-right:8px}.vz-studio button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:900px){.vz-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:651px){html body.warm-modern[data-screen=visualization] .vz-stage{min-height:280px}.vz-pipeline>div{padding:7px 10px}}