:root {
  --r-paper-water-ground-x: 0%; --r-paper-water-ground-y: 0%; --r-paper-water-ground-w: 20%; --r-paper-water-ground-h: 20%;
  --r-ink-basin-x: 10%; --r-ink-basin-y: 0%; --r-ink-basin-w: 90%; --r-ink-basin-h: 100%;
  --r-photo-work-x: 40%; --r-photo-work-y: 20%; --r-photo-work-w: 20%; --r-photo-work-h: 20%;
  --r-editing-work-x: 40%; --r-editing-work-y: 50%; --r-editing-work-w: 20%; --r-editing-work-h: 20%;
  --r-ai-work-x: 70%; --r-ai-work-y: 30%; --r-ai-work-w: 20%; --r-ai-work-h: 30%;
  --r-tagline-x: 2.65%; --r-tagline-y: 4.84%; --r-tagline-w: 20.05%; --r-tagline-h: 3.02%; --r-tagline-font: 24px;
  --r-name-x: 12.67%; --r-name-y: 30.04%; --r-name-w: 27.36%; --r-name-h: 19.96%;
  --r-category-photo-x: 2.65%; --r-category-photo-y: 27.82%; --r-category-photo-w: 3.78%; --r-category-photo-h: 3.63%;
  --r-category-edit-x: 2.65%; --r-category-edit-y: 43.65%; --r-category-edit-w: 3.78%; --r-category-edit-h: 3.63%;
  --r-category-ai-x: 2.65%; --r-category-ai-y: 59.98%; --r-category-ai-w: 6.05%; --r-category-ai-h: 3.02%;
  --r-reveal-status-x: 67.97%; --r-reveal-status-y: 59.98%; --r-reveal-status-w: 14.75%; --r-reveal-status-h: 4.84%;
  --r-placeholder-note-x: 2.65%; --r-placeholder-note-y: 90.02%; --r-placeholder-note-w: 9.84%; --r-placeholder-note-h: 1.21%;
  --r-next-work-x: 89.47%; --r-next-work-y: 90.02%; --r-next-work-w: 4.54%; --r-next-work-h: 1.21%;
  --r-scroll-cue-x: 46.78%; --r-scroll-cue-y: 90.02%; --r-scroll-cue-w: 4.54%; --r-scroll-cue-h: 3.63%;
}
.comp-frame { position: relative; width: 100%; overflow: hidden; }
.r-paper-water-ground,.r-ink-basin,.r-photo-work,.r-editing-work,.r-ai-work,.r-tagline,.r-name,.r-category-photo,.r-category-edit,.r-category-ai,.r-reveal-status,.r-placeholder-note,.r-next-work,.r-scroll-cue { position:absolute; }
.r-ink-basin { left:var(--r-ink-basin-x);top:var(--r-ink-basin-y);width:var(--r-ink-basin-w);height:var(--r-ink-basin-h); }
.r-photo-work { left:var(--r-photo-work-x);top:var(--r-photo-work-y);width:var(--r-photo-work-w);height:var(--r-photo-work-h); }
.r-editing-work { left:var(--r-editing-work-x);top:var(--r-editing-work-y);width:var(--r-editing-work-w);height:var(--r-editing-work-h); }
.r-ai-work { left:var(--r-ai-work-x);top:var(--r-ai-work-y);width:var(--r-ai-work-w);height:var(--r-ai-work-h); }
.r-tagline { left:var(--r-tagline-x);top:var(--r-tagline-y);width:var(--r-tagline-w);height:var(--r-tagline-h); }
.r-name { left:var(--r-name-x);top:var(--r-name-y);width:var(--r-name-w);height:var(--r-name-h); }
.r-category-photo { left:var(--r-category-photo-x);top:var(--r-category-photo-y);width:var(--r-category-photo-w);height:var(--r-category-photo-h); }
.r-category-edit { left:var(--r-category-edit-x);top:var(--r-category-edit-y);width:var(--r-category-edit-w);height:var(--r-category-edit-h); }
.r-category-ai { left:var(--r-category-ai-x);top:var(--r-category-ai-y);width:var(--r-category-ai-w);height:var(--r-category-ai-h); }
.r-reveal-status { left:var(--r-reveal-status-x);top:var(--r-reveal-status-y);width:var(--r-reveal-status-w);height:var(--r-reveal-status-h); }
.r-placeholder-note { left:var(--r-placeholder-note-x);top:var(--r-placeholder-note-y);width:var(--r-placeholder-note-w);height:var(--r-placeholder-note-h); }
.r-next-work { left:var(--r-next-work-x);top:var(--r-next-work-y);width:var(--r-next-work-w);height:var(--r-next-work-h); }
.r-scroll-cue { left:var(--r-scroll-cue-x);top:var(--r-scroll-cue-y);width:var(--r-scroll-cue-w);height:var(--r-scroll-cue-h); }