#rendersOpen{background:#426b59;color:#fff;border-color:#426b59}#rendersOpen span{color:#d8e6db}#rendersPanel{margin-top:10px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:12px;background:#fff9}#rendersPanel small{color:#73816e;font-size:10px}#renderGallery{padding:0;width:min(1420px,96vw);height:min(940px,94dvh);max-width:100vw;max-height:100dvh;overflow:hidden;border-radius:12px;background:#f7f8f4}#renderGallery[open]{display:flex;flex-direction:column}.render-head{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;gap:16px;border-bottom:1px solid #dde2d8;background:white}.render-head small{font-size:9px;letter-spacing:2px;color:#6a7d6a}.render-head h2{font-size:20px;margin:2px 0 0}.render-head-actions{display:flex;gap:6px;flex-wrap:wrap}.render-head-actions button{font-size:12px}.render-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:0}.render-view{min-height:0;display:flex;flex-direction:column}#renderStage{position:relative;flex:1;min-height:100px;overflow:hidden;background:#1f2b29;touch-action:none;user-select:none}#renderStage.is-zoomed{cursor:grab}#renderStage.is-zoomed:active{cursor:grabbing}#renderMain{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center;user-select:none;pointer-events:none}#renderPrev,#renderNext{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:50px;font-size:26px;border:1px solid #ffffff42;background:#15251ccc;color:#fff;padding:0;box-shadow:0 1px 5px #0003}#renderPrev{left:12px}#renderNext{right:12px}#renderMessage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px}#renderCount{position:absolute;left:14px;top:13px;background:#15251cba;color:#fff;padding:4px 9px;font-size:11px;border-radius:4px;letter-spacing:2px}.render-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 14px;background:white;border-bottom:1px solid #e2e5dc;font-size:11px;flex-wrap:wrap}.render-toolbar button{padding:4px 10px;font-size:12px}.render-toolbar input[type=range]{width:120px;margin:0}.render-toolbar output{width:35px;white-space:nowrap;color:#426b59}.render-toolbar .render-tip{color:#7d887d;font-size:10px}.render-info{padding:10px 18px;font-size:12px;background:#f7f8f4}.render-info p{margin:0 0 3px}#renderSource{font-size:10px;color:#7c897d}.render-disclaimer{font-size:10px;color:#7b8579!important}.render-thumbs{min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px;border-left:1px solid #dee4d9;background:#edf1e9;scrollbar-width:thin}.render-thumbs button{flex:none;display:block;padding:4px;background:#fff;border:1px solid #d8dfd3;text-align:left;color:#415a48}.render-thumbs img{display:block;width:100%;height:93px;object-fit:contain;background:#22312a}.render-thumbs span{display:block;font-size:10px;padding:4px 3px 1px}.render-thumbs button.active{border-color:#426b59;box-shadow:0 0 0 1px #426b59;background:#dce9dc;color:#243d2c}#renderGallery:fullscreen,#renderGallery.gallery-screen{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0;margin:0}.project .hint{font-size:10px}#rendersQuick{color:#426b59;font-weight:600}.quickbar{max-width:calc(100% - 24px)}
@media(max-width:900px){#rendersOpen{display:block}#rename{display:none}.render-head{padding:10px 13px;gap:8px}.render-head small{font-size:8px;letter-spacing:1px}.render-head h2{font-size:16px}.render-head-actions{gap:4px}.render-head-actions button{font-size:10px;padding:6px}#renderSave{display:none}.render-layout{display:flex;flex-direction:column}.render-view{flex:1;min-height:0}.render-thumbs{flex:none;flex-direction:row;height:104px;padding:6px;gap:6px;border-left:0;border-top:1px solid #ddd}.render-thumbs button{width:128px;height:88px}.render-thumbs img{height:60px}.render-thumbs span{font-size:9px;white-space:nowrap}.render-toolbar{gap:7px;padding:7px}.render-toolbar input[type=range]{width:90px}.render-toolbar .render-tip{display:none}.render-info{padding:7px 12px}.render-info p{font-size:10px}.render-disclaimer{font-size:9px!important}#renderGallery{width:98vw;height:96dvh}.quickbar{gap:1px;padding:4px}.quickbar button{font-size:12px;padding:7px 8px}}
@media(max-height:620px) and (min-width:901px){.render-head{padding:7px 16px}.render-info{padding:5px 15px}.render-thumbs img{height:65px}.render-disclaimer{font-size:9px!important}}