.rrj-cgm{--bg:#171616;--card:#211f1f;--card2:#282525;--line:#454141;--text:#f7f4f1;--muted:#aaa4a1;--accent:#ffad49;--accent2:#f27e2d;max-width:1080px;margin:0 auto;padding:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);box-sizing:border-box}.rrj-cgm *{box-sizing:border-box}.rrj-cgm-head{margin-bottom:16px}.rrj-cgm-kicker{font-size:11px;letter-spacing:3.5px;font-weight:900;color:var(--accent);margin-bottom:7px;text-transform:uppercase}.rrj-cgm h2{font-size:32px;line-height:1.1;margin:0 0 12px;font-weight:850}.rrj-cgm-how{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}.rrj-cgm-how span{color:#fff;font-weight:800;margin-right:4px}.rrj-cgm-how b{font-weight:600}.rrj-cgm-how i{color:var(--accent);font-style:normal}.rrj-cgm-upload,.rrj-cgm-canvas-card,.rrj-cgm-panel{background:linear-gradient(180deg,#242121,#1d1b1b);border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.rrj-cgm-upload{min-height:150px;padding:24px;display:flex;align-items:center;gap:16px;border-style:dashed}.rrj-cgm-upload.drag{border-color:var(--accent);background:#28221d}.rrj-cgm-upload-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:31px;background:#2c2826;color:var(--accent);border:1px solid #504944;flex:0 0 auto}.rrj-cgm-upload-copy{min-width:0}.rrj-cgm-upload strong{display:block;font-size:17px}.rrj-cgm-upload small{display:block;color:var(--muted);margin-top:4px}.rrj-cgm-upload .rrj-cgm-btn{margin-left:auto}.rrj-cgm-btn{border:0;border-radius:13px;padding:12px 18px;font-weight:800;font-size:14px;cursor:pointer;transition:.18s transform,.18s filter}.rrj-cgm-btn:active{transform:scale(.98)}.rrj-cgm-btn:disabled{opacity:.65;cursor:wait}.rrj-cgm-btn-primary{color:#1a1612;background:linear-gradient(135deg,#ffb653,#f07a28);box-shadow:0 8px 20px rgba(242,126,45,.2)}.rrj-cgm-btn-secondary{color:#fff;background:#302c2c;border:1px solid #4a4545}.rrj-cgm-editor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);gap:16px;margin-top:16px}.rrj-cgm-canvas-card{padding:14px}.rrj-cgm-canvas-top,.rrj-cgm-canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px}.rrj-cgm-canvas-top span,.rrj-cgm-thumbs-head span{font-size:12px;letter-spacing:3px;font-weight:900;color:var(--accent)}.rrj-cgm-canvas-top em,.rrj-cgm-canvas-foot{font-size:12px;color:var(--muted);font-style:normal}.rrj-cgm-stage-wrap{width:100%;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:#111;border:1px solid #393535;padding:12px}.rrj-cgm-stage{position:relative;width:100%;max-width:700px;aspect-ratio:1/1;background:#fff;overflow:hidden;touch-action:none}.rrj-cgm-cell{position:absolute;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}.rrj-cgm-cell:active{cursor:grabbing}.rrj-cgm-cell.selected{outline:2px solid var(--accent);outline-offset:-2px}.rrj-cgm-cell img{position:absolute;max-width:none;display:block;pointer-events:none;transform-origin:center center;will-change:transform}.rrj-cgm-cell .badge{position:absolute;top:7px;left:7px;background:rgba(0,0,0,.62);color:#fff;border-radius:9px;padding:4px 7px;font-size:10px;font-weight:800;opacity:0;transition:.15s;pointer-events:none}.rrj-cgm-cell.selected .badge{opacity:1}.rrj-cgm-canvas-foot{padding:10px 4px 2px}.rrj-cgm-link{background:none;border:0;color:var(--accent);font-weight:750;cursor:pointer}.rrj-cgm-panel{padding:16px}.rrj-cgm-tabs{display:flex;border-bottom:1px solid #403b3b;margin:-2px -2px 14px}.rrj-cgm-tabs button{flex:1;border:0;background:none;color:#918c89;padding:12px 10px;font-weight:800;font-size:15px;cursor:pointer;border-bottom:2px solid transparent}.rrj-cgm-tabs button.active{color:#fff;border-color:var(--accent)}.rrj-cgm-pane{display:none}.rrj-cgm-pane.active{display:block}.rrj-cgm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.rrj-cgm-row label{display:block;color:#d9d4d0;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}.rrj-cgm-row select{width:100%;margin-top:7px;background:#2b2828;border:1px solid #4b4646;border-radius:11px;color:#fff;padding:11px;font-size:14px}.rrj-cgm-row input[type=range]{width:100%;margin-top:12px;accent-color:var(--accent)}.rrj-cgm-row output{float:right;color:var(--accent);font-size:11px;margin-top:5px;text-transform:none;letter-spacing:0}.rrj-cgm-swatches{display:flex;gap:7px;margin-top:9px;align-items:center}.rrj-cgm-swatches button{width:29px;height:29px;border-radius:50%;border:2px solid #4b4646;background:#fff;cursor:pointer}.rrj-cgm-swatches button.active{outline:2px solid var(--accent);outline-offset:2px}.rrj-cgm-swatches button:nth-child(2){background:#000}.rrj-cgm-swatches button:nth-child(3){background:#f5f5f5}.rrj-cgm-swatches button:nth-child(4){background:#ff9d3d}.rrj-cgm-swatches .checker{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/12px 12px}.rrj-cgm-selected{margin-top:14px;padding:13px;border:1px solid #403b3b;background:#252222;border-radius:14px}.rrj-cgm-subhead{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:900;margin-bottom:10px}.rrj-cgm-subhead span{color:#fff;letter-spacing:0;text-transform:none;margin-left:6px}.rrj-cgm-move{display:flex;align-items:center;gap:5px;margin-top:14px}.rrj-cgm-move button{border:1px solid #4a4545;background:#302d2d;color:#fff;border-radius:8px;width:34px;height:31px;cursor:pointer;font-weight:800}.rrj-cgm-move button.reset{width:auto;padding:0 10px;color:var(--accent)}.rrj-cgm-tip{display:block;color:#77716e;font-size:10px;line-height:1.4;margin-top:8px}.rrj-cgm-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rrj-cgm-template-grid button{background:#292525;color:#fff;border:1px solid #454040;border-radius:14px;padding:11px;text-align:left;cursor:pointer}.rrj-cgm-template-grid button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.rrj-cgm-template-grid b{display:block;font-size:12px;margin-top:7px}.rrj-cgm-template-grid small{color:#8f8a87;font-size:10px}.mini{height:56px;width:100%;display:grid;gap:3px;background:#151414;padding:3px;border-radius:8px}.mini.auto,.mini.equal{grid-template-columns:1fr 1fr}.mini.auto:before,.mini.auto:after,.mini.equal:before,.mini.equal:after{content:"";background:#9a6736}.mini.masonry{grid-template-columns:1fr 1fr}.mini.masonry:before{content:"";background:#9a6736}.mini.masonry:after{content:"";background:linear-gradient(#9a6736 0 46%,transparent 46% 54%,#9a6736 54%)}.mini.hero{grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr}.mini.hero:before{content:"";grid-row:1/3;background:#9a6736}.mini.hero:after{content:"";background:linear-gradient(#9a6736 0 47%,transparent 47% 53%,#9a6736 53%)}.rrj-cgm-thumbs-head{display:flex;align-items:end;justify-content:space-between;margin-top:14px;padding:0 2px 5px}.rrj-cgm-thumbs-head small{color:#77716e;font-size:10px}.rrj-cgm-thumbs{display:flex;gap:8px;overflow:auto;padding:7px 3px 5px}.rrj-cgm-thumb-wrap{position:relative;flex:0 0 58px;height:58px}.rrj-cgm-thumb{width:58px;height:58px;border:1px solid #454040;border-radius:10px;overflow:hidden;background:#151515;cursor:pointer;padding:0;display:block}.rrj-cgm-thumb.active{outline:2px solid var(--accent);outline-offset:1px}.rrj-cgm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rrj-cgm-thumb span{position:absolute;right:3px;bottom:3px;background:rgba(0,0,0,.65);border-radius:5px;padding:2px 4px;font-size:9px;color:#fff;pointer-events:none}.rrj-cgm-thumb-wrap .x{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border:1px solid #444;border-radius:50%;background:#111;color:#fff;font-size:12px;line-height:15px;padding:0;cursor:pointer;z-index:2}.rrj-cgm-actions{display:flex;gap:9px;margin-top:13px}.rrj-cgm-actions .rrj-cgm-btn{flex:1}.rrj-cgm-note{font-size:10px;line-height:1.5;color:#77716e;text-align:center;margin-top:11px}.rrj-cgm-saving{opacity:.7;pointer-events:none}@media(max-width:800px){.rrj-cgm{padding:12px}.rrj-cgm h2{font-size:26px}.rrj-cgm-editor{display:block}.rrj-cgm-panel{margin-top:12px}.rrj-cgm-upload{padding:18px;flex-wrap:wrap}.rrj-cgm-upload .rrj-cgm-btn{width:100%;margin-left:0}.rrj-cgm-stage-wrap{padding:7px}.rrj-cgm-row{grid-template-columns:1fr}.rrj-cgm-actions{position:sticky;bottom:8px;z-index:5;background:rgba(29,27,27,.94);padding-top:8px}.rrj-cgm-how{font-size:11px}.rrj-cgm-how b:nth-of-type(n+2),.rrj-cgm-how i:nth-of-type(n+2){display:none}}@media(max-width:430px){.rrj-cgm{padding:9px}.rrj-cgm-upload{min-height:130px}.rrj-cgm-panel,.rrj-cgm-canvas-card{border-radius:18px}.rrj-cgm-template-grid{grid-template-columns:1fr 1fr}.rrj-cgm-btn{padding:12px 10px}.rrj-cgm-stage-wrap{padding:5px}}