:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#e6e4de;--panel:#f2f1ec;--field:#fff;--ink:#16191c;--ink-soft:#5f635f;--rule:#c8c5bc;--hinge:#16191c;--claim:#2c6a58;--tally:#b5301a;--code:#1a1e21;--code-ink:#eceae3;--step:.75rem;--flag-right:24rem;--sans:"Barlow", system-ui, sans-serif;--condensed:"Barlow Condensed", "Barlow", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2316191c' stroke-width='1.6'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#121416;--panel:#1b1e22;--field:#24282d;--ink:#e8e4da;--ink-soft:#9aa09c;--rule:#2c3136;--hinge:#454b52;--claim:#7fd0b4;--tally:#ff8a75;--code:#0d0f11;--code-ink:#d9d5cb;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e8e4da' stroke-width='1.6'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#121416;--panel:#1b1e22;--field:#24282d;--ink:#e8e4da;--ink-soft:#9aa09c;--rule:#2c3136;--hinge:#454b52;--claim:#7fd0b4;--tally:#ff8a75;--code:#0d0f11;--code-ink:#d9d5cb;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e8e4da' stroke-width='1.6'/%3E%3C/svg%3E")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-track{background:0 0}html,body{height:100%}html{background:var(--ground);color:var(--ink);font:400 1rem / 1.45 var(--sans)}body{flex-direction:column;margin:0;padding:0;display:flex}.masthead{align-items:center;gap:calc(var(--step) * 1.5);padding:.5rem calc(var(--step) * 2);border-bottom:1px solid var(--rule);flex:none;display:flex}.logo{flex:none;width:2.25rem;height:2.25rem}.masthead h1{min-width:0;font-family:var(--condensed);letter-spacing:.01em;flex:1;margin:0;font-size:1.375rem;font-weight:600;line-height:1}.chooser,.theme-toggle{color:var(--ink-soft);background:0 0;flex:none;align-items:center;gap:.5rem;padding:.4rem .8rem;line-height:1;display:inline-flex}.chooser:hover,.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.chooser svg{flex:none;width:1em;height:1em;display:block}.github{width:2rem;height:2rem;color:var(--ink-soft);border:1px solid var(--rule);flex:none;justify-content:center;align-items:center;display:inline-flex}.github:hover{color:var(--ink);border-color:var(--ink)}.github svg{fill:currentColor;width:1rem;height:1rem}.rig{grid-template-columns:minmax(0, 1fr) var(--flag-right);gap:calc(var(--step) * 2);min-height:0;padding:calc(var(--step) * 2);flex:1;grid-template-areas:"frame right";align-items:stretch;display:grid}.frame,.flag-right{scrollbar-gutter:stable;min-width:0;min-height:0;overflow-y:auto}.frame{padding-right:var(--step);grid-area:frame}.flag-right{grid-area:right}.flag-bottom{margin-top:calc(var(--step) * 2)}.flag{padding:calc(var(--step) * 1.5) calc(var(--step) * 1.5) calc(var(--step) * 2);background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--hinge);min-width:0}.flag-head{justify-content:space-between;align-items:center;gap:var(--step);margin-bottom:var(--step);display:flex}.flag h2,.flag legend,.composition-title{font-family:var(--condensed);margin:0;padding:0;font-size:1.125rem;font-weight:600;line-height:1.2}.flag h3{font-family:var(--condensed);color:var(--ink-soft);margin:0 0 .35rem;font-size:.9375rem;font-weight:600}mattebox-player{border:1px solid var(--rule);background:#000;display:block}mattebox-player>video{object-fit:contain;max-height:72vh}mattebox-player[fullscreen]>video{height:100%;max-height:none}mattebox-player::part(error){gap:calc(var(--step) * 1.5);padding:.55rem var(--step);background:var(--code);color:var(--code-ink);font:400 .875rem / 1.4 var(--sans)}mattebox-player::part(error){color:#f0b5a8;border-top:1px solid #2c3236}.status{min-height:1.4em;font-family:var(--mono);color:var(--ink-soft);margin:.5rem 0 0;font-size:.8125rem}.status.ok{color:var(--claim)}.status.bad{color:var(--tally)}select,input,button{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--rule);min-width:0;padding:.45rem .6rem}input::-webkit-input-placeholder{color:var(--ink-soft);opacity:.8}input::-moz-placeholder{color:var(--ink-soft);opacity:.8}input::-ms-input-placeholder{color:var(--ink-soft);opacity:.8}input::placeholder{color:var(--ink-soft);opacity:.8}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-image:var(--chevron);background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem .5rem;padding-right:2.2rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font-family:var(--condensed);cursor:pointer;font-size:1rem;font-weight:600}button:hover{border-color:var(--ink)}:focus-visible{outline:2px solid var(--claim);outline-offset:1px}.wide{width:100%;margin-top:var(--step);display:block}.row{gap:var(--step);margin-top:var(--step);display:flex}.grow{flex:1}.hint{color:var(--ink-soft);margin:.5rem 0 0;font-size:.875rem}.hint.bad{color:var(--tally)}.group{margin:calc(var(--step) * 2) 0 0;border:0;padding:0}.group legend+*{margin-top:var(--step)}.field{margin-top:var(--step);flex-direction:column;gap:.3rem;font-size:.9375rem;display:flex}.field>span{color:var(--ink-soft)}.field input,.field select{width:100%}.pair{gap:0 var(--step);grid-template-columns:1fr 1fr;display:grid}.checks{gap:.5rem calc(var(--step) * 1.5);margin-top:var(--step);flex-wrap:wrap;display:flex}.check{cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.check input{width:1rem;height:1rem;accent-color:var(--claim);margin:0;padding:0}#content-dialog{background:var(--panel);width:min(58rem,100vw - 2rem);height:min(38rem,100vh - 2rem);color:var(--ink);border:1px solid var(--rule);border-top:3px solid var(--hinge);flex-direction:column;margin:auto;padding:0;display:none}#content-dialog[open]{display:flex}#content-dialog::-ms-backdrop{background:rgba(0,0,0,.55)}#content-dialog::backdrop{background:rgba(0,0,0,.55)}#content-dialog .flag-head{padding:calc(var(--step) * 1.5) calc(var(--step) * 2) var(--step);border-bottom:1px solid var(--rule);flex:none;margin:0}#content-dialog .flag-head h2{font-family:var(--condensed);margin:0 auto 0 0;font-size:1.125rem;font-weight:600;line-height:1.2}#content-dialog [role=tabpanel]{min-height:0;padding:0 calc(var(--step) * 2) calc(var(--step) * 2);flex:1;overflow-y:auto}#close-content{padding:.3rem .6rem}.picks{margin:var(--step) 0 0;border:1px solid var(--rule);max-height:13.5rem;padding:0;list-style:none;overflow-y:auto}.picks.tall{max-height:22rem}.result-meta{font-family:var(--mono);color:var(--ink-soft);margin-top:.15rem;font-size:.75rem;display:block}.picks .result-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picks button{width:100%;font:inherit;text-align:left;border:0;border-bottom:1px solid var(--rule);background:0 0;padding:.55rem .7rem;display:block}.result-title{display:block}#composition{margin-top:var(--step)}.resources{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.875rem}.resources th,.resources td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;padding:.45rem .5rem}.resources th{color:var(--ink-soft);font-family:var(--condensed);font-weight:600}.resources button{padding:.2rem .6rem}.segments{display:flex}.segments button{padding:.25rem .7rem}.segments button+button{border-left:0}.picks button:hover{background:var(--ground)}.picks button:focus-visible{background:var(--ground)}.segments button[aria-selected=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.picks li.current button{box-shadow:inset 4px 0 0 var(--claim)}.pill{font-family:var(--mono);color:var(--claim);font-size:.75rem}.muted{color:var(--ink-soft)}.sides>div{min-width:0}.layout-list+.pair{margin-top:.75rem}.layout-list{border:1px dashed var(--rule);min-height:2.2rem;margin:0;padding:0;list-style:none}.layout-list li{background:var(--field);border-bottom:1px solid var(--rule);cursor:grab;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.layout-list li:last-child{border-bottom:0}.layout-list li.dragging{opacity:.4}.layout-list label{cursor:pointer;align-items:center;gap:.5rem;min-width:0;font-size:.9375rem;display:flex}.layout-list label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-list input{width:1rem;height:1rem;accent-color:var(--claim);flex:none;margin:0;padding:0}.layout-list .handle{width:10px;height:16px;fill:var(--ink-soft);flex:none}.layout-list li:hover .handle{fill:var(--ink)}#markup{padding:var(--step) calc(var(--step) * 1.5);background:var(--code);color:var(--code-ink);font-family:var(--mono);margin:0;font-size:.8125rem;line-height:1.55;overflow-x:auto}@media (max-width:64rem){html,body{height:auto}.masthead{z-index:2;background:var(--ground);position:-webkit-sticky;position:sticky;top:0}.rig{grid-template-columns:1fr;grid-template-areas:"frame""right"}.frame,.flag-right{padding-right:0;overflow:visible}}@media (max-width:52rem){body{padding-inline:var(--step)}.chooser span{display:none}#content-dialog{height:calc(100vh - 2rem)}.pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.theme-toggle,.chooser,.segments button{transition:background-color .12s,color .12s}}