/* T4-D4-C0: Prompt Studio only. Original screenshots remain unchanged. */
.d3-case .d3-dna-image{max-width:680px}
.d3-case .d3-caption-pair{max-width:680px}
.d3-case .c0-direction-module{margin:36px 0 0;border-top:1px solid #77717e;border-bottom:1px solid #48464f}
.d3-case .c0-module-head{display:flex;justify-content:space-between;gap:28px;padding:16px 0;color:#c4c1cc;font-size:13px;line-height:1.65}
.d3-case .c0-module-head p{margin:0;max-width:53ch}
.d3-case .c0-module-head p:first-child{color:#f1edf5;letter-spacing:.08em;white-space:nowrap}
.d3-case .c0-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #48464f}
.d3-case .c0-tabs button{font:500 clamp(16px,1.65vw,22px)/1.3 Inter,'Noto Sans SC',sans-serif;text-align:left;color:#bbb6c1;background:transparent;border:0;border-right:1px solid #48464f;padding:20px 16px 22px;cursor:pointer;min-height:70px;transition:background .22s,color .22s}
.d3-case .c0-tabs button:last-child{border-right:0}
.d3-case .c0-tabs button span{display:block;font:400 12px/1.5 Inter,sans-serif;letter-spacing:.12em;margin-bottom:7px}
.d3-case .c0-tabs button[aria-selected=true]{background:#eee8e1;color:#17151a}
.d3-case .c0-tabs button:hover:not([aria-selected=true]){background:#ffffff12;color:#fff}
.d3-case .c0-panels>[hidden]{display:none}
.d3-case .c0-panels>section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,375px);gap:clamp(24px,5vw,80px);align-items:center;padding:38px 0 42px}
.d3-case .c0-direction-copy{min-width:0}
.d3-case .c0-overline{font:500 12px/1.5 Inter,'Noto Sans SC',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#b9b4c0;margin:0 0 20px}
.d3-case .c0-direction-copy h3,.d3-case .c0-output h3{font-size:clamp(28px,2.5vw,37px);font-weight:500;line-height:1.32;letter-spacing:-.035em;color:#f1edf5;margin:0 0 18px}
.d3-case .c0-direction-copy>p:not(.c0-overline){font-size:17px;line-height:1.9;color:#d5d1da;max-width:40ch;margin:0}
.d3-case .c0-direction-copy dl{display:flex;gap:32px;margin:30px 0 0;padding-top:18px;border-top:1px solid #48464f}
.d3-case .c0-direction-copy dl div{min-width:0}
.d3-case .c0-direction-copy dt{font-size:12px;color:#a9a3b1;margin-bottom:7px}
.d3-case .c0-direction-copy dd{margin:0;font-size:15px;color:#eee9f0}
.d3-case .c0-direction-figure{margin:0;min-width:0;max-width:375px;justify-self:end}
.d3-case .c0-crop{position:relative;width:100%;aspect-ratio:375/320;overflow:hidden;border:1px solid #5b5660;background:#1a1920}
.d3-case .c0-crop img{position:absolute;display:block;width:384%;max-width:none;height:auto;left:calc(-1 * var(--crop-left));top:-154.063%;user-select:none;pointer-events:none}
.d3-case .c0-direction-figure figcaption{font-size:12px;line-height:1.65;color:#b7b0bb;margin-top:12px}
.d3-case .c0-source-screen{margin-top:0}
.d3-case .c0-source-screen .case-image{margin:12px 0}
.d3-case .c0-output{border-top:1px solid #77717e;padding:24px 0 32px;min-width:0}
.d3-case .c0-output h3{font-size:29px;margin-bottom:20px}
.d3-case .c0-output-label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#b8b2bd;margin:0 0 18px}
.d3-case .c0-output>p[lang=en]{font:400 17px/1.86 Georgia,serif;color:#e9e5e9;max-width:67ch;margin:0}
.d3-case .c0-output-note{font-size:13px;line-height:1.75;color:#b8b2bd;border-top:1px solid #48464f;padding-top:16px;margin:24px 0 0}
@media(max-width:767px){
 .d3-case .c0-direction-module{margin-top:28px}
 .d3-case .c0-module-head{display:block}
 .d3-case .c0-module-head p+p{margin-top:9px}
 .d3-case .c0-tabs button{font-size:12px;line-height:1.3;min-height:74px;padding:14px 6px;overflow-wrap:anywhere}
 .d3-case .c0-tabs button span{font-size:10px}
 .d3-case .c0-panels>section{grid-template-columns:1fr;gap:26px;padding:30px 0}
 .d3-case .c0-direction-copy h3{font-size:27px}
 .d3-case .c0-direction-copy>p:not(.c0-overline){font-size:15px;line-height:1.85}
 .d3-case .c0-direction-copy dl{gap:20px;margin-top:22px}
 .d3-case .c0-direction-figure{width:100%;justify-self:start}
 .d3-case .c0-output{padding-top:22px}
 .d3-case .c0-output h3{font-size:26px}
 .d3-case .c0-output>p[lang=en]{font-size:16px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.d3-case .c0-tabs button{transition:none}}