@layer page{.logoGridBig{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:stretch}.logoGridBig .addCard{min-height:230px}.logoGridBig>*{min-width:0}.logoTile>*{min-width:0}.logoTileTop>:first-child{flex:1 1 auto;min-width:0}.logoTile{--under: var(--bg);position:relative;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg);padding:14px;cursor:pointer;display:grid;gap:6px;min-height:230px;transition:transform .08s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}@media(hover:hover){.logoTile:hover{transform:translateY(-1px)}}.logoTile:hover{border-color:var(--accent);background:var(--surface-2);box-shadow:0 10px 24px var(--k-40)}.logoTileTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:0}.logoActions{flex-shrink:0}.le-compact #btnEdit,.le-compact .le-edit-only{display:none}html:not(.le-compact) .le-compact-only{display:none}.le-compact #grid>.empty-state{grid-column:1 / -1}.logoName{font-weight:900;letter-spacing:.04em;font-size:14px;line-height:1.15;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logoMeta{opacity:.75;font-size:12px}.grid .logoTile[data-proposed] .logoTileTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:start}.grid .logoTileTop>.tileTags{grid-column:1 / -1;margin-top:0;padding-top:0;flex-wrap:nowrap;overflow:hidden}.grid .logoTileTop .tileTags .tag:not([data-kind=from]){flex:0 0 auto}.grid .logoTileTop .tileTags .tag{display:block;line-height:20px;white-space:nowrap}.grid .logoTile[data-proposed] .logoPrev{min-height:0;padding:6px}.grid .logoTile[data-proposed] .logoPrev canvas{height:120px}.logoPrev{flex:1;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid var(--line-faint);background:var(--k-20);padding:8px;overflow:hidden;min-height:151px}.logoPrev canvas{width:100%;height:135px;object-fit:contain;image-rendering:pixelated}.logo-body.is-editor{overflow:hidden}.editorShell{margin-top:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:22px}body.page-fit.logo-body.is-editor>main.logoWrap{padding-top:12px}.card.games-card.editorCard{flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible}.editorToolbar{padding:12px;border-bottom:1px solid var(--line-faint);background:var(--k-20);display:flex;flex-direction:column;gap:10px;position:relative;z-index:2;overflow:visible}.toolRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolGrow{flex:1;min-width:260px}.toolSep{width:1px;height:28px;background:var(--w-14);margin:0 2px}.toolRowSep{width:100%;height:1px;background:var(--w-8);margin:2px 0}#toolCtxSettings:empty:before{content:attr(data-empty);font-size:12px;opacity:.55}#toolCtxSettings{display:flex;align-items:center;gap:6px;flex-wrap:wrap;row-gap:6px;min-height:36px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--w-14) transparent;padding:4px 8px}#toolCtxSettings::-webkit-scrollbar{height:4px}#toolCtxSettings::-webkit-scrollbar-track{background:transparent}#toolCtxSettings::-webkit-scrollbar-thumb{background:var(--w-14);border-radius:var(--r-xs)}.ctxGroup{display:inline-flex;align-items:center;gap:4px;padding:0 6px;position:relative;flex-shrink:0}.ctxGroup+.ctxGroup:before{content:"";position:absolute;left:-3px;top:4px;bottom:4px;width:1px;background:var(--w-14)}.ctxLabel{white-space:nowrap;font-size:12px;font-weight:800;opacity:.8;color:var(--text);flex-shrink:0}.ctxGroup .inp.sm{width:56px;text-align:center}.ctxGroup .btn{height:28px;min-width:32px}.ctxColorBtn{height:28px;width:32px;min-width:32px;padding:0;border-radius:var(--r-sm);border:1px solid var(--w-25);cursor:pointer;transition:border-color .15s,box-shadow .15s}.ctxColorBtn:hover{border-color:var(--w-25);box-shadow:0 0 0 2px var(--w-8)}.ctxColorBtn.black{background:var(--black);border-color:var(--w-25)}.ctxColorBtn.white{background:var(--white);border-color:var(--w-25)}.ctxChk{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;flex-shrink:0;white-space:nowrap}#fontPick{position:relative;display:inline-flex;align-items:center;gap:8px}.fontPickPop:not([hidden]){position:fixed;top:0;left:0;z-index:calc(var(--z-top) + 1);display:block;max-width:calc(100vw - 16px);box-sizing:border-box}.fontPickPop .fontPickPanel{width:min(520px,calc(100vw - 16px));max-height:min(360px,calc(100vh - 24px));overflow:hidden;padding:0}.fontPickPop .fontPickSearch{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--w-8)}.fontPickPop .fontPickSearch .inp{flex:1;height:30px;font-size:13px}.fontPickPop .fontPickList{padding:6px;overflow-y:auto;max-height:280px}.fontPickPop .fontPickItem{display:flex;align-items:center;justify-content:space-between;gap:10px}.fontPickPop .fontPickSwatch{font-size:14px;opacity:.7;flex-shrink:0;font-family:var(--font, inherit)}.fontPickPop .fontPickEmpty{padding:16px;text-align:center;opacity:.6;font-size:13px}.editorContent{flex:1;min-height:0;padding:12px;overflow:hidden;position:relative;z-index:1}.pane{height:100%;min-height:0}.drawStageWrap{height:100%;min-height:0;border-radius:var(--r-lg);border:1px solid var(--line-faint);background:var(--k-20);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px;container-type:size}.drawStageRatio{width:min(100cqw,100cqh * 26 / 11);aspect-ratio:26 / 11;flex:0 0 auto;border-radius:var(--r-md);overflow:hidden;background:var(--black);border:1px solid var(--line-faint);position:relative;display:block}.drawStageHost canvas{display:block;max-width:100%;max-height:100%}#drawStage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:var(--black);touch-action:none;max-width:100%;max-height:100%}#toolsDraw .btn.icon{height:36px;width:36px;font-size:0}#toolsDraw .btn.icon svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#toolsDraw .btn.icon svg .fill{fill:currentColor;stroke:none}#drawStageHost.cur-select canvas,#drawStageHost.cur-select #drawStage{cursor:default}#drawStageHost.cur-pan canvas,#drawStageHost.cur-pan #drawStage{cursor:grab}#drawStageHost.cur-pan.down canvas,#drawStageHost.cur-pan.down #drawStage{cursor:grabbing}#drawStageHost.cur-cross canvas,#drawStageHost.cur-cross #drawStage{cursor:crosshair}#drawStageHost.cur-none canvas,#drawStageHost.cur-none #drawStage{cursor:none}#toolsDraw{width:100%;flex-wrap:wrap;gap:10px}#toolsDraw .toolGrid{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}#toolsDraw .toolSep{width:1px;height:30px;background:var(--w-25);margin:0 4px;align-self:center}.imgTopGrid{height:100%;min-height:0;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:980px){.imgTopGrid{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:auto;padding-right:2px}}.imgCard{border-radius:var(--r-lg);border:1px solid var(--line-faint);background:var(--k-20);padding:10px;display:flex;flex-direction:column;min-height:0}.imgCardTitle{font-weight:800;letter-spacing:.2px;margin-bottom:8px}#paneText>.imgCard{height:100%;box-sizing:border-box}.imgStage{position:relative;flex:1;min-height:0;border-radius:var(--r-md);border:1px solid var(--line-faint);background:var(--k-20);overflow:hidden;display:flex;align-items:center;justify-content:center}#imgPreview{display:block;max-width:100%;max-height:100%}.imgPrevWrap{flex:1;min-height:0;border-radius:var(--r-md);border:1px solid var(--line-faint);background:var(--k-20);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}#imgBigPreview,#paneText #bigPreview{width:100%;height:auto;max-height:100%;image-rendering:pixelated}#paneImage .cropFrame{position:absolute;left:40px;top:40px;width:280px;height:118px;border:2px solid var(--accent);border-radius:var(--r-md);box-shadow:0 0 0 9999px var(--k-20);z-index:5;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}#paneImage .cropHandle{position:absolute;width:16px;height:16px;border-radius:var(--r-sm);background:var(--accent);box-shadow:0 8px 22px var(--k-40)}#paneImage .cropHandle.tl{left:-8px;top:-8px;cursor:nwse-resize}#paneImage .cropHandle.tr{right:-8px;top:-8px;cursor:nesw-resize}#paneImage .cropHandle.bl{left:-8px;bottom:-8px;cursor:nesw-resize}#paneImage .cropHandle.br{right:-8px;bottom:-8px;cursor:nwse-resize}#paneImage .imgStage{position:relative;touch-action:none}#paneImage .cropHandle:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}@media(pointer:coarse){#paneImage .cropHandle{width:22px;height:22px;border-radius:var(--r-sm)}#paneImage .cropHandle.tl{left:-11px;top:-11px}#paneImage .cropHandle.tr{right:-11px;top:-11px}#paneImage .cropHandle.bl{left:-11px;bottom:-11px}#paneImage .cropHandle.br{right:-11px;bottom:-11px}}#imgPanels{position:fixed;z-index:calc(var(--z-top) + 1);display:none;left:0;top:0;pointer-events:auto}#imgPanels.is-open{display:block}#imgPanels .imgPanel{display:none}#imgPanels .imgPanel.is-open{display:block;width:min(420px,calc(100vw - 16px));box-sizing:border-box;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg);box-shadow:0 24px 60px var(--k-70);color:var(--text);padding:12px}#imgPanels .imgPanelTitle{font-weight:1000;letter-spacing:.06em;text-transform:uppercase;font-size:12px;opacity:.86;display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}#toolsImage .imgRotBtn{min-width:32px;padding:0 8px}#toolsImage .imgRotBtn .ico{width:18px;height:18px}#imgPanels .rng.v{width:100%;height:20px}#paneImage .imgTopGrid.is-row{grid-template-columns:1fr 1fr}#paneImage .imgTopGrid.is-col{grid-template-columns:1fr;grid-template-rows:auto auto}:where(.logo-body) .overlay{z-index:var(--z-top);pointer-events:auto}#listShell,.logoShell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.logoCard.card.games-card{flex:1 1 auto;min-height:0}.logoCard .logoGridBig{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}#listShell .foot{flex:0 0 auto}@keyframes shapeFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.imgSetBtn{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:90px}.imgSetBtnVal{font-weight:700;color:var(--accent);font-size:12px;letter-spacing:.02em}.ctxPop{color:var(--text)}.ctxSelectBtn{width:150px;justify-content:flex-start;gap:6px;color:var(--text)}.ctxSelectLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.ctxSelectCaret{display:inline-flex;flex-shrink:0;opacity:.7}.ctxGroup .ui-select.ctxSelect{min-width:96px}.ctxGroup .ui-select.ctxSelect .ui-select-btn{height:28px;padding:0 8px;font-size:12px;border-radius:var(--r-sm)}}@layer page{#previewOverlay:not([hidden]){display:grid;place-items:center;overflow:hidden}#previewOverlay .modal.previewModal{position:relative;width:min(98vw,1800px);max-width:min(98vw,1800px);max-height:min(90vh,1000px);overflow:hidden;display:flex;flex-direction:column;align-items:center}#previewOverlay .modal.previewModal{border-radius:var(--r-lg);padding:18px}#previewOverlay .previewModalTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;margin-bottom:12px}#previewOverlay .previewModalTitle .mTitle{font-weight:1000;letter-spacing:.04em;font-size:16px;margin-bottom:4px}#previewOverlay .previewModalTitle .mSub{font-size:12px;opacity:.75}#previewOverlay .previewModalCanvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border-radius:var(--r-md)}#previewOverlay .previewModalCanvas canvas{display:block;width:100%;height:auto;max-height:100%;image-rendering:pixelated;flex-shrink:0;transform-origin:0 0}#previewOverlay .modal.previewModal.is-touch .previewModalCanvas{overflow:hidden;touch-action:none}#previewOverlay .modal.previewModal.is-touch .previewModalCanvas canvas{transform-origin:0 0;will-change:transform}.has-cursor-layer{position:relative}.draw-cursor-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.draw-cursor-dot{position:absolute;left:0;top:0;width:var(--d, 6px);height:var(--d, 6px);border-radius:var(--r-xs);transform:translate(var(--x, -9999px),var(--y, -9999px));border:1px solid var(--text-soft);box-shadow:0 0 0 1px var(--k-40)}.draw-cursor-dot.is-round{border-radius:var(--r-pill)}.fontPickName{flex:1;text-align:left;font-family:var(--font-ui)}}