/* V5: purposeful controls, coherent working surfaces, no decorative autoplay. */
.workbench-v5 {--wb-ink:#edf3ff;--wb-muted:#a7bbd6;--wb-line:#314866;--wb-surface:#101e33;--wb-accent:#b9a1ff;}
.workbench-v5 .section.container {padding-block:58px;scroll-margin-top:98px;}
.workbench-v5 .section > .section-title {font-size:clamp(27px,3.3vw,40px);line-height:1.35;margin-bottom:16px;}
.workbench-v5 .section > .subtitle {font-size:clamp(14px,1.5vw,18px);margin-bottom:28px;}
.workbench-v5 .section-title-underline {height:3px;width:56px;margin-bottom:18px;}
.workbench-v5 [hidden] {display:none!important;}
.workbench-v5 :is(.wb-button,.wb-hover-header,.wb-focal-presets .card,.preset-badge):focus-visible {outline:2px solid #bce9ff;outline-offset:4px;}
.workbench-v5 .wb-button {font:inherit;font-size:13px;line-height:1.5;min-height:42px;padding:10px 16px;border-radius:10px;border:1px solid #4b6589;background:#192c47;color:#dce9ff;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;}
.workbench-v5 .wb-button:hover {background:#293c5f;border-color:#aa9aec;box-shadow:0 4px 18px #0002;}
.workbench-v5 .wb-button[aria-pressed=true] {color:#fff;background:#483966;border-color:#c5abfa;box-shadow:inset 0 0 0 1px #c5abfa44;}
.workbench-v5 .wb-button[aria-pressed=true] {font-weight:700;outline:1px solid #c5abfa;outline-offset:-4px;}
.workbench-v5 .wb-note,.workbench-v5 .wb-caption {font-size:12px;line-height:1.8;color:var(--wb-muted);}
.workbench-v5 .wb-note {margin:12px 0 0;}
.workbench-v5 .wb-eyebrow {color:#9bcbef;font-size:10px;letter-spacing:.16em;margin-bottom:10px;}
.workbench-v5 .wb-course-tools {display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:25px;border:1px solid #345173;border-radius:12px;background:#142136;}
.workbench-v5 .wb-switch {display:flex;align-items:center;gap:10px;color:#c9d9f3;font-size:13px;}
.workbench-v5 .wb-switch input {width:18px;height:18px;accent-color:#b7a0ff;padding:0;}
.workbench-v5.wb-presentation :is(.teaching-detail-body p,.wb-note,.wb-caption,.wb-prompt-part strong,.wb-button,.lp-note,.lp-button,.card p) {font-size:17px!important;line-height:1.85!important;}
.workbench-v5 .wb-hover-header {cursor:pointer;transition:background .2s;}
.workbench-v5 .wb-hover-header:hover {background:linear-gradient(105deg,#293354,#26244155);}
.workbench-v5 .wb-hover-header:hover .expand-icon {background:#7854b8;color:white;}
.workbench-v5 .wb-camera-grid,.workbench-v5 .wb-render-grid {display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:24px!important;align-items:start;}
.workbench-v5 .wb-camera-grid>div,.workbench-v5 .wb-render-grid>div {min-width:0!important;}
.workbench-v5 .wb-camera-view,.workbench-v5 .wb-camera-controls,.workbench-v5 .wb-render-view,.workbench-v5 .wb-render-basics {border:1px solid var(--wb-line);border-radius:20px;background:linear-gradient(140deg,#14243a,#0e192d);overflow:hidden;}
.workbench-v5 .wb-camera-view {padding:12px;}
.workbench-v5 #camera .camera-preview {height:auto!important;aspect-ratio:16/11;border:0;border-radius:12px;overflow:hidden;}
.workbench-v5 #cameraImage {width:100%;height:100%;object-fit:cover;max-height:none;border-radius:0;transform-origin:50% 50%;}
.workbench-v5 #camera .wb-camera-toolbar {gap:8px!important;margin-top:12px!important;}
.workbench-v5 .wb-camera-toolbar button {font-size:12px;padding:9px 12px;border-radius:9px;min-height:40px;}
.workbench-v5 .wb-camera-toolbar button[aria-pressed=true] {background:#354365;color:#e5e3ff;border-color:#a89ad5;}
.workbench-v5 .wb-camera-controls .settings-panel {margin:0;padding:22px;border:0;border-radius:0;background:transparent;}
.workbench-v5 .wb-camera-controls {align-self:stretch;}
.workbench-v5 #camera .camera-grid::before,.workbench-v5 #camera .camera-grid::after {content:none;}
.workbench-v5 #camera .camera-grid {--line-a:33.333%;--line-b:66.667%;background-image:linear-gradient(#f2f8ffb3,#f2f8ffb3),linear-gradient(#f2f8ffb3,#f2f8ffb3),linear-gradient(#f2f8ffb3,#f2f8ffb3),linear-gradient(#f2f8ffb3,#f2f8ffb3);background-size:1px 100%,1px 100%,100% 1px,100% 1px;background-position:var(--line-a) 0,var(--line-b) 0,0 var(--line-a),0 var(--line-b);background-repeat:no-repeat;}
.workbench-v5 #camera .camera-grid.golden {--line-a:38.2%;--line-b:61.8%;}
.workbench-v5 #focalLength {padding:0;border:0;height:7px;margin:15px 0;accent-color:#bfa8ff;}
.workbench-v5 .wb-fov-diagram {max-width:260px;margin:10px auto 0;}
.workbench-v5 .wb-fov-diagram svg {display:block;width:100%;}
.workbench-v5 .wb-readout {font-size:12px;color:#d2bdf8;line-height:1.8;margin-top:14px;}
.workbench-v5 #camera .wb-focal-presets {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px!important;}
.workbench-v5 #camera .wb-focal-presets .card {padding:10px!important;box-shadow:none;text-align:left!important;background:#101c2f;}
.workbench-v5 .wb-framing {height:100px;overflow:hidden;border-radius:8px;margin-bottom:12px;position:relative;}
.workbench-v5 .wb-framing::after {content:'';position:absolute;inset:12px 24%;border:1px solid #d5eaff;box-shadow:0 0 0 100px #04122244;}
.workbench-v5 .wb-framing img {width:100%;height:100%;object-fit:cover;pointer-events:none;}
.workbench-v5 .wb-focal-presets .card.active {border-color:#c6b0ff!important;background:#242b48!important;}
.workbench-v5 .wb-focal-presets h4,.workbench-v5 .wb-focal-presets p {margin-inline:6px;}
.workbench-v5 .wb-render-grid {grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr);}
.workbench-v5 .wb-render-basics {padding:22px;margin-bottom:14px;}
.workbench-v5 .wb-render-basics h3 {font-size:19px;margin-bottom:15px;}
.workbench-v5 .wb-segment {display:flex;gap:8px;margin-bottom:16px;}
.workbench-v5 .wb-segment button {flex:1;padding-inline:8px;}
.workbench-v5 #group-output .setting-item {gap:12px;min-height:48px;}
.workbench-v5 #group-output input[type=number] {width:108px;min-width:0;}
.workbench-v5 #group-output input[type=range] {min-width:0;}
.workbench-v5 .render-settings {padding:16px!important;margin:0;border-radius:13px;}
.workbench-v5 .render-settings-summary {font-size:14px;}
.workbench-v5 .wb-output-more {margin-top:12px;border:1px solid var(--wb-line);border-radius:12px;padding:14px;background:#101c30;}
.workbench-v5 .wb-output-more>summary {font-size:13px;cursor:pointer;color:#b9cae8;}
.workbench-v5 .wb-render-view {padding:18px;}
.workbench-v5 .wb-render-view>p:not(.wb-eyebrow) {font-size:13px;line-height:1.8;}
.workbench-v5 #compareContainer {height:auto;aspect-ratio:16/10;border-radius:12px;}
.workbench-v5 .wb-render-observe {font-size:13px;line-height:1.8;margin-top:18px;padding:16px;border-left:2px solid #9c87d7;background:#25325166;color:#b7cbe4;}
.workbench-v5 .wb-render-gallery {margin-top:22px!important;padding:20px;border:1px solid var(--wb-line);border-radius:16px;background:#0f1b2d;}
.workbench-v5 .wb-render-gallery .effect-gallery {grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.workbench-v5 .wb-render-gallery .gallery-item {height:auto;aspect-ratio:1.4;}
.workbench-v5 .wb-render-gallery .gallery-item span {font-size:12px;}
.workbench-v5 #light .lighting-preview,.workbench-v5 #light-control-dock,.workbench-v5 .light-actions,.workbench-v5 .light-feedback {width:100%;max-width:none;}
.workbench-v5 #light .lighting-preview {max-height:none;aspect-ratio:2.2;height:auto;}
.workbench-v5 .wb-light-method {display:flex;align-items:center;justify-content:center;gap:12px;margin:-3px 0 18px;font-size:12px;color:#9aacc9;}
.workbench-v5 .wb-light-method .tab {padding:8px 15px;font-size:12px;}
.workbench-v5 .wb-light-live {min-height:43px;color:#c7b5f5;background:#212c4755;border-left:2px solid #a78bda;padding:10px 14px;margin-top:12px;font-size:13px;line-height:1.75;}
.workbench-v5 .wb-light-observation {display:flex;align-items:center;gap:14px;margin-top:12px;}
.workbench-v5 .wb-hotspots {position:absolute;inset:0;z-index:4;pointer-events:none;}
.workbench-v5 .wb-hotspots button {position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#112a43eb;border-color:#aadaff;box-shadow:0 0 0 5px #c7eaff25;font-size:12px;min-height:38px;padding:6px 12px;}
.workbench-v5 .wb-observe-note {font-size:13px;line-height:1.8;margin-top:12px;padding:14px;background:#1d2c47;border-radius:10px;color:#d3def2;}
.workbench-v5 #ai .wb-ai-workbench {display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:24px;align-items:start;}
.workbench-v5 #ai .wb-ai-workbench>.left-panel,.workbench-v5 #ai .wb-ai-workbench>.right-panel {width:auto!important;min-width:0;max-width:none;flex:initial;padding:0;border:0;background:none;box-shadow:none;}
.workbench-v5 #ai .model-thumb {width:100%!important;height:auto!important;aspect-ratio:16/10;border:1px solid #476587;border-radius:16px;box-shadow:none;overflow:hidden;}
.workbench-v5 #ai #ai-subject-image {width:100%;height:100%;object-fit:cover;}
.workbench-v5 #ai .model-selector {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;}
.workbench-v5 #ai .model-option {width:100%;min-width:0;min-height:54px;padding:10px;}
.workbench-v5 #ai .model-option i {font-size:20px;}
.workbench-v5 #ai .wb-ai-workbench h3 {font-size:22px;line-height:1.5;margin-bottom:20px;}
.workbench-v5 .wb-ai-steps {display:flex;gap:10px;justify-content:center;margin:24px 0 18px;flex-wrap:wrap;}
.workbench-v5 .wb-ai-steps span {font-size:12px;border:1px solid #40506c;padding:8px 18px;border-radius:30px;background:#18243a;color:#c7d6ed;}
.workbench-v5 .wb-ai-steps span:first-child {border-color:#a48dde;color:#d6bfff;}
.workbench-v5 .wb-ai-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.workbench-v5 .wb-ai-fields .form-group {min-width:0!important;margin-bottom:12px;}
.workbench-v5 #ai .form-group label {font-size:13px;}
.workbench-v5 #ai :is(select,input) {font-size:14px;min-width:0;padding:12px;border-radius:10px;}
.workbench-v5 .wb-ai-chips {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;}
.workbench-v5 .wb-ai-chips .wb-button {font-size:12px;min-height:36px;padding:8px 12px;}
.workbench-v5 .wb-ai-status {font-size:12px;color:#aad9cd;line-height:1.8;margin:10px 0 16px;}
.workbench-v5 .wb-ai-preview-note {font-size:11px;color:#a2b6d0;margin-top:14px;line-height:1.8;}
.workbench-v5 .wb-ai-mission {display:none;}
.workbench-v5 .wb-ai-mission h4 {font-size:15px;margin:9px 0;}
.workbench-v5 .wb-ai-mission p {font-size:13px;color:#afc0d8;line-height:1.8;}
.workbench-v5 .wb-prompt-box,.workbench-v5 .wb-ai-compare {grid-column:1/-1;padding:22px;border:1px solid #546582;border-radius:16px;background:#0c1729;min-width:0;}
.workbench-v5 .wb-prompt-header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.workbench-v5 .wb-prompt-header h4 {font-size:16px;}
.workbench-v5 .wb-prompt-live {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.workbench-v5 .wb-prompt-part {padding:12px;border:1px solid #344964;border-radius:9px;background:#14243b;overflow-wrap:anywhere;}
.workbench-v5 .wb-prompt-part span {display:block;font-size:10px;color:#a6b8d5;margin-bottom:6px;}
.workbench-v5 .wb-prompt-part strong {font-weight:500;font-size:13px;line-height:1.8;color:#d8e6f9;}
.workbench-v5 .wb-prompt-part:last-child {grid-column:span 2;}
.workbench-v5 .wb-prompt-full {font-size:13px;line-height:1.9;margin:18px 0;color:#a8bfdc;overflow-wrap:anywhere;user-select:text;}
.workbench-v5 .wb-copy-fallback {display:block;width:100%;margin-top:10px;font:inherit;line-height:1.8;resize:vertical;}
.workbench-v5 .wb-actions {display:flex;flex-wrap:wrap;gap:10px;}
.workbench-v5 .wb-ai-versions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
.workbench-v5 .wb-version-card {min-width:0;padding:16px;border:1px solid #3c5470;border-radius:13px;background:#142138;}
.workbench-v5 .wb-version-card h4 {font-size:15px;margin-bottom:14px;}
.workbench-v5 .wb-version-card .wb-prompt-part {margin-bottom:8px;}
.workbench-v5 .wb-version-card .wb-button {margin-top:8px;}
.workbench-v5 .wb-part-changed {border-color:#b78bcd;background:#442e5055;}
.workbench-v5 .wb-ai-reason {display:block;font-size:14px;color:#d2d9ed;margin-top:18px;}
.workbench-v5 .wb-ai-reason textarea {display:block;width:100%;font:inherit;line-height:1.8;margin-top:8px;resize:vertical;}
.workbench-v5 .light-compare-actions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.workbench-v5 .light-compare-actions>span {grid-column:1/-1;}
.workbench-v5 .light-compare-actions button {min-width:0;padding-inline:8px;}
@media(min-width:721px) and (max-width:1100px){.workbench-v5 #ai .model-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.workbench-v5 .light-compare-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.workbench-v5 .wb-flash {animation:wbFlash .6s ease-out;}
@keyframes wbFlash {from{box-shadow:0 0 0 2px #a6d7f788}to{box-shadow:0 0 0 2px transparent}}
@media(min-width:1200px){.workbench-v5 .wb-camera-view{align-self:stretch;display:flex;flex-direction:column}.workbench-v5 #camera .camera-preview{flex:1;min-height:300px;aspect-ratio:auto}}
@media(max-width:1000px){.workbench-v5 .wb-camera-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:16px!important}.workbench-v5 .wb-render-grid{grid-template-columns:minmax(250px,1fr) minmax(0,1.3fr);gap:16px!important}.workbench-v5 .wb-camera-controls .settings-panel{padding:16px}.workbench-v5 .wb-render-gallery .effect-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench-v5 #ai .wb-ai-workbench{gap:18px;padding:18px}.workbench-v5 #ai .wb-ai-workbench h3{font-size:19px}.workbench-v5 .wb-ai-fields{grid-template-columns:1fr}.workbench-v5 .wb-prompt-live{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-v5 .wb-prompt-part:last-child{grid-column:1/-1}}
@media(max-width:720px){.workbench-v5 .section.container{padding-block:36px}.workbench-v5 .wb-camera-grid,.workbench-v5 .wb-render-grid,.workbench-v5 #ai .wb-ai-workbench{grid-template-columns:1fr}.workbench-v5 .wb-fov-diagram{max-width:210px}.workbench-v5 .wb-camera-controls .settings-panel{padding:18px}.workbench-v5 .wb-camera-controls .setting-item{padding:10px 0}.workbench-v5 #camera .wb-focal-presets{gap:8px}.workbench-v5 .wb-framing{height:74px}.workbench-v5 .wb-focal-presets h4{font-size:12px!important}.workbench-v5 .wb-focal-presets p{font-size:11px!important}.workbench-v5 #light .lighting-preview{aspect-ratio:1.5}.workbench-v5 .wb-ai-versions{grid-template-columns:1fr}.workbench-v5 #ai .model-thumb{aspect-ratio:16/9}.workbench-v5 #ai .model-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.workbench-v5 #ai .model-option{flex-direction:column;gap:5px;padding:10px 4px}.workbench-v5 #ai .model-option span{font-size:12px}.workbench-v5 .wb-ai-mission{display:none}.workbench-v5 .wb-ai-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-v5 .wb-ai-steps span{padding:7px 10px;font-size:11px}.workbench-v5 .wb-prompt-box,.workbench-v5 .wb-ai-compare{padding:16px}.workbench-v5 .wb-render-basics{padding:18px}}
@media(max-width:420px){.workbench-v5 #camera .wb-focal-presets{grid-template-columns:1fr}.workbench-v5 .wb-focal-presets .card{display:grid;grid-template-columns:90px 1fr;column-gap:10px}.workbench-v5 .wb-framing{grid-row:span 2;margin-bottom:0;height:70px}.workbench-v5 .wb-render-gallery{padding:12px}.workbench-v5 .wb-render-gallery .effect-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-v5 .wb-prompt-live{grid-template-columns:1fr}.workbench-v5 .wb-ai-fields{grid-template-columns:1fr}.workbench-v5 .wb-light-observation{flex-wrap:wrap}.workbench-v5 .wb-hotspots button{font-size:11px;padding:5px 8px}.workbench-v5 .wb-prompt-header{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.workbench-v5 *, .workbench-v5 *::before,.workbench-v5 *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}