/* Output contact sheet: unequal prints and worn material, scoped to region 07. */
.output{padding:7px 9px;transform:rotate(.65deg);transform-origin:50% 50%}
.output h2{border:0;padding:0;font:13px/1.2 var(--mono)}
.output h2 i{font-size:17px;margin-right:5px}
.output .tabs{position:absolute;left:8px;top:29px;gap:0;margin:0;height:24px;z-index:3}
.output .tabs button{padding:4px 9px;font:9px/1 var(--mono);letter-spacing:-.4px;background:#d6c6a8 url('/assets/materials/workbench-paper.webp?v=f910f8b107') 37% 65%/540px auto;color:#26251f;border:0;box-shadow:inset -1px 0 #5d53492b;clip-path:polygon(0 3%,19% 0,46% 3%,76% 0,100% 3%,99% 98%,78% 96%,51% 100%,24% 97%,0 99%)}
.output .tabs button.active{background-color:#eee1c5;background-blend-mode:screen;box-shadow:inset 0 -2px #bd422b,inset -1px 0 #5d53492b}
.output .tabs button:focus-visible{clip-path:none}
.output .tray{position:absolute;left:8px;top:64px;width:406px;height:203px;display:block}
.output .tile{position:absolute;display:block;grid-column:auto;border:0;padding:2px;background:#8c8771;box-shadow:none;overflow:hidden;clip-path:polygon(0 0,23% .4%,68% 0,100% .6%,99.7% 44%,100% 99.4%,62% 100%,22% 99.5%,0 100%,.4% 43%)}
.output .tile:nth-child(1){left:0;top:3px;width:118px;height:119px;transform:rotate(-1.1deg)}
.output .tile:nth-child(2){left:127px;top:-2px;width:162px;height:126px;transform:rotate(.7deg)}
.output .tile:nth-child(3){left:302px;top:39px;width:100px;height:90px;transform:rotate(-1.3deg)}
.output .tile:nth-child(4){left:1px;top:138px;width:115px;height:53px;transform:rotate(1deg)}
.output .tile:nth-child(5){left:123px;top:135px;width:69px;height:66px;transform:rotate(-1.6deg)}
.output .tile:nth-child(6){left:202px;top:142px;width:81px;height:59px;transform:rotate(.8deg)}
.output .tile:nth-child(7){left:294px;top:137px;width:110px;height:43px;transform:rotate(-1.1deg)}
.output .tile:focus-visible{clip-path:none;outline-offset:2px}
.output .tile>.art-thumb,.output .tile>.workflow-mini{background-color:#101311}
.output .tile .caption{opacity:0;transition:opacity .12s;font-size:8px}
.output .tile:hover .caption,.output .tile:focus-visible .caption{opacity:1}
.output .tile .sprite{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) scale(.68)}
.output .tile .workflow-mini{display:block;height:100%;font-size:6px;padding:2px}
.output .tile .workflow-mini b{padding:2px;margin:1px;border-color:#7c8d8555}
.output .view-all{right:10px;bottom:8px;width:103px;height:28px;font:11px var(--mono);border:0;background:#111310;box-shadow:inset 0 1px #b3b09a66,inset 1px 0 #a8a28b55,inset -1px 0 #78756655,inset 0 -1px #9e9a8866;transform:rotate(-.4deg);z-index:3}
.output .output-note{right:11px;top:28px;width:99px;bottom:auto;font-size:20px;line-height:1.02;font-weight:400;transform:rotate(-7deg);opacity:1;color:#d8d0b9;z-index:2;pointer-events:none}
.output .tray:not([data-output-filter=all]){display:block;height:180px;top:92px}
.output .tray:not([data-output-filter=all]) .tile:nth-child(1){left:1px;top:2px;width:124px;height:78px;transform:rotate(-.9deg)}
.output .tray:not([data-output-filter=all]) .tile:nth-child(2){left:140px;top:6px;width:124px;height:83px;transform:rotate(.8deg)}
.output .tray:not([data-output-filter=all]) .tile:nth-child(3){left:280px;top:-1px;width:122px;height:82px;transform:rotate(-.6deg)}
.output .tray:not([data-output-filter=all]) .tile:nth-child(4){left:12px;top:91px;width:115px;height:79px;transform:rotate(.7deg)}
.output .tray:not([data-output-filter=all]) .tile:nth-child(5){left:148px;top:99px;width:109px;height:69px;transform:rotate(-1.2deg)}
.output .tray:not([data-output-filter=all]) .tile .caption{opacity:1}
.output .tray:not([data-output-filter=all]) .tile .workflow-mini{font-size:8px;padding:6px}
.output .print-wear{position:absolute;inset:0;pointer-events:none;background:url('/static/home/assets/output-print-wear.svg?v=a964436d1b') center/100% 100%;z-index:3}
.output .tile:nth-child(even) .print-wear{transform:rotate(180deg)}

.output::before,.output>.surface-wear{display:none}
.output>.output-paper{position:absolute;left:-5px;top:-12px;width:432px;height:304px;z-index:-1;pointer-events:none;filter:brightness(.86)}
body.surfaces-only .output>.output-paper{visibility:visible}