@font-face{font-family:Excalifont;src:url(/assets/Excalifont-Regular-C9eKQy_N.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--sketch-font:"Excalifont", sans-serif;--corpo-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:var(--sketch-font);--bg:#faf9f7;--panel:#fff;--text:#252525;--muted:#777;--border:#aaa;--border-soft:#d8d8d8;--control-bg:#fff;--control-hover:#f1f1f1;--inactive-bg:#f7f7f7;--item-a:darkorange;--item-b:dodgerblue;--ok:mediumseagreen;--err:crimson;font-family:var(--font-body);color:var(--text);background:var(--bg)}:root[data-font=sketch]{--font-body:var(--sketch-font)}:root[data-font=sans]{--font-body:var(--corpo-font)}:root[data-theme=dark]{--bg:#161616;--panel:#202020;--text:#ededed;--muted:#aaa;--border:#595959;--border-soft:#393939;--control-bg:#282828;--control-hover:#333;--inactive-bg:#242424;--item-a:#f2a23a;--item-b:#4ca4f5;--ok:#55c98b;--err:#ef667d}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{color:var(--text);background:var(--bg)}body{min-height:100dvh;font-family:var(--font-body);color:var(--text);background:var(--bg);transition:background-color .12s,color .12s}span,p,h1,h2,h3,h4,h5,h6{font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}article{width:min(1400px,80%);min-height:100dvh;margin-inline:auto;padding:18px;position:relative}article>*{min-width:0}.mainGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.appHeader{background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;padding:0;display:flex}.pageTitle{min-width:0;color:var(--text);margin:0;padding:0;font-size:2.2rem;line-height:1}.appHeaderControls{flex-shrink:0;align-items:center;gap:12px;display:flex}.toggleControl{align-items:center;gap:5px;display:flex}.toggleLabel{color:var(--muted);white-space:nowrap;font-size:.75rem}.toggleGroup{border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:center;padding:2px;display:flex}.toggleGroup button{appearance:none;min-width:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:.8rem;line-height:1.2;transition:background-color .12s,color .12s}.toggleGroup button:hover{color:var(--text);background:color-mix(in srgb, var(--text) 7%, transparent)}.toggleGroup button.active{color:var(--text);background:color-mix(in srgb, var(--text) 13%, transparent)}.toggleGroup button:focus-visible{outline:2px solid var(--text);outline-offset:1px}section{border:2px solid var(--border);background:var(--panel);border-radius:6px;min-width:0;padding:10px}section>header,.recombInput>header,.recombResult>header,.recombValidation>header{border-bottom:1px solid var(--border-soft);margin-bottom:10px;padding-bottom:6px}h2{font-size:1.5rem;line-height:1.1}h3{font-size:1.15rem;line-height:1.1}p{margin-top:4px}.hg2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vg2{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.recombInput{width:100%;min-width:0;min-height:100px;padding:8px}.itemA{border-color:var(--item-a)}.itemB{border-color:var(--item-b)}.recombInput.itemA>header,.recombResult.itemA>header{color:var(--item-a)}.recombInput.itemB>header,.recombResult.itemB>header{color:var(--item-b)}.recombInput main{color:var(--text);flex-direction:column;gap:6px;display:flex}.recombResult main,.recombResult table,.recombResult th,.recombResult td,.recombResult p{color:var(--text)}.recombMod{border-radius:5px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 8px;transition:opacity .12s,background-color .12s,border-color .12s;display:flex}.gapRow{align-items:center;gap:5px;display:flex}.recombMod>.gapRow:first-child{flex:1;min-width:0}.recombMod.inactive{border:1px dashed var(--border);color:var(--muted);opacity:.65;background:var(--inactive-bg)}.itemA .recombMod.active{border:2px solid var(--item-a);color:var(--text)}.itemB .recombMod.active{border:2px solid var(--item-b);color:var(--text)}input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.button{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:2px 7px;font-size:.78rem;line-height:1.2;transition:transform 80ms,background-color .12s,border-color .12s,color .12s}.button:hover{background:var(--control-hover)}.button:active{transform:translateY(1px)}.button.inactive{border-color:var(--border-soft);color:var(--muted)}.itemA .button.active{border-color:var(--item-a);color:var(--item-a);background:color-mix(in srgb, var(--item-a) 10%, var(--panel))}.itemB .button.active{border-color:var(--item-b);color:var(--item-b);background:color-mix(in srgb, var(--item-b) 10%, var(--panel))}.recombInput hr{border:0;border-top:1px dashed var(--border-soft);width:100%;margin:3px 0}.inputsHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.selectAllButton{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:.8rem;transition:background-color .12s,color .12s,border-color .12s}.selectAllButton:hover{border-color:var(--text);background:var(--control-hover);color:var(--text)}aside{margin-top:18px}.recombValidation{border-color:var(--border-soft)}.validationOK{color:var(--ok)}.validationERR{color:var(--err)}.recombValidation main{color:var(--text)}.recombValidation p{border-left:3px solid var(--err);background:color-mix(in srgb, var(--err) 7%, var(--panel));border-radius:3px;margin-top:7px;padding:7px 9px;font-size:.9rem;line-height:1.35}table{border-collapse:collapse;width:100%;max-width:100%;color:var(--text);font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border-soft);padding:6px 8px}th{color:var(--muted);font-size:.8rem;font-weight:400}th:last-child,td:last-child{text-align:right;white-space:nowrap;width:1%}tbody tr:last-child td{border-bottom:0}.workedExample{grid-column:1/-1;min-width:0}.workedExample>main{min-width:0}.workedExampleImage{width:100%;min-width:0}.workedExampleOpen{appearance:none;cursor:default;background:0 0;border:0;border-radius:4px;width:100%;padding:0;display:block;position:relative;overflow:hidden}@media (width<=600px){.workedExampleOpen{cursor:zoom-in}}.workedExampleOpen img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.workedExampleHint{display:none}.imageDialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);background:var(--bg);border:0;margin:0;padding:0}.imageDialog::backdrop{background:#000c}.imageDialog[open]{flex-direction:column;display:flex}.imageDialogToolbar{border-bottom:1px solid var(--border-soft);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.imageDialogToolbar button{appearance:none;border:1px solid var(--border);background:var(--control-bg);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:5px;padding:0;font-size:1.3rem;line-height:1}.imageDialogToolbar button:hover{background:var(--control-hover)}.imageDialogViewport{background:var(--bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;justify-content:center;align-items:flex-start;padding:12px;display:flex;overflow:auto}.imageDialogViewport img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 80px);margin:auto;display:block}.desktopSidebar{display:contents}.sideNote{width:150px;color:var(--muted);opacity:.9;text-align:justify;margin:0;font-size:.72rem;line-height:1.3;position:absolute;top:110px}.sideNote.left{right:calc(100% + 16px)}.sideNote.right{left:calc(100% + 16px)}.sideNote h2{margin:16px 0 5px;font-size:.82rem;line-height:1.2}.sideNote h2:first-child{margin-top:0}.sideNote.left h2{color:var(--item-a)}.sideNote.right h2{color:var(--item-b)}.sideNote p{margin-top:6px}.sideNote hr{border:0;border-top:1px solid var(--border-soft);margin:9px 0}.sideNote a{color:inherit;text-decoration:underline}.sideNote a:hover{color:var(--text)}.mobileSidebar{display:none}.sidebarInfoButton{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:.8rem;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.sidebarInfoButton:hover{border-color:var(--text);color:var(--text);background:var(--control-hover)}.sidebarDialog{border:2px solid var(--border);width:min(560px,100% - 24px);max-height:min(760px,100dvh - 24px);color:var(--text);background:var(--panel);border-radius:8px;margin:auto;padding:0}.sidebarDialog::backdrop{background:#0000008c}.sidebarDialogContent{flex-direction:column;max-height:min(760px,100dvh - 24px);display:flex}.sidebarDialogHeader{border-bottom:1px solid var(--border-soft);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px;display:flex}.sidebarDialogHeader h2{font-size:1.35rem}.sidebarDialogClose{appearance:none;border:1px solid var(--border);background:var(--control-bg);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:5px;padding:0;font-size:1.25rem;line-height:1}.sidebarDialogClose:hover{background:var(--control-hover)}.sidebarDialogBody{overscroll-behavior:contain;padding:12px;overflow-y:auto}.mobileNote{background:0 0;border:0;border-radius:0;padding:0}.mobileNote+.mobileNote{border-top:1px solid var(--border-soft);margin-top:22px;padding-top:18px}.mobileNote h2{margin:18px 0 6px;font-size:1.15rem}.mobileNote h2:first-child{margin-top:0}.mobileNote p{margin-top:7px;font-size:.9rem;line-height:1.45}.mobileNote hr{border:0;border-top:1px solid var(--border-soft);margin:12px 0}.mobileNote a{color:inherit;text-decoration:underline}.mobileNote a:hover{color:var(--text)}.mobileNote:first-child h2{color:var(--item-a)}.mobileNote:last-child h2{color:var(--item-b)}@media (width<=1400px){article{width:min(1200px,94%)}.desktopSidebar{display:none}.mobileSidebar{justify-content:flex-end;margin-bottom:10px;display:flex}}@media (width<=900px){article{width:96%;padding:14px}.mainGrid{grid-template-columns:minmax(0,1fr);gap:14px}.workedExample{grid-column:1}}@media (width<=700px){.hg2{grid-template-columns:minmax(0,1fr)}.pageTitle{font-size:1.8rem}}@media (width<=600px){article{width:100%;padding:10px}.mainGrid{gap:10px}section{padding:8px}.appHeader{flex-direction:column;align-items:flex-start}.appHeaderControls{flex-wrap:wrap;justify-content:flex-end;width:100%}.inputsHeader{flex-wrap:wrap;align-items:flex-start}.recombMod{flex-direction:column;align-items:flex-start}.recombMod>.gapRow:last-child{flex-wrap:wrap}.recombResult{overflow-x:auto}.recombResult table{min-width:380px}.workedExampleOpen{max-height:260px}.workedExampleOpen img{object-fit:cover;object-position:top left;width:100%;height:260px}.workedExampleHint{color:#fff;background:#000000b8;border-radius:4px;padding:4px 7px;font-size:.75rem;display:block;position:absolute;bottom:8px;right:8px}.imageDialogViewport{padding:8px}.imageDialogViewport img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 72px)}.sidebarDialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.sidebarDialogContent{max-height:calc(100dvh - 16px)}}.editableLabel{appearance:none;min-width:0;max-width:100%;color:inherit;font:inherit;line-height:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:1px solid #0000;border-radius:3px;margin:0;padding:1px 3px;transition:border-color .1s,background-color .1s;overflow:hidden}.editableLabel:hover{border-color:var(--border-soft);background:color-mix(in srgb, var(--text) 4%, transparent)}.editableLabel:focus-visible{outline:1px solid var(--border);outline-offset:1px}.editableLabelInput{border:1px solid var(--border);background:var(--control-bg);width:100%;min-width:0;color:var(--text);font:inherit;line-height:inherit;border-radius:3px;outline:none;margin:0;padding:1px 3px}.editableLabelInput:focus{border-color:currentColor}.recombResultHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.recombResultHeader h3{min-width:0}.seeResultsButton{appearance:none;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:.8rem}.resultDialog{border:2px solid var(--border);width:min(1500px,100vw - 32px);max-width:none;height:min(900px,100dvh - 32px);max-height:none;color:var(--text);background:var(--bg);border-radius:8px;padding:0}.resultDialog::backdrop{background:#000000a6}.resultDetails{flex-direction:column;height:100%;display:flex}.resultDetailsHeader{border-bottom:1px solid var(--border-soft);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:14px 16px;display:flex}.resultDetailsHeader p{color:var(--muted);margin-top:4px;font-size:.85rem}.resultDetailsClose{appearance:none;border:1px solid var(--border);background:var(--control-bg);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:5px;padding:0;font-size:1.4rem}.resultDetailsBody{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.resultConfigRow{border:1px solid var(--border-soft);background:var(--panel);border-radius:6px;grid-template-columns:90px 70px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:12px;display:grid}.resultConfigOdds{color:var(--text);font-size:1.5rem;line-height:1}.resultConfigName{color:var(--muted);font-size:1.05rem;line-height:1}.resultItems{overscroll-behavior-x:contain;overscroll-behavior-x:contain;align-items:flex-start;gap:8px;min-width:0;padding-bottom:5px;display:flex;overflow-x:auto}.resultItemPreview{border:1px solid var(--border);background:var(--bg);border-radius:5px;flex:0 0 160px;min-width:160px;padding:7px}.resultItemMods{flex-direction:column;gap:3px;display:flex}.resultItemMod{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:3px 5px;font-size:.75rem;line-height:1.25;overflow:hidden}.resultItemMod.sourceA{border-left:3px solid var(--item-a);background:color-mix(in srgb, var(--item-a) 8%, transparent)}.resultItemMod.sourceB{border-left:3px solid var(--item-b);background:color-mix(in srgb, var(--item-b) 8%, transparent)}.resultItemDivider{border-top:1px dashed var(--border-soft);margin:4px 0}@media (width<=600px){.resultDialog{border:0;border-radius:0;width:100vw;height:100dvh}.resultDetailsHeader{align-items:flex-start;padding:10px}.resultDetailsBody{padding:8px}.resultConfigRow{grid-template-columns:72px 55px minmax(0,1fr);gap:8px;padding:9px}.resultConfigOdds{font-size:1.25rem}.resultConfigName{font-size:.95rem}.resultItemPreview{flex-basis:145px;min-width:145px}}.devBanner{border:2px solid var(--err);background:color-mix(in srgb, var(--err) 14%, var(--panel));color:var(--err);text-align:center;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:.9rem}.devBanner:before{content:"⚠ "}.inputsHeaderActions{align-items:center;gap:6px;display:flex}.resetButton{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:.8rem;transition:background-color .12s,border-color .12s,color .12s}.resetButton:hover{border-color:var(--err);background:color-mix(in srgb, var(--err) 7%, var(--panel));color:var(--err)}.dangerousCustomizationWarning{border-left:3px solid var(--border);background:color-mix(in srgb, var(--muted) 7%, var(--panel));color:var(--muted);border-radius:3px;align-items:flex-start;gap:7px;margin-top:10px;padding:7px 9px;font-size:.78rem;line-height:1.35;display:flex}.dangerousCustomizationWarning .warningIcon{color:#d6a400;flex-shrink:0;font-size:1rem;line-height:1.05}.dangerousCustomizationWarning b{color:var(--text)}
