.mix-workspace{max-width:74rem;margin:1rem auto 2rem;padding:clamp(.8rem,2vw,1.25rem);border:1px solid var(--mix-border);border-radius:1rem;background:var(--mix-surface);box-shadow:0 12px 32px rgb(10 35 28/.09)}
.mix-workspace__top{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.8rem}.mix-workspace h2{margin:.15rem 0 .35rem;font-size:clamp(1.25rem,2vw,1.75rem)}.mix-workspace__top p{max-width:62ch;margin:0;color:var(--mix-muted)}
.mix-actions{display:flex;flex-wrap:wrap;gap:.45rem}.mix-workspace button{min-height:2.65rem;padding:.5rem .75rem;border:1px solid var(--mix-border);border-radius:.6rem;background:var(--mix-surface);color:var(--mix-text);font:inherit;font-weight:750;cursor:pointer}.mix-workspace button.primary{border-color:var(--mix-accent);background:var(--mix-accent);color:var(--mix-accent-ink)}
.mix-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:.8rem}.mix-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.mix-fields label{display:grid;gap:.25rem;color:var(--mix-muted);font-size:.78rem;font-weight:700}.mix-fields label.wide{grid-column:1/-1}.mix-fields input,.mix-fields select,.mix-fields textarea{box-sizing:border-box;width:100%;min-width:0;min-height:2.65rem;padding:.5rem .6rem;border:1px solid var(--mix-border);border-radius:.55rem;background:var(--mix-bg);color:var(--mix-text);font:inherit}.mix-fields textarea{min-height:4.8rem;resize:vertical}
.mix-result{padding:.9rem;border-radius:.8rem;background:var(--mix-soft)}.mix-result .route-label{display:block;color:var(--mix-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.mix-result [data-route]{display:block;margin:.15rem 0 .55rem;color:var(--mix-accent);font-size:clamp(1.65rem,3vw,2.35rem);text-transform:capitalize}.mix-result [data-rationale]{line-height:1.45}.mix-result ul{padding-left:1.1rem}.mix-result li{margin:.35rem 0;font-size:.84rem;line-height:1.4}.mix-motion-cards{display:grid;gap:.5rem;margin:.7rem 0}.mix-motion-cards article{padding:.65rem;border:1px solid var(--mix-border);border-radius:.65rem;background:var(--mix-surface)}.mix-motion-cards span{color:var(--mix-muted);font-size:.72rem;text-transform:uppercase}.mix-motion-cards strong{float:right}.mix-motion-cards p{margin:.35rem 0;font-size:.86rem}.mix-motion-cards small{color:var(--mix-muted);line-height:1.35}.mix-export{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.mix-note{margin:.65rem 0 0;color:var(--mix-muted);font-size:.75rem}
@media(max-width:760px){.mix-workspace{margin:.35rem -.25rem 1.2rem;padding:.65rem}.mix-workspace__top{display:block}.mix-workspace__top p{font-size:.84rem;line-height:1.35}.mix-workspace__top h2{font-size:1.18rem}.mix-actions{margin-top:.5rem}.mix-grid{grid-template-columns:1fr}.mix-grid>div{grid-row:2}.mix-result{grid-row:1;padding:.6rem}.mix-result [data-route]{font-size:1.65rem;margin-bottom:.25rem}.mix-result [data-rationale]{font-size:.78rem;margin:.25rem 0}.mix-result [data-unresolved]{display:none}.mix-motion-cards{display:none}.mix-fields{grid-template-columns:1fr 1fr;gap:.4rem}.mix-fields label{font-size:.72rem}.mix-fields input,.mix-fields select{min-height:2.85rem}.mix-fields .wide{grid-column:1/-1}.mix-note{display:none}}
@media(max-width:340px){.mix-fields{grid-template-columns:1fr}.mix-fields label.wide{grid-column:auto}}