.workshop-layout{max-width:1650px;display:grid;grid-template-columns:minmax(290px,365px) minmax(0,1fr);gap:18px;align-items:start}.component-index{position:sticky;top:12px;max-height:calc(100vh - 28px);display:flex;flex-direction:column}.component-list{overflow:auto;min-height:100px;flex:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin-bottom:4px}.index-filters{display:grid;gap:8px;margin:12px 0}.component-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:11px 7px;background:transparent}.component-list button:hover,.component-list button.active{background:#203753}.component-list button strong{color:var(--text);display:block}.component-list button small{color:var(--muted)}.flag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#dfc28d}.component-list button .flag{float:right}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid.third{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.compact-numbers{grid-template-columns:repeat(5,minmax(0,1fr))}.form-grid.capability-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.form-grid.capability-grid input{text-align:center}.form-grid label{min-width:0}.form-grid small{display:block;margin-top:3px;color:var(--muted)}.form-actions{display:flex;align-items:end;gap:8px;padding-bottom:12px;flex-wrap:wrap}.form-actions button{white-space:nowrap}.callout{padding:12px;background:#0c1f33;border:1px solid var(--border);border-radius:10px;color:#b8c6d4;line-height:1.65}.preview-section{padding-top:18px;border-top:1px solid var(--border);margin-top:20px}.preview-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-card{background:#0e1e30;border:1px solid var(--border);border-radius:9px;padding:13px}.comparison-card h4{margin:0;color:var(--gold)}.comparison-card p{margin:5px 0 8px;color:#b9c8d8;font-size:12px}.comparison-card .metric-row{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:6px}.history-list .entry-actions{margin-top:6px}.feedback{min-height:20px;color:var(--good);font-weight:600}.feedback.error{color:var(--bad)}@media(max-width:980px){.workshop-layout{grid-template-columns:1fr}.component-index{position:static;max-height:none}.component-list{max-height:280px}.form-grid.compact-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.form-grid,.form-grid.third{grid-template-columns:1fr}.form-grid.compact-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-cards{grid-template-columns:1fr}}