/* Complete meme studio; every preview and thumbnail preserves the whole image. */
.sr-ms{padding-block:76px;scroll-margin-top:96px}
.sr-ms [hidden]{display:none!important}
.sr-ms-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}
.sr-ms-heading h2{margin:0}.sr-ms-heading>p{max-width:370px;color:#bed6df;line-height:1.7}
.sr-ms-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:34px;align-items:start}
.sr-ms-preview-column{position:sticky;top:calc(var(--sr-ms-header-offset,96px) + 16px);min-width:0}
.sr-ms-preview-shell{position:relative;display:grid;place-items:center;border:2px solid #84cbdc;border-radius:14px;background:radial-gradient(ellipse at top,#234f61,#051722 75%);overflow:hidden;box-shadow:8px 9px 0 #030d15}
.sr-ms-canvas{display:block;width:100%;height:auto}
.sr-ms-fallback{display:block;width:100%;max-height:600px;object-fit:contain;height:auto}
.sr-ms-preview-tag{position:absolute;top:12px;right:12px;background:#071b28e8;border:1px solid #7fb7c9;border-radius:5px;color:#c5f2fa;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.12em;pointer-events:none}
.sr-ms-preview-meta{display:flex;justify-content:space-between;gap:12px;color:#aacbd8;font-size:11px;line-height:1.5;margin:15px 0}
.sr-ms-main-actions{display:flex;gap:10px}
.sr-ms button{font-family:inherit;cursor:pointer}
.sr-ms-download{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-height:52px;background:#b4f0fa;color:#082331;border:2px solid #d2faff;border-radius:6px;padding:13px 20px;font-size:14px;font-weight:900;letter-spacing:.04em;box-shadow:4px 4px 0 #020c13}
.sr-ms-secondary{min-height:48px;border:1px solid #608392;color:#d6edf5;background:#102c3b;border-radius:6px;padding:10px 17px;font-size:13px;font-weight:800}
.sr-ms-status{font-size:12px!important;line-height:1.6;color:#b1d5df;min-height:2em;margin:15px 0 9px}
.sr-ms-source{font-size:11px;color:#9fe9f4;text-underline-offset:3px}
.sr-ms-controls{min-width:0;display:grid;gap:18px}
.sr-ms-control-group{min-width:0;padding:20px;border:1px solid #466e80;background:linear-gradient(135deg,#153848,#0b2432);border-radius:12px;margin:0}
.sr-ms-control-group legend{padding:0 8px;font-size:15px;font-weight:850;color:#e6f7fc}
.sr-ms-control-group legend>span{color:#a9ebf7;margin-right:6px;font-size:12px}
.sr-ms-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d9edf5;font-size:12px;font-weight:800;margin:5px 0 8px}
.sr-ms-controls output{color:#99becd;font-weight:500;font-size:10px;white-space:nowrap}
.sr-ms-controls :is(textarea,select){display:block;box-sizing:border-box;width:100%;border:1px solid #608799;border-radius:6px;background:#061c2a;color:#f1fcff;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;padding:10px 12px;min-height:44px}
.sr-ms-controls textarea{resize:vertical;min-height:76px;max-height:180px;margin-bottom:14px;font-family:inherit;font-size:15px;line-height:1.5}
.sr-ms-controls textarea::placeholder{color:#8babb9}
.sr-ms-controls select{font-family:inherit;font-size:13px;line-height:1.4}
.sr-ms-controls input[type=range]{width:100%;accent-color:#a9e9f4;min-height:34px;margin:0;cursor:pointer}
.sr-ms-control-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:12px}
.sr-ms-control-row>div{min-width:0}
.sr-ms-help{color:#98bac9;font-size:11px!important;line-height:1.6;margin:2px 0 15px}
.sr-ms-surprise{min-height:44px;padding:10px 15px;background:#142f45;border:1px solid #a3a2c8;border-radius:6px;color:#e2d9ff;font-weight:800;font-size:12px}
.sr-ms-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 20px}
.sr-ms-gallery-heading .eyebrow{margin-bottom:6px}.sr-ms-gallery-heading h3{font-size:27px;margin:0;color:#ecfaff}
.sr-ms-gallery-heading>span{font-size:11px;color:#aac7d4;white-space:nowrap}
.sr-ms-gallery{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;max-height:620px;overflow-y:auto;padding:4px 8px 9px 4px;scrollbar-width:thin;scrollbar-color:#78b4c9 #102c3a}
.sr-ms-scene{min-width:0;display:flex;flex-direction:column;gap:9px;border:2px solid #3e6376;border-radius:9px;background:#0d2838;color:#cce4ef;padding:8px;text-align:left;font-size:11px;font-weight:800;line-height:1.3;transition:border-color .15s,background .15s}
.sr-ms-scene[aria-pressed=true]{border-color:#c0f7ff;background:#244d60;color:#fff;box-shadow:0 0 0 1px #c0f7ff}
.sr-ms-scene:hover{border-color:#9bdfef;background:#1c4154}
.sr-ms-thumb{display:grid;place-items:center;width:100%;aspect-ratio:4/5;background:#06141e;border-radius:4px;overflow:hidden}
.sr-ms-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.sr-ms :is(button,a,textarea,select,input):focus-visible{outline:3px solid #ffe28c;outline-offset:4px}
.sr-ms button:disabled{opacity:.55;cursor:default}
.sr-ms-controls select:disabled{opacity:.55}
@media(max-width:1050px){.sr-ms-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.sr-ms-workspace{gap:22px}.sr-ms-control-group{padding:16px}}
@media(max-width:800px){
.sr-ms{padding-block:48px}.sr-ms-heading{display:block}.sr-ms-heading>p{max-width:600px}
.sr-ms-workspace{grid-template-columns:1fr}.sr-ms-preview-column{position:static;max-width:560px;width:100%;margin-inline:auto}
.sr-ms-controls{grid-template-columns:1fr}.sr-ms-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:540px}
}
@media(max-width:480px){
.sr-ms-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sr-ms-gallery-heading{align-items:start;gap:12px}
.sr-ms-gallery-heading h3{font-size:23px}.sr-ms-gallery-heading>span{font-size:10px}
.sr-ms-control-row{gap:9px}.sr-ms-control-group{padding:15px}.sr-ms-preview-shell{box-shadow:4px 5px 0 #030d15}
.sr-ms-download{font-size:12px;padding:12px 14px}.sr-ms-secondary{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.sr-ms-scene{transition:none}}
@media print{.sr-ms-controls,.sr-ms-gallery,.sr-ms-main-actions,.sr-ms-preview-tag,.sr-ms-gallery-heading{display:none}.sr-ms-workspace{display:block}.sr-ms-preview-column{position:static}}


/* Gallery filters and a calm programmatic return to the preview. */
.sr-ms-preview-shell:focus{outline:none}
.sr-ms-preview-shell:focus-visible{box-shadow:0 0 0 1px #d5f7ff,8px 9px 0 #030d15}
.sr-ms-filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-2px 0 17px}
.sr-ms-filters{display:flex;flex-wrap:wrap;gap:7px}
.sr-ms-filters button{min-height:44px;padding:9px 15px;border:1px solid #5a8296;border-radius:24px;background:#112e3f;color:#c3dce7;font-size:11px;font-weight:800}
.sr-ms-filters button[aria-pressed=true]{color:#082536;background:#b7f0f9;border-color:#dafbff}
.sr-ms-filter-row>p{margin:0;color:#a9c6d3;font-size:11px;line-height:1.5}
.sr-ms-gallery-empty{padding:20px;border:1px dashed #5b7e90;border-radius:8px;color:#bbd8e4;font-size:13px}
@media(max-width:650px){.sr-ms-filter-row{display:block}.sr-ms-filter-row>p{margin-top:10px}.sr-ms-filters{gap:6px}.sr-ms-filters button{font-size:10px;padding:9px 12px}}