#modal:has(.publish-workbench){width:min(1220px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.publish-workbench{width:100%;font-family:var(--sans);padding:0}.publish-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid #cad2bb}.publish-heading h1{font-size:26px;letter-spacing:-1px;margin:7px 0}.publish-heading p{margin:0;color:#758065;font-size:12px}.publish-state{border:1px solid #b8c6a4;padding:7px 11px;border-radius:4px;font:10px var(--mono);white-space:nowrap}.publish-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);height:min(620px,62dvh);min-height:300px}.publish-controls{overflow:auto;padding:0 25px 25px;border-right:1px solid #c8d1b8;background:#faf9f0;scrollbar-gutter:stable}.publish-tabs{position:sticky;top:0;z-index:2;display:flex;gap:4px;padding:15px 0;background:#faf9f0;border-bottom:1px solid #d8decb;margin-bottom:23px}.publish-tabs button{flex:1;border:1px solid transparent;background:transparent;padding:9px 4px;font-size:11px;white-space:nowrap}.publish-tabs button[aria-pressed=true]{background:#e4ead6;border-color:#b6c39f;border-radius:4px}.publish-controls h2{font-size:19px;letter-spacing:-.6px;margin:0 0 7px}.publish-controls h3{font-size:14px;margin:22px 0 8px}.publish-help{font-size:11px;color:#728063;line-height:1.65;margin:4px 0 16px}.publish-field{display:block;font-size:12px;font-weight:600;margin:17px 0}.publish-field input,.publish-field textarea,.publish-field select{display:block;width:100%;margin-top:7px;background:#fffef8;color:#304331;border:1px solid #bdc8ae;border-radius:4px;padding:10px;font:12px/1.6 var(--sans);box-sizing:border-box}.publish-field textarea{resize:vertical;min-height:75px}.publish-field small{font-weight:400;color:#7b856c;font-size:10px;display:block;margin-top:4px}.publish-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.publish-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 12px}.publish-colors label{font-size:10px}.publish-colors input{display:block;width:100%;height:35px;margin-top:7px;padding:2px;border:1px solid #aab99a;background:#fff}.publish-palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.publish-palettes button{padding:5px;border:1px solid #ccd3bf;background:#fffdf3;border-radius:5px;font-size:10px;text-transform:capitalize}.publish-palettes span{display:grid;height:36px;place-items:center;margin-bottom:5px;border-radius:3px}.publish-palettes i{width:18px;height:18px;box-shadow:4px 3px #0002}.publish-upload{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:15px 0;border-bottom:1px dashed #cdd5c0}.publish-upload>div{flex-basis:100%}.publish-upload strong{font-size:12px}.publish-upload small{display:block;font-size:10px;color:#788669;margin-top:3px}.publish-upload-button{position:relative;display:inline-flex;align-items:center;border:1px solid #aab998;border-radius:4px;padding:7px 10px;background:#f1f4e6;font-size:11px;overflow:hidden;cursor:pointer}.publish-upload-button:focus-within{outline:2px solid #766c9a;outline-offset:3px}.publish-upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.publish-upload>button,.publish-screenshots button{font-size:10px;border:0;text-decoration:underline;background:none;color:#6e785c}.publish-upload>span,.publish-screenshots span{font-size:10px;color:#73874d}.publish-sections details{border:1px solid #d1d9c2;border-radius:4px;padding:10px 13px;margin:9px 0}.publish-sections summary{cursor:pointer;font-size:12px;font-weight:600}.publish-screenshots>div{display:flex;gap:10px;align-items:center;margin:8px 0}.publish-preview-column{display:flex;flex-direction:column;min-width:0;background:#dfe5d6;overflow:hidden}.publish-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;border-bottom:1px solid #bfccb0;font:9px var(--mono)}.publish-preview-bar i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#71904b}.publish-preview-bar button{background:transparent;border:1px solid transparent;border-radius:3px;font:10px var(--sans);padding:5px 8px}.publish-preview-bar button[aria-pressed=true]{background:#f7f8ec;border-color:#b3c3a2}.publish-preview-scroll{flex:1;overflow:auto;padding:22px;scrollbar-gutter:stable}.publish-preview-scroll[data-size=mobile] #publish-preview{max-width:340px;margin:auto}#publish-preview{padding:16px;min-height:100%;border:1px solid #a6b799;box-shadow:0 7px 20px #30433115;transition:max-width .15s}#publish-preview .creator-page-inner{padding:20px}#publish-preview .game-page-details{grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);gap:18px}#publish-preview .creator-text{font-size:11px;line-height:1.8}#publish-preview h2{font-size:14px}#publish-preview .game-page-tags{margin:12px 0 18px}#publish-preview .game-page-tags span{font-size:8px;padding:3px 6px}#publish-preview .game-page-tagline{font-size:12px}#publish-preview .game-page-banner{max-height:120px;margin-bottom:18px}#publish-preview[data-page-layout=single] .game-page-details,.publish-preview-scroll[data-size=mobile] #publish-preview .game-page-details{grid-template-columns:1fr}.publish-preview-note{padding:8px 18px;margin:0;border-top:1px solid #c2ceb4;color:#6f7d62;font-size:10px}.publish-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;border-top:1px solid #bdc9a9;background:#f3f5e7}.publish-footer>div:last-child{display:flex;gap:10px;flex-shrink:0}.publish-footer .publish-help{margin:0}.publish-error{font-size:12px;color:#a13e39;margin:4px 0}.publish-result{font-size:11px;color:#577537;margin:4px 0}.publish-footer .button{font-size:12px}
@media(max-width:850px){.publish-layout{grid-template-columns:1fr;height:auto;max-height:64dvh;overflow:auto}.publish-controls{overflow:visible;border:0}.publish-preview-column{min-height:400px;overflow:visible}.publish-preview-scroll{overflow:visible}.publish-footer{align-items:flex-start;flex-direction:column;gap:10px}.publish-heading{padding:18px}.publish-heading h1{font-size:22px}.publish-state{display:none}.publish-footer>div:last-child{width:100%}.publish-footer .button{flex:1}.publish-tabs{position:static}}
.publish-check{display:flex;align-items:center;gap:9px;font-size:12px;margin:13px 0}.publish-check input{accent-color:#627a49}.publish-html{border:1px solid #ccd5be;border-radius:5px;padding:12px;margin:24px 0}.publish-html summary{cursor:pointer;font-size:13px;font-weight:650}.publish-html textarea{font:11px/1.7 var(--mono)}.publish-html .publish-help{margin-top:14px}
#publish-preview[data-presentation=focused] .preview-identity .eyebrow,#publish-preview[data-presentation=focused] .game-page-tagline,#publish-preview[data-presentation=focused] .game-page-tags{display:none}#publish-preview[data-presentation=focused] .preview-identity h1{font-size:21px}#publish-preview[data-presentation=poster] .preview-identity{text-align:center}#publish-preview[data-presentation=poster] .game-page-tags{justify-content:center}