.rrjsm22{--bg:#191819;--panel:#211f20;--soft:#272526;--soft2:#2d2a2b;--border:#3a3839;--text:#fff;--muted:#aaa7a9;--accent:#d96834;--accent2:#ef7a40;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:28px;padding:30px;max-width:1050px;margin:20px auto;box-sizing:border-box;overflow:hidden}.rrjsm22 *{box-sizing:border-box}.rrjsm22 h2{font-size:clamp(34px,5.5vw,54px);line-height:1.02;margin:0 0 13px;font-weight:800;letter-spacing:-1.8px}.rrjsm22 p{color:#c2bfc1;line-height:1.55;margin:0}.rrjsm22-kicker{color:var(--accent);font-size:12px;letter-spacing:3.5px;font-weight:850;margin-bottom:10px}.rrjsm22-intro{max-width:820px}.rrjsm22-trust{display:flex;gap:8px;flex-wrap:wrap;color:#929092;font-size:12px;margin:17px 0}.rrjsm22-trust b{color:#aaa}.rrjsm22-how{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #414042;background:#222122;border-radius:14px;padding:12px 14px;color:#aaa7a9;font-size:12px;margin:18px 0}.rrjsm22-how strong{color:#fff}.rrjsm22-how i{font-style:normal;color:var(--accent);font-weight:900}.rrjsm22-upload{border:2px dashed var(--accent);background:#25201f;border-radius:22px;min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;margin-top:14px;cursor:pointer;transition:.18s}.rrjsm22-upload:hover,.rrjsm22-upload.drag{background:#2b2220;border-color:var(--accent2);transform:translateY(-1px)}.rrjsm22-upload input{display:none}.rrjsm22-upload-icon{font-size:48px;line-height:.8;color:var(--accent);margin-bottom:12px}.rrjsm22-upload strong{font-size:22px}.rrjsm22-upload span{color:#c7c4c6;margin-top:5px}.rrjsm22-upload small{color:#858183;margin-top:9px}.rrjsm22-file{display:flex;align-items:center;gap:12px;background:var(--soft);padding:10px;border-radius:16px;margin-top:12px}.rrjsm22-file-thumb{width:62px;height:62px;flex:0 0 62px;border-radius:11px;background:#121212;overflow:hidden;display:flex;align-items:center;justify-content:center}.rrjsm22-file-thumb img{width:100%;height:100%;object-fit:contain}.rrjsm22-file-meta{min-width:0;flex:1}.rrjsm22-file-meta strong,.rrjsm22-file-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrjsm22-file-meta span{color:#8e8b8d;font-size:12px;margin-top:3px}.rrjsm22-ghost{min-height:44px;padding:0 13px;border:1px solid #484647;border-radius:11px;background:transparent;color:#ddd;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.rrjsm22-workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:14px;margin-top:14px}.rrjsm22-preview-card,.rrjsm22-controls{background:#1d1c1d;border:1px solid #333133;border-radius:20px;padding:17px}.rrjsm22-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.rrjsm22-head>span{font-size:11px;color:var(--accent);font-weight:850;letter-spacing:2.5px}.rrjsm22-head small{color:#777477;font-size:11px}.rrjsm22-preview-stage{height:330px;border-radius:15px;background:repeating-conic-gradient(#242324 0 25%,#202020 0 50%) 50%/22px 22px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #363436;padding:8px}.rrjsm22-preview{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.rrjsm22-preview-note{text-align:center;color:#777477;font-size:11px;margin-top:9px}.rrjsm22-preset-select{width:100%;min-height:65px;border:1px solid #484647;border-radius:14px;background:linear-gradient(180deg,#2a2829,#252425);color:#fff;text-align:left;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font:inherit}.rrjsm22-preset-select:hover{border-color:#6a6466}.rrjsm22-preset-select small{display:block;color:#777477;font-size:9px;letter-spacing:1.6px;margin-bottom:4px}.rrjsm22-preset-select strong{display:block;font-size:14px;line-height:1.25}.rrjsm22-chevron{font-size:24px;color:var(--accent);line-height:1}.rrjsm22-selected-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:0 4px 10px;color:#aaa7a9;font-size:12px}.rrjsm22-selected-dim{font-weight:800;color:#f0eeee}.rrjsm22-selected-ratio{border:1px solid #454345;border-radius:99px;padding:3px 8px;color:#bdb9bb}.rrjsm22-size-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#242324;padding:4px;border-radius:14px;margin-bottom:12px}.rrjsm22-size-modes button{border:0;background:transparent;color:#aaa7a9;border-radius:10px;padding:9px 10px;text-align:left;cursor:pointer;font:inherit}.rrjsm22-size-modes button.active{background:var(--accent);color:#fff}.rrjsm22-size-modes b,.rrjsm22-size-modes small{display:block}.rrjsm22-size-modes b{font-size:12px}.rrjsm22-size-modes small{font-size:9px;margin-top:2px;opacity:.8}.rrjsm22-custom{background:#242324;border:1px solid #3b393a;border-radius:13px;padding:12px;margin-bottom:12px}.rrjsm22-custom-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;font-size:12px}.rrjsm22-use-selected{background:none;border:0;color:var(--accent);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.rrjsm22-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rrjsm22-custom-grid label,.rrjsm22-options label{display:block;font-size:11px;font-weight:800;color:#d7d4d5}.rrjsm22-custom-grid label>span{float:right;color:var(--accent);font-weight:800}.rrjsm22-custom-grid input,.rrjsm22-options select{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #464345;border-radius:10px;background:#1e1d1e;color:#fff;padding:0 10px;outline:none;font:inherit}.rrjsm22-custom-grid input:focus,.rrjsm22-options select:focus{border-color:var(--accent)}.rrjsm22-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.rrjsm22-options select{font-size:11px}.rrjsm22-format-label{font-size:10px;letter-spacing:1.8px;color:#777477;font-weight:850;margin:2px 0 7px}.rrjsm22-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rrjsm22-formats button{min-height:43px;border-radius:10px;border:1px solid #414042;background:#252425;color:#bbb;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.rrjsm22-formats button.active{background:var(--accent);border-color:var(--accent);color:#fff}.rrjsm22-quality{display:block;margin-top:12px;font-size:11px;color:#aaa7a9}.rrjsm22-quality>span{float:right;color:#fff;font-weight:800}.rrjsm22-quality input{display:block;width:100%;margin-top:7px;accent-color:var(--accent)}.rrjsm22-download{width:100%;min-height:52px;border:0;border-radius:13px;background:var(--accent);color:#fff;font:inherit;font-weight:850;cursor:pointer;margin-top:12px}.rrjsm22-download:hover{background:var(--accent2)}.rrjsm22-download:disabled{opacity:.42;cursor:not-allowed}.rrjsm22-status{text-align:center;min-height:19px;color:#aaa;font-size:11px;margin-top:8px}.rrjsm22-privacy{text-align:center;color:#777477;font-size:11px;line-height:1.5;margin:17px 0 0}.rrjsm22-modal[hidden]{display:none}.rrjsm22-modal{position:fixed;inset:0;z-index:999999}.rrjsm22-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.rrjsm22-modal-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 26px));max-height:min(760px,calc(100vh - 30px));background:#1b1a1b;border:1px solid #484647;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden}.rrjsm22-modal-top{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px}.rrjsm22-modal-top small{font-size:9px;color:var(--accent);font-weight:850;letter-spacing:2px}.rrjsm22-modal-top h3{font-size:24px;margin:3px 0 0}.rrjsm22-close{width:38px;height:38px;border:1px solid #444143;border-radius:50%;background:#282627;color:#fff;font-size:25px;line-height:1;cursor:pointer}.rrjsm22-search{margin:0 18px 10px;height:45px;border:1px solid #454345;border-radius:12px;background:#242324;display:flex;align-items:center;gap:8px;padding:0 12px;color:#888}.rrjsm22-search input{flex:1;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:12px}.rrjsm22-preset-scroll{overflow:auto;padding:0 10px 10px;min-height:0}.rrjsm22-group{margin:6px 0 12px}.rrjsm22-group-title{display:flex;justify-content:space-between;align-items:center;padding:8px 8px;color:#fff;position:sticky;top:0;background:#1b1a1b;z-index:2}.rrjsm22-group-title strong{font-size:13px}.rrjsm22-group-title span{font-size:9px;color:#777477}.rrjsm22-option{width:100%;display:grid;grid-template-columns:43px 1fr 24px;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#fff;text-align:left;padding:8px;cursor:pointer;font:inherit}.rrjsm22-option:hover,.rrjsm22-option.selected{background:#272526;border-color:#464345}.rrjsm22-option-shape{width:38px;height:32px;border-radius:6px;background:#302e2f;border:1px solid #4a4748;display:block;aspect-ratio:var(--ratio);justify-self:center;max-width:38px;max-height:32px}.rrjsm22-option-copy strong{display:block;font-size:12px}.rrjsm22-option-copy small{display:block;color:#858183;font-size:10px;margin-top:2px}.rrjsm22-option-check{opacity:0;color:var(--accent);font-weight:900;text-align:center}.rrjsm22-option.selected .rrjsm22-option-check{opacity:1}.rrjsm22-modal-bottom{border-top:1px solid #333133;padding:11px 17px;color:#777477;font-size:10px;line-height:1.45;background:#1b1a1b}.rrjsm22-modal-bottom b{color:#aaa7a9}body.rrjsm22-modal-open{overflow:hidden}
@media(max-width:820px){.rrjsm22-workspace{grid-template-columns:1fr}.rrjsm22-preview-stage{height:300px}}
@media(max-width:560px){.rrjsm22{padding:18px 14px;border-radius:22px}.rrjsm22 h2{font-size:34px}.rrjsm22-how{gap:7px;font-size:11px}.rrjsm22-how i{display:none}.rrjsm22-options,.rrjsm22-custom-grid{grid-template-columns:1fr}.rrjsm22-file{align-items:flex-start}.rrjsm22-ghost{padding:0 10px;font-size:11px}.rrjsm22-preview-stage{height:260px}.rrjsm22-modal-dialog{max-height:calc(100vh - 16px);border-radius:20px}.rrjsm22-modal-top{padding:15px 15px 10px}.rrjsm22-search{margin-left:15px;margin-right:15px}}

.rrjsm22-preset-lock{display:flex;align-items:flex-start;gap:10px;background:#242324;border:1px solid #3b393a;border-radius:13px;padding:12px;margin:0 0 12px}.rrjsm22-preset-lock>span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:900;flex:0 0 22px}.rrjsm22-preset-lock strong,.rrjsm22-preset-lock small{display:block}.rrjsm22-preset-lock strong{font-size:12px;color:#fff}.rrjsm22-preset-lock small{font-size:10px;line-height:1.4;color:#8f8b8d;margin-top:3px}.rrjsm22-quality{display:none!important}