/* Original HF Recipe windows; shared V4 eleven-pixel top keeps the original body coordinates. */
.v4-common-craft{left:calc(50vw - 127px);top:calc(50vh - 203px);z-index:100;color:#d5d3c5;font:11px Arial,sans-serif;text-shadow:1px 1px #000}
.v4-common-craft .v4-craft-content{position:absolute;inset:0;pointer-events:none}
.v4-common-craft .v4-craft-content>*{pointer-events:auto}
.v4-craft-decoration{z-index:-1;pointer-events:none!important;border:0;border-image-slice:1 fill;border-image-width:1px}
.v4-craft-slots{background-position:left top;background-repeat:repeat}
.v4-craft-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:12px}
.v4-craft-icon{display:inline-block;width:32px;height:32px;flex:0 0 32px;overflow:hidden;font:9px Arial,sans-serif}
.v4-craft-icon img{width:32px;height:32px;display:block}
.v4-craft-grid{display:grid;grid-template-columns:repeat(6,32px);column-gap:4px;row-gap:4px;grid-auto-rows:32px;align-content:start;overflow:auto;overscroll-behavior:contain}
.v4-craft-book-grid{column-gap:5px}
.v4-common-craft .v4-craft-grid>button,.v4-craft-grid>div{position:relative;width:32px;height:32px;box-sizing:border-box;padding:0;border:0;border-image:none;border-radius:0;background:none;color:inherit;cursor:default}
.v4-craft-grid small{position:absolute;right:0;bottom:0;color:#fff;font:10px Arial,sans-serif;text-shadow:1px 1px #000,-1px -1px #000}
.v4-craft-grid>.missing{opacity:.5}
.v4-craft-grid>button[aria-pressed=true]::after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--craft-selection) center/32px 32px no-repeat}
.v4-common-craft .v4-craft-button{padding:0;border:0;border-radius:0;background:none;border-image:var(--craft-normal) 0 17 5 13 fill / 0 14px 0 13px stretch;color:inherit;font:12px Arial,sans-serif;text-shadow:1px 1px #000}
.v4-common-craft .v4-craft-button:hover:not(:disabled){border-image-source:var(--craft-over,var(--craft-normal))}
.v4-common-craft .v4-craft-button:active:not(:disabled){border-image-source:var(--craft-down)}
.v4-common-craft .v4-craft-picture-button{border-image:none;background:var(--craft-normal) center/100% 100% no-repeat}
.v4-common-craft .v4-craft-picture-button:hover:not(:disabled){background-image:var(--craft-over)}
.v4-common-craft .v4-craft-picture-button:active:not(:disabled){background-image:var(--craft-down)}
.v4-common-craft button:focus-visible{outline:1px solid #aaa17b;outline-offset:-1px}
.v4-craft-mp{background-repeat:repeat-x;background-size:auto 12px}
.v4-craft-mp>i{display:block;height:12px;background-repeat:repeat-x}
.v4-craft-mp>span{position:absolute;inset:0;text-align:center;font:10px/12px Arial,sans-serif;color:#fff}
.v4-craft-result{line-height:13px;overflow:auto;overflow-wrap:anywhere;white-space:normal}
.v4-craft-book-notice{position:absolute;left:12px;top:362px;width:180px;margin:0;line-height:13px;color:#e7c69c}
.v4-craft-tree{left:calc(50vw + 132px);z-index:101}
.v4-craft-tree-list{padding:0;margin:0;overflow:auto;overscroll-behavior:contain}
.v4-craft-tree-list ul{padding:0 0 0 16px;margin:0}
.v4-craft-tree-list li{list-style:none}
.v4-craft-tree-row{display:flex;align-items:center;min-height:38px;gap:2px;white-space:nowrap}
.v4-craft-tree-row>span:last-child{max-width:178px;overflow:hidden;text-overflow:ellipsis}
.v4-craft-tree-row small{display:block}
.v4-common-craft .v4-craft-tree-row>button{flex:0 0 12px;width:12px;height:12px;border:0;border-image:none;border-radius:0;padding:0;background:transparent center/12px 12px no-repeat}
.v4-craft-tree-row>button:disabled{opacity:0}
.v4-craft-confirm{box-sizing:border-box;padding:0;border:0;background:none;color:#d5d3c5;font:12px Arial,sans-serif;text-shadow:1px 1px #000;border-image:var(--craft-dialog-back) 8 fill / 8px stretch;outline:none;max-width:calc(100vw - 16px)}
.v4-craft-confirm::before{content:'';position:absolute;inset:10px 10px 41px;pointer-events:none;border-image:var(--craft-dialog-group) 1 fill / 1px stretch}
.v4-craft-confirm>img{position:absolute;left:17px;top:17px;width:32px;height:32px}
.v4-craft-confirm>p{position:absolute;left:55px;top:16px;width:calc(100% - 71px);height:70px;margin:0;line-height:14px;overflow:auto;overflow-wrap:anywhere}
.v4-craft-confirm>footer{position:absolute;left:calc(50% - 84px);top:106px;display:flex;gap:4px}
.v4-craft-confirm button{width:82px;height:27px;box-sizing:border-box;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-shadow:inherit;border-image:var(--craft-dialog-button) 0 17 5 13 fill / 0 14px 0 13px stretch}
.v4-craft-confirm button:active{border-image-source:var(--craft-dialog-down)}
.v4-craft-confirm button:focus-visible{outline:1px solid #aaa17b;outline-offset:-3px}