@import url('./prompt-studio-v97.css');
.header{margin-bottom:16px}.subtitle{font-size:14px}.scene-head p{margin-top:4px}.scene-head{padding:13px 18px}.viewport{height:clamp(320px,36vw,470px)}.editor{padding:20px}.editor h2{margin-bottom:12px}.experiment-question{color:#e6e7d6;font-size:14px;line-height:1.75;background:#223b43;border-left:3px solid #c5ec94;padding:10px 12px;border-radius:4px;margin:0 0 16px}.understanding{margin-top:16px}.understanding h3{font-size:12px;font-weight:600;color:#b8ceca;margin:0 0 7px}.understanding h3 small{font-size:10px;color:#809fa1;font-weight:400;margin-left:4px}.reading{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.read-card{background:#122631;padding:9px 10px;border-radius:9px;min-width:0}.read-card span{font-size:10px;display:block;color:#8daaa9}.read-card strong{font-weight:500;font-size:12px;line-height:1.7;display:block;overflow-wrap:anywhere;color:#cce9df}.read-card[data-default=true] strong{color:#a9bbbd}.scope-line{font-size:11px;color:#89a6aa;line-height:1.7;margin-bottom:0}.optional-challenge{margin:12px 0}.optional-challenge>.challenge{margin-top:0;max-width:700px}.optional-challenge summary{padding-left:6px}.consequence{margin:16px 0 14px}.consequence h3,.delta h3{font-size:16px;margin:0 0 10px}.consequence-row{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(120px,1fr);gap:5px 18px;padding:12px 0;border-top:1px solid #35505a;font-size:13px;line-height:1.7}.consequence-row>span{color:#b5c8c8;overflow-wrap:anywhere}.consequence-row>strong{font-weight:600;color:#d8efbd;overflow-wrap:anywhere}.consequence-row>small{grid-column:2;font-size:11px;color:#8eacad}.delta{padding:15px 17px;background:#183e3e;border:1px solid #537875;border-radius:12px;margin:15px 0}.delta p{font-size:13px;line-height:1.75;margin:5px 0;color:#d0e5dc}.delta p:first-of-type{color:#96b6b4;font-size:12px}.next-edit{font-size:13px;line-height:1.75;color:#d5dfb5;margin:14px 0 18px}.result{scroll-margin-top:14px}.result-note{margin-bottom:10px}.metrics{margin-top:12px}.live{min-height:98px}.quotes{margin-top:12px}
@media(max-width:850px){.studio{padding-top:12px}.header{margin-bottom:12px}.header h1{font-size:24px}.subtitle{font-size:12px;line-height:1.6}.editor{padding:15px}.editor h2{font-size:19px;margin:5px 0 10px}.editor>.step{margin-top:0}.editor>.scenes{margin-bottom:10px}.experiment-question{font-size:12px;padding:8px 10px;margin-bottom:11px}textarea{min-height:90px;resize:vertical;font-size:16px;padding:10px}#execute{margin-top:8px;min-height:50px}.validation:empty{margin:0}.understanding{margin-top:10px}.read-card{padding:7px 9px}.read-card strong{font-size:11px}.read-card span{font-size:10px}.scope-line{font-size:10px}.viewport{height:360px}.consequence-row{grid-template-columns:minmax(95px,.8fr) minmax(110px,1fr);gap:4px 10px;font-size:12px}.consequence-row small{font-size:11px}.result h2{font-size:18px}.scene-head{padding:11px 15px}}
@media(max-height:600px) and (min-width:700px){.workspace{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.editor{grid-row:auto}.scene{grid-row:auto;position:sticky;top:8px}.viewport{height:280px}.live{min-height:72px;font-size:12px;padding:10px 14px}.header .subtitle br{display:none}.header{margin-bottom:10px}.scene-head p{font-size:12px}}

.quotes:has(.quote:only-child){grid-template-columns:1fr}.why-details{margin-top:10px}.why-details>summary,.metrics-details>summary{padding-left:0;font-size:12px}.why-details .consequence{margin-top:6px}.metrics-details .metrics{margin-top:4px}