@import url('./prompt-workflow-v83.css');
.tagline{max-width:640px}.editor .intro{font-size:14px}.editor .flow-label{margin-bottom:12px}.editor #instruction{min-height:116px}.fields button{font-size:14px}.plan-head{font-size:12px}#validation{font-size:12px;line-height:1.7}.support-line{font-size:11px!important}.extra-tools{border-top:1px solid var(--line);margin-top:10px}.extra-tools>summary{display:flex;align-items:center;min-height:48px;font-size:12px;cursor:pointer;color:#b9cfc7}.extra-tools>summary::before{content:'+';margin-right:9px}.extra-tools[open]>summary::before{content:'−'}.extra-tools>details{padding-left:8px}.starter-guide>summary{font-size:12px}.impact{padding:18px;background:#17362f;border:1px solid #78c8aa66;border-radius:16px;margin:10px 0}.impact h2{font-size:18px;line-height:1.55;margin:0 0 12px}.impact-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.impact-quotes:has(>.impact-quote:only-child){grid-template-columns:1fr}.impact-quote{min-width:0;padding:12px;background:#ffffff08;border-radius:10px}.impact-quote small{display:block;font-size:11px;color:#adcebf;margin-bottom:5px}.impact-quote blockquote{font-size:14px;line-height:1.7;margin:0;overflow-wrap:anywhere}.impact mark{background:#9fe8c4;color:#102b23;border-radius:3px;padding:1px 2px}.impact-quote:first-child:not(:last-child) mark{background:#e6c58c}.impact-summary{font-size:14px;font-weight:700;line-height:1.7;margin:12px 0}.impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.impact-metrics>div{min-width:0;padding:10px 8px;background:#ffffff08;border-radius:9px}.impact-metrics>div:nth-child(n+4){grid-column:1/-1}.impact-metrics dt{font-size:11px;color:#aacbbc}.impact-metrics dd{margin:5px 0 0;line-height:1.65;font-size:14px;overflow-wrap:anywhere}.impact-before{color:#acbbb4}.impact-arrow{color:#73bd9d}.impact-metrics [data-changed=true]{box-shadow:inset 0 -2px #88dcb5}.impact-note{font-size:12px;line-height:1.8;color:#bcd0c8;margin:10px 0}.impact-revise{width:100%;min-height:48px;background:#a8edce;color:#122d23;font-weight:800;border-radius:9px}.impact[data-state=draft]{background:#342f24;border-color:#cda86966}.impact[data-state=empty]{background:#152730;border-color:var(--line)}.impact[data-state=empty] h2{font-size:16px}.stage-caption>.run-feedback,.stage-caption>#quick-result{display:none}.stage-caption>small,.stage-caption>#current-line{display:none}body[data-running=true] .stage-caption>small,body[data-running=true] .stage-caption>#current-line{display:block}.stage-caption>#motion:empty{display:none}.completed-comparison{margin-top:8px}.viewport{height:clamp(350px,32vw,450px)}
@media(max-width:850px){.workbench{display:flex;flex-direction:column;gap:12px}.stage{order:0}.editor{order:1}.viewport{height:320px}.stage-caption{padding:12px}.impact{padding:14px;margin:0}.impact[data-state=empty]{padding:10px 12px}.impact[data-state=empty] h2{margin-bottom:4px}.impact[data-state=empty] .impact-note{margin:0}.stage-head{padding:10px 12px}.stage-head p{font-size:12px}.stage-caption>#motion{font-size:12px;margin:8px 0}.top{margin-bottom:8px}.fields{margin-bottom:12px}.editor{scroll-margin-top:10px}.impact-revise{font-size:14px}.impact h2{font-size:16px}}
@media(max-width:420px){.viewport{height:270px}.shell{padding:12px 9px}.top h1{font-size:24px}.top .tagline{font-size:12px;max-width:240px}.fields{gap:5px}.fields button{font-size:12px;padding:9px 6px}.impact-quotes{gap:6px}.impact-quote{padding:8px}.impact-quote blockquote{font-size:12px}.impact-metrics{gap:4px}.impact-metrics>div{padding:8px 6px}.impact-metrics dd{font-size:12px}.impact-metrics dd span,.impact-metrics dd strong{display:inline}.impact h2{font-size:15px}.impact-summary{font-size:13px}.editor #instruction{font-size:16px}.flow-label span{font-size:10px}}
@media(max-height:450px) and (min-width:700px){.workbench{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr)}.stage{order:1}.editor{order:0}.viewport{height:280px}}