.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}body{font-size:16px;line-height:24px;background:#f0f0e5;color:#252519;font-family:Palatino Linotype,Book Antiqua,Palatino,FreeSerif,serif}ul{list-style:none}div.container{width:720px;display:block;margin-left:auto;margin-right:auto}.container table{margin-left:2em;margin-right:2em}#poly{margin-left:auto;margin-right:auto;float:left}#spec{width:240px;padding:2px 5px;font-family:monospace;font-size:13px;border:1px solid #aaa;border-radius:3px;background:#fafaf5}#palette{width:440px;max-width:90%;padding:3px 6px;font-family:monospace;font-size:12px;border:1px solid #aaa;border-radius:3px;background:#fafaf5;color:#333}.canvaswrapper{text-align:center;margin-right:auto;margin-left:auto;box-shadow:0 0 1px #aaa}.controlswrapper{text-align:center;margin-right:auto;margin-left:auto}.controlswrapper img{cursor:pointer}.specwrapper{text-align:center;margin-right:auto;margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}.spec-row,.palette-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.spec-row label,.palette-row label{min-width:52px;text-align:right;margin-right:2px}.spec-row #link{text-decoration:none;color:#555;font-size:16px;line-height:1;vertical-align:middle;display:inline-block}.spec-row #link:hover{color:#111}.palette-select{font-family:inherit;font-size:12px;padding:2px 4px;border:1px solid #999;border-radius:3px;background:#fafaf5;color:#252519;cursor:pointer;height:24px}.recipe-select{width:185px;max-width:185px;text-overflow:ellipsis}.palette-swatches{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;background:#0000000a;border:1px solid rgba(0,0,0,.12);border-radius:4px;-webkit-user-select:none;user-select:none}.swatch-item{position:relative;width:22px;height:22px;border-radius:3px;border:1px solid rgba(0,0,0,.38);box-sizing:border-box;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease;box-shadow:inset 0 0 0 1px #ffffff40}.swatch-item:hover{transform:translateY(-1px) scale(1.06);border-color:#000000bf;z-index:2}.swatch-item.swatch-unused{opacity:.45;border-style:dashed}.swatch-item.swatch-unused:hover{opacity:.85}.swatch-item.swatch-dragging{transform:scale(1.14);box-shadow:0 2px 6px #00000059;border-color:#111;z-index:5;cursor:grabbing}.swatch-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;border:none;cursor:inherit}.palette-step-group{display:inline-flex;align-items:center;gap:2px}.swatch-step-btn{width:18px;height:20px;padding:0;line-height:18px;font-size:13px;font-family:monospace;border:1px solid #888;border-radius:2px;background:#fafaf5;color:#252519;cursor:pointer;-webkit-user-select:none;user-select:none}.swatch-step-btn:hover:not(:disabled){background:#e6e6da;border-color:#333}.swatch-step-btn:disabled{opacity:.35;cursor:default}.textbutton{-webkit-user-select:none;user-select:none;font-size:11px;font-family:sans-serif;letter-spacing:.03em;line-height:18px;cursor:pointer;border:1px solid #555;border-radius:3px;padding:1px 6px;background:#fafaf5;color:#252519;transition:background .1s ease}.textbutton:hover{background:#e6e6da;border-color:#111}.textbutton.active{background:#dcdccf;border-color:#111}.palette-hex-row{width:100%;text-align:center}.statswrapper{text-align:center;margin-right:auto;margin-left:auto}.statswrapper div{font-size:12px}.statswrapper label{vertical-align:top}#statsinner{margin-right:auto;margin-left:auto;display:inline-block;text-align:left;padding:0;position:relative}#basicstats,#morestats{display:inline-block}label{font-variant:small-caps}.leftside,.rightside{display:block;float:left;height:400px;width:110px}.fadey{color:#f006}.footer{text-align:center;font-size:12px}[hidden]{display:none!important}#spec.spec-error{border-color:#c84b31;background:#fff5f3}.recipe-code-badge{display:inline-flex;align-items:center;padding:1px 8px;height:22px;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;color:#3a3a2c;background:#0000000b;border:1px dashed #aaa89a;border-radius:3px;cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s ease,border-color .1s ease}.recipe-code-badge:hover{background:#fafaf5;border-color:#555;border-style:solid}.recipe-builder{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.recipe-chain-row{width:100%;display:flex;justify-content:center}.recipe-chain-strip{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;padding:5px 8px;background:#00000009;border:1px solid rgba(0,0,0,.12);border-radius:6px;max-width:100%;box-sizing:border-box}.chain-ops-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.chain-add-op-btn{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 9px;font-family:sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#252519;background:#fafaf5;border:1px dashed #666;border-radius:4px;cursor:pointer;transition:all .12s ease}.chain-add-op-btn .add-plus{font-size:14px;font-weight:700;color:#b83b24;line-height:1}.chain-add-op-btn:hover{background:#e6e6da;border-style:solid;border-color:#222}.chain-add-op-btn.active{background:#252519;color:#fafaf5;border-style:solid;border-color:#252519}.chain-add-op-btn.active .add-plus{color:#ff8e72}.chain-chip{display:inline-flex;align-items:stretch;height:30px;background:#fafaf5;border:1px solid #9a9a8c;border-radius:4px;box-shadow:0 1px 1px #0000000d;overflow:hidden;-webkit-user-select:none;user-select:none;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease,background .1s ease}.chain-chip:hover{border-color:#444;transform:translateY(-1px);box-shadow:0 2px 4px #00000017}.chain-chip.selected{border-color:#b83b24;background:#fff9f5;box-shadow:0 0 0 1px #b83b24,0 2px 5px #b83b242e}.chain-chip.chip-dragging{transform:scale(1.06);box-shadow:0 4px 10px #00000040;border-color:#111;z-index:10;cursor:grabbing}.chain-base-chip{background:#f4efe2;border-color:#87765c;border-width:1px 1px 1px 2.5px}.chain-base-chip:hover{background:#ede6d5;border-color:#4a3f2f}.chain-base-chip.selected{border-color:#b83b24;background:#fff7ed}.chain-chip-main{display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:none;background:transparent;color:#252519;cursor:pointer;font-family:sans-serif;font-size:12px;line-height:1}.chip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#2b2b20;flex-shrink:0}.chip-text{display:inline-flex;align-items:baseline;gap:3.5px}.chip-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;font-size:12.5px;color:#111}.chip-name{font-size:11.5px;color:#4a4a3a;white-space:nowrap}.chip-param-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;padding:1.5px 4.5px;border-radius:3px;background:#b83b241c;color:#8f2916;border:1px solid rgba(184,59,36,.25);white-space:nowrap}.chip-param-dot{font-size:10px;color:#8a8a78;margin-left:-1px}.chip-caret{font-size:10px;color:#666;margin-left:1px}.chain-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:17px;padding:0;border:none;border-left:1px solid rgba(0,0,0,.08);background:transparent;color:#888;font-size:13px;line-height:1;cursor:pointer;transition:background .1s ease,color .1s ease}.chain-chip-remove:hover{background:#f5d8d2;color:#a12312}.chain-seed-arrow{font-size:11px;color:#777768;padding:0 1px;-webkit-user-select:none;user-select:none}.base-inline-stepper{display:inline-flex;align-items:stretch;border-left:1px solid rgba(0,0,0,.12)}.base-step-btn{width:17px;padding:0;border:none;background:#ffffff59;color:#333;font-family:monospace;font-size:12px;font-weight:600;cursor:pointer;transition:background .1s ease}.base-step-btn+.base-step-btn{border-left:1px solid rgba(0,0,0,.1)}.base-step-btn:hover:not(:disabled){background:#0000001a}.base-step-btn:disabled{opacity:.35;cursor:default}.chain-clear-btn{height:24px;padding:0 6px;font-family:sans-serif;font-size:10.5px;color:#666;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.chain-clear-btn:hover{color:#a12312;border-color:#a123124d;background:#a123120f}.recipe-workbench{width:100%;box-sizing:border-box;background:#fafaf5;border:1px solid #aba999;border-radius:6px;padding:8px 10px;box-shadow:0 2px 8px #00000012;text-align:left;font-family:sans-serif;font-size:12px;line-height:1.35;display:flex;flex-direction:column;gap:8px}.wb-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.09)}.wb-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:12px;color:#252519}.wb-title-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.wb-op-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;background:#b83b241f;color:#8f2916;padding:1px 5px;border-radius:3px}.wb-equiv-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:#666;background:#0000000d;padding:1px 4px;border-radius:3px}.wb-subtitle{color:#5a5a4a;font-size:11.5px}.wb-header-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.wb-action-btn{padding:2px 7px;font-size:11px;font-family:sans-serif;background:#f0f0e5;color:#252519;border:1px solid #999;border-radius:3px;cursor:pointer}.wb-action-btn:hover{background:#e4e4d6;border-color:#333}.wb-action-btn.active{background:#252519;color:#fafaf5;border-color:#252519}.wb-danger-btn:hover{background:#f7dbd6;border-color:#b83b24;color:#8f2010}.wb-close-btn{width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:#666;font-size:16px;line-height:1;cursor:pointer}.wb-close-btn:hover{background:#00000014;color:#111}.wb-param-section{display:flex;flex-direction:column;gap:6px;background:#f3f2e8;border:1px solid rgba(0,0,0,.1);border-radius:5px;padding:7px 9px}.wb-param-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.wb-param-label{font-variant:normal;font-weight:600;font-size:11.5px;color:#333326;min-width:145px}.wb-param-sublabel{font-size:11px;font-weight:600;color:#554;margin-right:2px}.wb-slider{width:140px;accent-color:#b83b24;cursor:pointer;margin:0}.wb-num-input{width:58px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;border:1px solid #999;border-radius:3px;background:#fafaf5;color:#252519}.wb-pills-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px}.wb-pill{padding:2px 6px;font-family:sans-serif;font-size:11px;color:#333324;background:#fafaf5;border:1px solid #aaa89a;border-radius:3px;cursor:pointer;transition:all .1s ease}.wb-pill:hover{background:#e8e7da;border-color:#555}.wb-pill.active{background:#b83b24;color:#fff;border-color:#962b17}.wb-pill.wb-pill-empty{opacity:.5;border-style:dashed}.wb-johnson-select{min-width:245px;max-width:310px}.wb-tip-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:11px;color:#554;padding-top:4px;border-top:1px dashed rgba(0,0,0,.12)}.wb-op-picker{display:flex;flex-direction:column;gap:6px}.wb-tabs-bar{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.wb-tabs-label{font-size:11px;font-weight:600;color:#554;margin-right:2px}.wb-tab-btn{padding:2px 8px;font-family:sans-serif;font-size:11px;color:#3a3a2c;background:#f0f0e5;border:1px solid #b5b4a6;border-radius:12px;cursor:pointer;transition:all .1s ease}.wb-tab-btn:hover{background:#e4e4d6;border-color:#666}.wb-tab-btn.active{background:#252519;color:#fafaf5;border-color:#252519}.wb-op-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:5px}.wb-base-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:5px}.wb-card{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#f4f4eb;border:1px solid #bab9aa;border-radius:4px;color:#252519;cursor:pointer;text-align:left;font-family:sans-serif;transition:all .1s ease}.wb-card:hover{background:#eae9dc;border-color:#444;transform:translateY(-1px);box-shadow:0 1px 3px #00000014}.wb-card.active{background:#fff6f2;border-color:#b83b24;box-shadow:inset 0 0 0 1px #b83b24}.wb-card-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:#252519}.wb-card-icon .op-svg{width:22px;height:22px}.wb-card-info{display:flex;flex-direction:column;min-width:0;line-height:1.15}.wb-card-top{display:flex;align-items:center;gap:3px}.wb-card-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;color:#111}.wb-card-code i{font-weight:400;font-size:10px;color:#666}.wb-card-param-star{font-size:10px;color:#b83b24}.wb-card-name{font-size:10.5px;color:#4a4a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-hover-bar{padding:4px 7px;background:#f0efe4;border-radius:3px;font-size:11px;color:#443;min-height:16px}.wb-hover-bar code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;color:#8f2916}