@layer components{.composer-page-shell{overflow:clip}.composer-hero{position:relative;border-block-end:1px solid var(--mirust-border-soft);background:linear-gradient(var(--mirust-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--mirust-grid-line) 1px,transparent 1px),radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--mirust-cyan) 12%,transparent),transparent 34%),var(--mirust-page);background-size:48px 48px,48px 48px,auto,auto}.composer-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center;inline-size:min(100%,calc(var(--mirust-wide) + 2 * var(--mirust-gutter)));min-block-size:clamp(33rem,70vh,48rem);margin-inline:auto;padding:clamp(4rem,9vw,8rem) var(--mirust-gutter)}.composer-hero__copy{min-inline-size:0}.composer-hero__copy h1{max-inline-size:12ch;margin-block-start:.75rem;font-size:clamp(3rem,7vw,6.8rem);line-height:.92;letter-spacing:-.065em;overflow-wrap:normal;word-break:normal;hyphens:none}.composer-hero__copy .article-summary{max-inline-size:64ch;margin-block-start:1.5rem}.composer-hero__diagram{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;align-items:center;min-inline-size:0;padding:clamp(1rem,3vw,1.8rem);border:1px solid var(--mirust-border-strong);border-radius:var(--mirust-radius-lg);background:color-mix(in srgb,var(--mirust-surface) 96%,transparent);box-shadow:var(--mirust-shadow)}.composer-hero__diagram>*{position:relative;display:grid;place-items:center;min-block-size:5.5rem;min-inline-size:0;padding:.75rem .45rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm);background:var(--mirust-elevated);color:var(--mirust-text);font-family:var(--mirust-font-mono);font-size:clamp(.68rem,1vw,.78rem);font-style:normal;font-weight:720;text-align:center}.composer-hero__diagram>*:not(:last-child)::after{content:"→";position:absolute;inset-inline-end:-.65rem;z-index:2;color:var(--mirust-cyan-strong)}.composer-hero__diagram>div{border-block-start:2px solid var(--mirust-copper)}.composer-hero__diagram b,.composer-hero__diagram i{display:block;font-style:normal}.composer-hero__diagram i{margin-block-start:.4rem;color:var(--mirust-cyan-strong);font-size:.7rem}.composer-hero__diagram sub{font-size:.72em;line-height:0}.composer-home-metrics,.composer-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;inline-size:100%}.composer-home-metrics>article,.composer-family-grid>article{min-inline-size:0;padding:1.2rem;border:1px solid var(--mirust-border-soft);border-block-start:2px solid var(--mirust-cyan);border-radius:var(--mirust-radius);background:var(--mirust-surface)}.composer-home-metrics span,.composer-family-grid span{color:var(--mirust-copper-strong);font-family:var(--mirust-font-mono);font-size:.75rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.composer-home-metrics h3,.composer-family-grid h3{margin-block:.65rem .4rem}.mirust-composer{inline-size:min(100%,calc(var(--mirust-wide) + 2 * var(--mirust-gutter)));margin-inline:auto;padding:clamp(3rem,7vw,6rem) var(--mirust-gutter)}.composer-boundary{margin-block-end:1.5rem}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(21rem,27rem);gap:clamp(1.25rem,3vw,2.25rem);align-items:start}.composer-form,.composer-result{min-inline-size:0}.composer-form{display:grid;gap:1rem}.composer-form__header{padding:1.4rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius);background:var(--mirust-surface)}.composer-form__header h2{margin-block-start:.55rem}.composer-form__header p:last-child{max-inline-size:72ch;margin-block-start:.7rem}.composer-panel{min-inline-size:0;margin:0;padding:1.25rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius);background:var(--mirust-surface)}.composer-panel legend{display:flex;gap:.65rem;align-items:center;padding-inline:.35rem;color:var(--mirust-text);font-weight:750}.composer-panel legend span{display:inline-grid;place-items:center;inline-size:2rem;block-size:2rem;border:1px solid var(--mirust-border-strong);border-radius:50%;color:var(--mirust-cyan-strong);font-family:var(--mirust-font-mono);font-size:.72rem}.composer-panel__intro{margin-block:.25rem 1rem}.composer-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.composer-field-grid>label{display:grid;gap:.4rem;align-content:start;min-inline-size:0}.composer-field-grid label>span{color:var(--mirust-text);font-size:.84rem;font-weight:700}.composer-field-grid select,.composer-field-grid input{inline-size:100%;min-block-size:2.8rem;border-color:var(--mirust-border-strong);background:var(--mirust-page);color:var(--mirust-text)}.composer-field-grid small,.composer-choice-card small,.composer-skill-card em{color:var(--mirust-muted);font-size:.78rem;line-height:1.45}.composer-choice-grid{display:grid;gap:.75rem}.composer-choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-choice-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-choice-card,.composer-skill-card{position:relative;display:block;min-inline-size:0;cursor:pointer}.composer-choice-card input,.composer-skill-card input{position:absolute;inset-block-start:.85rem;inset-inline-start:.85rem;z-index:1;inline-size:1.15rem;block-size:1.15rem;margin:0;accent-color:var(--mirust-copper)}.composer-choice-card>span,.composer-skill-card>span{display:grid;gap:.4rem;min-block-size:100%;padding:.9rem .9rem .9rem 2.7rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm);background:var(--mirust-page)}.composer-choice-card input:checked + span,.composer-skill-card input:checked + span{border-color:var(--mirust-cyan);background:color-mix(in srgb,var(--mirust-cyan) 7%,var(--mirust-page));box-shadow:inset 3px 0 0 var(--mirust-cyan)}.composer-choice-card input:focus-visible + span,.composer-skill-card input:focus-visible + span{outline:3px solid var(--mirust-focus);outline-offset:3px}.composer-choice-card strong,.composer-skill-card strong{color:var(--mirust-text);font-size:.9rem}.composer-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.composer-skill-card>span>small{color:var(--mirust-copper-strong);font-family:var(--mirust-font-mono);font-size:.68rem;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.composer-skill-card em{font-style:normal}.composer-selection-count{margin-block-start:.8rem;font-family:var(--mirust-font-mono);font-size:.76rem}.composer-policy-note{margin-block-start:1rem;padding:1rem;border-inline-start:3px solid var(--mirust-copper);background:var(--mirust-elevated)}.composer-policy-note code{white-space:normal;overflow-wrap:anywhere}.composer-form__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-block-start:.5rem}.composer-result{position:sticky;inset-block-start:calc(var(--mirust-header-height) + var(--mirust-admin-offset,0) + 1rem);display:grid;gap:1rem;max-block-size:calc(100dvh - var(--mirust-header-height) - var(--mirust-admin-offset,0) - 2rem);overflow:auto;padding:1.2rem;border:1px solid var(--mirust-border-strong);border-radius:var(--mirust-radius-lg);background:var(--mirust-surface);box-shadow:var(--mirust-shadow);scrollbar-gutter:stable}.composer-result__header{display:flex;gap:1rem;justify-content:space-between;align-items:start}.composer-result__header h2{margin-block-start:.45rem;font-size:clamp(1.35rem,3vw,1.8rem)}.composer-plan-id{flex:none;padding:.35rem .5rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm);color:var(--mirust-cyan-strong);font-family:var(--mirust-font-mono);font-size:.7rem}.composer-fit{display:grid;gap:.3rem;padding:.9rem;border:1px solid var(--mirust-border-soft);border-inline-start-width:4px;border-radius:var(--mirust-radius-sm);background:var(--mirust-elevated)}.composer-fit--within{border-inline-start-color:var(--mirust-success)}.composer-fit--tight{border-inline-start-color:var(--mirust-warning)}.composer-fit--exceeds{border-inline-start-color:var(--mirust-danger)}.composer-fit span{color:var(--mirust-muted);font-size:.78rem}.composer-budget-meter{display:grid;gap:.45rem}.composer-budget-meter>span{font-size:.82rem;font-weight:700}.composer-budget-meter progress{inline-size:100%;block-size:.75rem;border:0;border-radius:99px;overflow:hidden;background:var(--mirust-elevated)}.composer-budget-meter progress::-webkit-progress-bar{background:var(--mirust-elevated)}.composer-budget-meter progress::-webkit-progress-value{background:var(--mirust-cyan)}.composer-budget-meter progress::-moz-progress-bar{background:var(--mirust-cyan)}.composer-budget-meter small{color:var(--mirust-muted);font-family:var(--mirust-font-mono);font-size:.74rem}.composer-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.composer-metric-grid>div{min-inline-size:0;padding:.75rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm);background:var(--mirust-page)}.composer-metric-grid span,.composer-topology-summary dt{display:block;color:var(--mirust-muted);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.composer-metric-grid strong{display:block;margin-block-start:.35rem;font-family:var(--mirust-font-mono);font-size:.88rem}.composer-result section,.composer-formula-details,.composer-json-details{min-inline-size:0;padding-block-start:.9rem;border-block-start:1px solid var(--mirust-border-soft)}.composer-result section h3{margin-block-end:.7rem;font-size:1rem}.composer-topology-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.composer-topology-summary dl>div{padding:.65rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm)}.composer-topology-summary dd{margin:.25rem 0 0;font-family:var(--mirust-font-mono);font-weight:750}.composer-flow{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.composer-flow li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:0 .65rem;align-items:start;padding:.7rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm);background:var(--mirust-page)}.composer-flow li>span{grid-row:1 / 3;color:var(--mirust-copper-strong);font-family:var(--mirust-font-mono);font-size:.72rem}.composer-flow small{color:var(--mirust-muted);font-size:.72rem}.composer-skill-summary ol{display:grid;gap:.4rem;list-style:none;margin:0;padding:0}.composer-skill-summary li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm)}.composer-skill-summary li>span{color:var(--mirust-cyan-strong);font-family:var(--mirust-font-mono);font-size:.72rem}.composer-skill-summary li strong,.composer-skill-summary li small{display:block}.composer-skill-summary li strong{font-size:.82rem}.composer-skill-summary li small{margin-block-start:.2rem;color:var(--mirust-muted);font-size:.68rem}.composer-warning-section ul,.composer-formula-details ul{margin:0;padding-inline-start:1.15rem}.composer-warning-section li,.composer-formula-details li{margin-block:.4rem;font-size:.8rem}.composer-formula-details summary,.composer-json-details summary{cursor:pointer;font-weight:720}.composer-formula-details[open] summary,.composer-json-details[open] summary{margin-block-end:.8rem}.composer-json-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:.6rem}.composer-json-actions button{min-block-size:2.3rem;padding:.35rem .6rem;font-size:.75rem}.composer-json-details pre{max-block-size:20rem;margin:0;padding:.75rem;overflow:auto;border:1px solid var(--mirust-border-soft);border-radius:var(--mirust-radius-sm);background:var(--mirust-page);font-size:.7rem;white-space:pre}@media (max-width:78rem){.composer-layout{grid-template-columns:minmax(0,1fr)}.composer-result{position:static;max-block-size:none;overflow:visible}}@media (max-width:64rem){.composer-hero__inner{grid-template-columns:minmax(0,1fr);min-block-size:0}.composer-hero__copy h1{max-inline-size:11ch}.composer-hero__diagram{max-inline-size:50rem}.composer-choice-grid--three,.composer-home-metrics,.composer-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:46rem){.composer-hero__inner{padding-block:3.25rem}.composer-hero__copy h1{max-inline-size:none;font-size:clamp(2.7rem,15vw,4.6rem)}.composer-hero__diagram{grid-template-columns:1fr}.composer-hero__diagram>*{min-block-size:3.5rem}.composer-hero__diagram>*:not(:last-child)::after{content:"↓";inset-block-end:-.72rem;inset-block-start:auto;inset-inline-end:50%;translate:50% 0}.composer-field-grid,.composer-choice-grid--three,.composer-choice-grid--two,.composer-skill-grid,.composer-home-metrics,.composer-family-grid,.composer-metric-grid,.composer-topology-summary dl{grid-template-columns:minmax(0,1fr)}.composer-panel,.composer-form__header,.composer-result{padding:1rem}.composer-form__actions{align-items:stretch;flex-direction:column}.composer-form__actions>*{inline-size:100%;text-align:center}.composer-result__header{align-items:start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.composer-choice-card>span,.composer-skill-card>span,.composer-result{scroll-behavior:auto;transition:none}}@media (forced-colors:active){.composer-choice-card input:checked + span,.composer-skill-card input:checked + span,.composer-fit,.composer-result{border-color:CanvasText}}}.composer-page-shell>.wp-block-post-content,.composer-page-shell>.wp-block-post-content>*{max-width:none!important;max-inline-size:none!important}.section-shell:is(.wp-block-group-is-layout-constrained,.is-layout-constrained)>:where(.composer-home-metrics,.composer-family-grid){width:100%!important;inline-size:100%!important;max-width:none!important;max-inline-size:none!important}