@import url('./prompt-focus-v86.css');
.workbench{grid-template-columns:minmax(290px,.8fr) minmax(0,1.55fr);gap:18px}.editor{padding:22px}.editor .intro{font-size:13px}.editor #instruction{min-height:110px;font-size:16px;line-height:1.8}.flow-label span{border:0;background:none;padding:0;color:var(--muted)}.flow-label span:first-child{background:none;color:#b9f2d2}.flow-label{gap:12px}.editor h2{font-size:22px;margin-bottom:4px}#single-run{min-height:52px}.reading-guide{margin-top:14px;border-top:1px solid var(--line)}.reading-guide>summary{min-height:44px;display:flex;align-items:center;font-size:12px;color:#b5ccc4;cursor:pointer}.reading-guide>summary::before{content:'+';margin-right:8px}.reading-guide[open]>summary::before{content:'−'}.plan-head{display:none}.reading-guide .support-line{font-size:12px!important}.word-edits{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 2px}.word-edits[hidden]{display:none}.word-edits-title{flex-basis:100%;font-size:12px;color:#adc2bd;margin:0 0 3px}.word-edit{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;min-height:44px;padding:9px 12px;border:1px solid #668c7f;background:#203d39;border-radius:10px;text-align:left}.word-edit span{color:#b9ccc4}.word-edit b{color:#c6ffe5}.word-edits>small{flex-basis:100%;font-size:11px;line-height:1.7;color:#9fb7b0;margin-top:3px}.execution-trail{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.execution-trail[hidden]{display:none}.execution-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px}.execution-heading>span{color:#a3e6c5;font-size:10px;border:1px solid #84ad9b;padding:4px 7px;border-radius:20px;white-space:nowrap}.action-trail{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;padding:0}.action-trail li{font-size:11px;line-height:1.8;color:#bdd3c9}.action-trail li:not(:last-child)::after{content:'→';padding-left:6px;color:#71998c}.action-trail li:last-child{color:#d1ffe9}.execution-trail>small{font-size:10px;color:#a0b6af}.stage-caption #motion-source{display:block;font-size:15px;font-weight:700;color:#ceffdf;background:#264d41;border-left:3px solid #9de6bd;border-radius:6px;padding:10px 12px;margin:0 0 8px}.stage-caption #motion-source[hidden]{display:none}.stage-caption #motion{font-size:13px;line-height:1.7}.stage-caption #edit-impact[data-state=running],.stage-caption #edit-impact[data-state=empty]{display:none}.stage-caption>small,body[data-running=true] .stage-caption>small{display:none}.stage-caption>#current-line,body[data-running=true] .stage-caption>#current-line{display:none}.impact{margin:4px 0}.impact h2{font-size:17px}.impact-quotes{margin-top:10px}.impact-summary{font-size:13px}.impact-note{font-size:11px}.impact-revise{background:#b9efd4}.stage-head p{font-size:12px}.viewport{height:clamp(350px,34vw,470px)}
@media(max-width:850px){.workbench{display:flex;gap:12px}.stage{order:0}.editor{order:1;padding:17px}.viewport{height:300px}.stage-caption{padding:0 12px 12px}.stage-caption:has(#execution-trail[hidden]):has(#edit-impact[data-state=empty]){padding:0}.stage-caption:has(#execution-trail[hidden]):has(#edit-impact[data-state=empty])>#motion{display:none}.top .tagline{font-size:12px;max-width:400px}.top h1{font-size:25px}.fields button{font-size:12px;min-height:44px}.word-edits{margin-top:12px}.word-edit{flex:1;justify-content:center;font-size:12px}.stage-head{padding:9px 12px}.stage-head p{margin:0;font-size:11px}.impact{padding:12px}.execution-heading{font-size:12px}.execution-trail{margin-top:8px}.editor .intro{font-size:12px}.editor h2{font-size:20px}}
@media(max-width:420px){.viewport{height:250px}.shell{padding:12px 9px}.fields{gap:5px}.fields button{padding:8px 6px}.top .tagline{max-width:260px}.word-edit{font-size:11px;padding:8px}.stage-caption #motion-source{font-size:13px}.impact-metrics dd{font-size:12px}.impact-quotes{grid-template-columns:1fr}.impact-quote{padding:8px}.impact h2{font-size:15px}}
@media(max-height:450px) and (min-width:700px){.workbench{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr)}.stage{order:1}.editor{order:0}.viewport{height:280px}}

#validation:not([data-error="true"]){display:none}#validation[data-error="true"]{color:#ffd0b4;background:#49332a;padding:12px;border-radius:8px;font-size:13px}.scope-note{font-size:11px;line-height:1.7;color:#a7bfb5;margin:10px 0 0}

.workbench{align-items:start;row-gap:0}.editor{grid-column:1;grid-row:1/span 2}.stage{grid-column:2;grid-row:1}.stage-caption{grid-column:2;grid-row:2;background:#182a37;border:1px solid var(--line);border-radius:16px;margin-top:12px}.stage-caption #motion-source{display:block}.stage-caption #motion-source[hidden]{display:none}
@media(max-width:850px){.workbench{gap:12px}.stage{order:0}.editor{order:1}.stage-caption{order:2;margin:0;padding:12px}.stage-caption:has(#execution-trail[hidden]):has(#edit-impact[data-state=empty]){display:none}body[data-running=true] .stage-caption{order:1}body[data-running=true] .editor{order:2}.stage-caption #motion-source{font-size:13px}}
@media(max-height:450px) and (min-width:700px){.stage{order:1}.editor{order:0}.stage-caption{grid-column:2;grid-row:2}body[data-running=true] .editor{order:0}}
