.compose__templates{margin-bottom:var(--ds-space-10)}.compose__templates-lede{color:var(--ds-text-muted);max-width:620px;margin:12px 0 var(--ds-space-5)}.compose__template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--ds-space-4);gap:var(--ds-space-4)}.compose__template{display:flex;flex-direction:column;gap:var(--ds-space-2);text-align:left;padding:var(--ds-space-5);background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.compose__template:hover{border-color:var(--ds-border-on-accent);box-shadow:var(--ds-shadow-md)}.compose__template.is-active{border-color:var(--ds-brand-accent);box-shadow:var(--ds-shadow-md);background:var(--ds-brand-accent-soft)}.compose__template-name{font-weight:600;color:var(--ds-text-strong);font-size:var(--ds-text-base)}.compose__template-summary{font-size:var(--ds-text-sm);color:var(--ds-text-muted);line-height:1.5}.compose__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:var(--ds-space-8);gap:var(--ds-space-8);align-items:start}@media (max-width:1000px){.compose__layout{grid-template-columns:1fr}}.compose__group{border:none;margin:0 0 var(--ds-space-6);padding:0}.compose__group-title{font-family:var(--ds-font-display);font-weight:600;font-size:var(--ds-text-lg);color:var(--ds-text-strong);padding:0;margin-bottom:var(--ds-space-3)}.compose__options{display:grid;grid-gap:var(--ds-space-3);gap:var(--ds-space-3)}.compose__option{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-4);background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);cursor:pointer;transition:border-color .14s ease,background .14s ease}.compose__option:hover{border-color:var(--ds-border-on-accent)}.compose__option.is-selected{border-color:var(--ds-brand-accent);background:var(--ds-brand-accent-soft)}.compose__checkbox{margin-top:3px;width:18px;height:18px;accent-color:var(--ds-brand-accent);flex:0 0 auto}.compose__option-body{display:flex;flex-direction:column;gap:3px}.compose__option-label{font-weight:600;color:var(--ds-text-strong);font-size:var(--ds-text-base)}.compose__option-outcome{font-size:var(--ds-text-sm);color:var(--ds-text-muted);line-height:1.5}.compose__option-proven{font-size:var(--ds-text-xs);color:var(--ds-text-subtle);font-style:italic}.compose__summary{position:-webkit-sticky;position:sticky;top:var(--ds-space-6)}@media (max-width:1000px){.compose__summary{position:static}}.compose__summary-inner{background:var(--ds-surface-sunken);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6)}.compose__summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-4)}.compose__clear{background:none;border:none;color:var(--ds-brand-accent);font-size:var(--ds-text-sm);font-weight:600;cursor:pointer;padding:4px 8px}.compose__clear:hover{text-decoration:underline}.compose__summary-empty{color:var(--ds-text-muted);font-size:var(--ds-text-sm);line-height:1.6;margin:0}.compose__summary-count{color:var(--ds-text-strong);font-weight:500;font-size:var(--ds-text-sm);line-height:1.5;margin:0 0 var(--ds-space-4)}.compose__summary-list{list-style:none;margin:0 0 var(--ds-space-5);padding:0;display:grid;grid-gap:var(--ds-space-3);gap:var(--ds-space-3)}.compose__summary-item{display:flex;flex-direction:column;gap:2px;padding-left:var(--ds-space-4);border-left:2px solid var(--ds-brand-accent)}.compose__summary-item-label{font-weight:600;color:var(--ds-text-strong);font-size:var(--ds-text-sm)}.compose__summary-item-outcome{font-size:var(--ds-text-xs);color:var(--ds-text-muted);line-height:1.5}.compose__hint{border-radius:var(--ds-radius-md);padding:var(--ds-space-4);margin-bottom:var(--ds-space-4);font-size:var(--ds-text-sm)}.compose__hint--together{background:var(--ds-success-soft)}.compose__hint--suggest{background:var(--ds-surface-raised);border:1px solid var(--ds-border)}.compose__hint-title{display:block;font-weight:600;color:var(--ds-text-strong);margin-bottom:var(--ds-space-2)}.compose__hint ul{margin:0;padding-left:1.1em;color:var(--ds-text-muted);line-height:1.6}.compose__suggest-chips{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.compose__suggest-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--ds-brand-accent-soft);border:1px solid var(--ds-border-on-accent);border-radius:var(--ds-radius-pill);color:var(--ds-brand-primary);font-size:var(--ds-text-xs);font-weight:600;cursor:pointer}.compose__suggest-chip:hover{box-shadow:var(--ds-shadow-sm)}.compose__request{margin-top:var(--ds-space-5);padding-top:var(--ds-space-5);border-top:1px solid var(--ds-border);display:flex;flex-direction:column;gap:var(--ds-space-4)}.compose__request-title{font-family:var(--ds-font-display);font-weight:600;font-size:var(--ds-text-lg);color:var(--ds-text-strong);margin:0}.compose__request-lede{font-size:var(--ds-text-sm);color:var(--ds-text-muted);line-height:1.5;margin:0}.compose__request-foot{display:flex;flex-direction:column;gap:var(--ds-space-2);align-items:flex-start}.compose__demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--ds-space-6);gap:var(--ds-space-6)}.demo{background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);margin:0;display:flex;flex-direction:column;gap:var(--ds-space-4)}.demo__caption{display:flex;gap:var(--ds-space-2)}.demo__tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--ds-radius-pill);font-size:var(--ds-text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--ds-brand-accent-soft);color:var(--ds-brand-primary);border:1px solid var(--ds-border-on-accent)}.demo__tag--muted{background:var(--ds-surface-sunken);color:var(--ds-text-muted);border-color:var(--ds-border)}.demo__row{display:flex;flex-direction:column;gap:var(--ds-space-2)}.demo__field-label{font-size:var(--ds-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted)}.demo__field-line{display:flex;gap:var(--ds-space-2)}.demo__input{flex:1 1;min-width:0;height:40px;padding:0 12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface);color:var(--ds-text-strong);font-size:var(--ds-text-sm)}.demo__run{flex:0 0 auto}.demo__stage{position:relative}.demo__svg{width:100%;height:auto;display:block}.demo__svg-bg{fill:var(--ds-surface-sunken)}.demo__footprint{stroke:var(--ds-brand-accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;opacity:0}.demo__footprint.is-drawn{opacity:1}.demo__footprint.is-drawing{opacity:1;stroke-dasharray:900;stroke-dashoffset:900;animation:demo-draw 1.5s ease forwards}@keyframes demo-draw{to{stroke-dashoffset:0}}.demo__badge{position:absolute;bottom:10px;right:10px;background:var(--ds-brand-primary);color:#fff;font-size:var(--ds-text-xs);font-weight:600;padding:4px 10px;border-radius:var(--ds-radius-pill);opacity:.85}.demo__badge.is-visible{opacity:1}.demo__result{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ds-space-3);gap:var(--ds-space-3);opacity:.4;transition:opacity .3s ease}.demo__result.is-visible{opacity:1}.demo__metric{display:flex;flex-direction:column;gap:2px;padding:var(--ds-space-3);background:var(--ds-surface-sunken);border-radius:var(--ds-radius-md)}.demo__metric--quote{background:var(--ds-brand-accent-soft)}.demo__metric-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.demo__metric-value{font-family:var(--ds-font-display);font-weight:600;font-size:var(--ds-text-lg);color:var(--ds-text-strong)}.demo__steps{list-style:none;margin:0;padding:0;display:flex;gap:var(--ds-space-2)}.demo__step{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative}.demo__step-dot{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--ds-text-sm);font-weight:700;background:var(--ds-surface-sunken);color:var(--ds-text-muted);border:2px solid var(--ds-border);transition:background .2s ease,color .2s ease,border-color .2s ease}.demo__step-label{font-size:var(--ds-text-xs);font-weight:600;color:var(--ds-text-muted)}.demo__step--active .demo__step-dot{background:var(--ds-brand-accent);border-color:var(--ds-brand-accent);color:#fff}.demo__step--active .demo__step-label{color:var(--ds-text-strong)}.demo__step--done .demo__step-dot{background:var(--ds-success);border-color:var(--ds-success);color:#fff}.demo__gate-card{background:var(--ds-surface-sunken);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-3)}.demo__draft{margin:0;font-size:var(--ds-text-sm);line-height:1.6;color:var(--ds-text-strong);background:var(--ds-surface);border-radius:var(--ds-radius-sm);padding:var(--ds-space-3);border-left:3px solid var(--ds-brand-accent)}.demo__gate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3)}.demo__gate-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.demo__gate-status{margin:0;font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-muted)}.demo__gate-status--done{color:var(--ds-success)}.demo__note{margin:0;font-size:var(--ds-text-xs);color:var(--ds-text-subtle);line-height:1.55;font-style:italic}@media (prefers-reduced-motion:reduce){.compose__option,.compose__template,.demo__badge,.demo__footprint,.demo__result,.demo__step-dot{transition:none;animation:none}.demo__footprint.is-drawing{stroke-dashoffset:0}}