@charset "UTF-8";

/* Saved work has its own gallery, while the existing library API and controls
   retain ownership, search, favorite and trash behavior. */
#studio.signed-in #libraryPane {
  --lib-bg:var(--raine-bg);
  --lib-surface:var(--raine-surface);
  --lib-raised:var(--raine-hover);
  --lib-border:var(--raine-border);
  --lib-ink:var(--raine-text);
  --lib-muted:var(--raine-muted);
  --lib-accent:var(--raine-accent);
  --lib-accent-ink:var(--raine-lime-ink);
  --lib-tint:var(--raine-accent-soft);
  --lib-error:var(--raine-error);
  --lib-error-bg:#edb1a70a;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,340px);
  grid-template-areas:"projects projects" "scope scope" "filters search" "status status" "empty empty" "gallery gallery" "pager pager";
  column-gap:22px;
  min-width:0;
  color:var(--lib-ink);
}
:root[data-theme=light] #studio.signed-in #libraryPane {
  --lib-bg:var(--raine-bg);
  --lib-surface:var(--raine-surface);
  --lib-raised:var(--raine-hover);
  --lib-border:var(--raine-border);
  --lib-ink:var(--raine-text);
  --lib-muted:var(--raine-muted);
  --lib-accent:var(--raine-accent);
  --lib-accent-ink:var(--raine-lime-ink);
  --lib-tint:var(--raine-accent-soft);
  --lib-error:var(--raine-error);
  --lib-error-bg:#a5433508;
}
#studio.signed-in #libraryPane :is(button,a,select,input,textarea):focus-visible {
  outline:2px solid var(--lib-accent);
  outline-offset:4px;
}
#studio.signed-in #libraryPane button:disabled {
  opacity:.42;
}

/* Projects are quick destinations rather than a second navigation sidebar. */
#studio.signed-in #libraryPane .project-panel {
  grid-area:projects;
  min-width:0;
  padding:23px 23px 18px;
  margin:0 0 34px;
  background:var(--lib-surface);
  border:1px solid var(--lib-border);
  border-radius:var(--raine-card-radius);
}
#studio.signed-in #libraryPane .project-panel-heading {
  gap:20px;
  margin-bottom:20px;
}
#studio.signed-in #libraryPane .project-panel-heading>div {
  min-width:0;
}
#studio.signed-in #libraryPane .project-panel-heading .eyebrow {
  display:block;
  margin-bottom:7px;
  color:var(--lib-muted);
  font-size:11px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:1.1px;
}
#studio.signed-in #libraryPane .project-panel-heading h3 {
  color:var(--lib-ink);
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.4px;
}
#studio.signed-in #libraryPane #createProject {
  min-height:42px;
  padding:10px 14px;
  border:1px solid var(--lib-border);
  border-radius:10px;
  background:var(--lib-raised);
  color:var(--lib-ink);
  font-size:13px;
  white-space:nowrap;
}
#studio.signed-in #libraryPane #createProject .icon {
  width:16px;
  height:16px;
}
#studio.signed-in #libraryPane .project-list {
  min-width:0;
  max-width:100%;
  gap:12px;
  padding:4px 3px 11px;
  margin:0 -3px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--lib-border) transparent;
}
#studio.signed-in #libraryPane .project-filter {
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  flex:0 0 auto;
  gap:11px;
  min-width:178px;
  max-width:255px;
  min-height:68px;
  padding:16px;
  border:1px solid var(--lib-border);
  border-radius:12px;
  background:var(--lib-bg);
  color:var(--lib-muted);
  font-size:13px;
  line-height:1.5;
  text-align:left;
  transition:background .16s,border-color .16s;
}
#studio.signed-in #libraryPane .project-filter::before {
  content:"";
  width:21px;
  height:18px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M2 17V4a1 1 0 0 1 1-1h6l2 3h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1Z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#studio.signed-in #libraryPane .project-filter[aria-pressed=true] {
  color:var(--lib-accent);
  background:var(--lib-tint);
  border-color:var(--lib-accent);
}
#studio.signed-in #libraryPane .project-filter:hover:not(:disabled):not([aria-pressed=true]) {
  background:var(--lib-raised);
  border-color:var(--lib-muted);
}
#studio.signed-in #libraryPane .project-filter-name {
  min-width:0;
  color:var(--lib-ink);
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#studio.signed-in #libraryPane .project-filter-count {
  display:grid;
  place-items:center;
  min-width:26px;
  height:25px;
  padding:0 7px;
  border-radius:6px;
  background:var(--lib-raised);
  color:var(--lib-muted);
  font-size:12px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
#studio.signed-in #libraryPane .project-filter-count:empty {
  display:none;
}
#studio.signed-in #libraryPane .project-status {
  margin-top:9px;
  color:var(--lib-muted);
  font-size:12px;
  line-height:1.7;
  overflow-wrap:anywhere;
}

/* One readable toolbar for scope, search and saved-work filters. */
#studio.signed-in #libraryPane .library-scope {
  grid-area:scope;
  align-items:center;
  gap:16px;
  margin:0 0 20px;
}
#studio.signed-in #libraryPane #activeProjectName {
  min-width:0;
  color:var(--lib-ink);
  font-size:25px;
  font-weight:550;
  letter-spacing:-.65px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
#studio.signed-in #libraryPane .library-scope .text-button {
  min-height:40px;
  padding:8px 10px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-control-radius);
  color:var(--lib-muted);
  font-size:12px;
  line-height:1.5;
}
#studio.signed-in #libraryPane .library-top {
  grid-area:filters;
  align-content:center;
  gap:12px;
  min-width:0;
  margin:0 0 24px;
}
#studio.signed-in #libraryPane .library-filters {
  gap:4px;
  max-width:100%;
  padding:4px;
  border:1px solid var(--lib-border);
  border-radius:11px;
  background:var(--lib-bg);
}
#studio.signed-in #libraryPane .library-filters button {
  min-height:36px;
  padding:8px 12px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--lib-muted);
  font-size:13px;
  line-height:1.5;
  white-space:nowrap;
}
#studio.signed-in #libraryPane .library-filters button[aria-pressed=true] {
  background:var(--lib-raised);
  color:var(--lib-ink);
}
#studio.signed-in #libraryPane .library-filters .icon {
  width:15px;
  height:15px;
}
#studio.signed-in #libraryPane .library-meta {
  min-width:0;
  gap:9px;
  flex-wrap:wrap;
}
#studio.signed-in #libraryPane #libraryCount {
  color:var(--lib-muted);
  font-size:12px;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}
#studio.signed-in #libraryPane .library-meta button {
  min-height:42px;
  padding:9px 12px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-control-radius);
  background:var(--lib-surface);
  color:var(--lib-muted);
  font-size:12px;
}
#studio.signed-in #libraryPane #refreshLibrary {
  width:42px;
  min-width:42px;
  height:42px;
  padding:11px;
}
#studio.signed-in #libraryPane #toggleTrash[aria-pressed=true] {
  color:var(--lib-accent);
  border-color:var(--lib-accent);
  background:var(--lib-tint);
}
#studio.signed-in #libraryPane .library-search {
  grid-area:search;
  align-self:start;
  gap:11px;
  width:100%;
  min-width:0;
  max-width:none;
  min-height:46px;
  padding:10px 13px;
  margin:0 0 24px;
  border:1px solid var(--lib-border);
  border-radius:11px;
  background:var(--lib-surface);
  color:var(--lib-muted);
}
#studio.signed-in #libraryPane .library-search:focus-within {
  border-color:var(--lib-accent);
  box-shadow:0 0 0 1px var(--lib-accent);
}
#studio.signed-in #libraryPane .library-search input {
  width:100%;
  min-width:0;
  min-height:24px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--lib-ink);
  font-size:13px;
  line-height:1.6;
  outline:none;
}
#studio.signed-in #libraryPane .library-search input::placeholder {
  color:var(--lib-muted);
  opacity:1;
}
#studio.signed-in #libraryPane .library-search .icon {
  width:17px;
  height:17px;
}
#studio.signed-in #libraryPane .library-search .keycap {
  flex-shrink:0;
  border-color:var(--lib-border);
  background:var(--lib-raised);
  color:var(--lib-muted);
  font-size:11px;
}

/* The picture owns most of each card; actions remain usable without hover. */
#studio.signed-in #libraryPane #libraryGrid {
  grid-area:gallery;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:22px;
  min-width:0;
}
#studio.signed-in #libraryPane .library-card {
  position:relative;
  min-width:0;
  padding:0 0 16px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-card-radius);
  background:var(--lib-surface);
  overflow:hidden;
  box-shadow:none;
  transition:border-color .18s,box-shadow .18s;
}
#studio.signed-in #libraryPane .library-card:hover {
  transform:none;
  border-color:var(--lib-muted);
  box-shadow:0 8px 28px #00000018;
}
#studio.signed-in #libraryPane .library-card:focus-within {
  border-color:var(--lib-accent);
}
#studio.signed-in #libraryPane .library-card>img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  max-height:none;
  border:0;
  border-radius:0;
  background:var(--lib-bg);
  object-fit:cover;
}
#studio.signed-in #libraryPane .library-placeholder {
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4/5;
  background:var(--lib-raised);
  color:var(--lib-muted);
  font-size:42px;
  font-weight:300;
}
#studio.signed-in #libraryPane .library-card>p {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-height:46px;
  padding:16px 16px 0;
  margin:0 0 9px;
  color:var(--lib-ink);
  font-size:13px;
  line-height:1.7;
  overflow:hidden;
  overflow-wrap:anywhere;
}
#studio.signed-in #libraryPane .library-card>small {
  display:block;
  padding:0 16px;
  margin:0;
  color:var(--lib-muted);
  font-size:12px;
  line-height:1.6;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#studio.signed-in #libraryPane .library-project-badge {
  width:fit-content;
  max-width:calc(100% - 32px);
  padding:4px 7px;
  margin:10px 16px 0;
  border:1px solid var(--lib-border);
  border-radius:5px;
  background:var(--lib-raised);
  color:var(--lib-muted);
  font-size:12px;
  line-height:1.5;
}
#studio.signed-in #libraryPane .library-card>button.secondary {
  display:flex;
  width:calc(100% - 32px);
  min-height:40px;
  padding:9px 12px;
  margin:16px 16px 0;
  border:1px solid var(--lib-border);
  border-radius:8px;
  background:var(--lib-raised);
  color:var(--lib-ink);
  font-size:13px;
  font-weight:500;
}
#studio.signed-in #libraryPane .library-card>button.secondary:hover:not(:disabled) {
  border-color:var(--lib-accent);
  background:var(--lib-tint);
}
#studio.signed-in #libraryPane .library-heart {
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  padding:10px;
  border:1px solid #ffffff35;
  border-radius:10px;
  background:#101315c7;
  color:#fff;
  box-shadow:0 3px 14px #0000001a;
  backdrop-filter:blur(12px);
}
#studio.signed-in #libraryPane .library-heart .icon {
  width:18px;
  height:18px;
}
#studio.signed-in #libraryPane .library-heart[aria-pressed=true] .icon {
  fill:var(--raine-lime);
  stroke:var(--raine-lime);
}

/* This optional view responds to an existing-data presentation toggle only. */
#studio.signed-in #libraryPane #libraryGrid[data-view=list] {
  grid-template-columns:minmax(0,1fr);
  gap:12px;
}
#studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card {
  display:grid;
  grid-template-columns:150px minmax(0,1fr) 116px;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:20px;
  padding:0 16px 0 0;
}
#studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>:is(img,.library-placeholder) {
  grid-column:1;
  grid-row:1/4;
  width:150px;
  height:146px;
  aspect-ratio:auto;
}
#studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>p {
  grid-column:2;
  align-self:end;
  min-height:0;
  padding:14px 0 0;
  margin-bottom:7px;
}
#studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>small {
  grid-column:2;
  align-self:start;
  padding:0 0 14px;
}
#studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>button.secondary {
  grid-column:3;
  grid-row:1/4;
  width:100%;
  margin:0;
}
#studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-heart {
  right:auto;
  left:10px;
  top:10px;
  width:36px;
  height:36px;
  padding:8px;
}

/* Empty, loading and failure feedback stays attached to this gallery. */
#studio.signed-in #libraryPane #libraryStatus {
  grid-area:status;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:14px 16px;
  margin:0 0 22px;
  border:1px solid var(--lib-border);
  border-radius:10px;
  background:var(--lib-surface);
  color:var(--lib-muted);
  font-size:13px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
#studio.signed-in #libraryPane #libraryStatus:empty {
  display:none;
}
#studio.signed-in #libraryPane #libraryStatus[data-state=error] {
  border-color:var(--lib-error);
  background:var(--lib-error-bg);
  color:var(--lib-error);
}
#studio.signed-in #libraryPane #libraryStatus[data-state=loading]::before,
#studio.signed-in #libraryPane #projectList[aria-busy=true]~#projectsStatus::before {
  content:"";
  display:inline-block;
  flex-shrink:0;
  width:15px;
  height:15px;
  margin-right:3px;
  border:1.5px solid var(--lib-border);
  border-top-color:var(--lib-accent);
  border-radius:50%;
  vertical-align:-3px;
  animation:raine-library-progress .9s linear infinite;
}
#studio.signed-in #libraryPane[aria-busy=true] #libraryGrid {
  opacity:.58;
}
#studio.signed-in #libraryPane .library-empty {
  grid-area:empty;
  min-width:0;
  min-height:360px;
  gap:14px;
  padding:54px 28px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-card-radius);
  background:var(--lib-surface);
  color:var(--lib-muted);
  font-size:14px;
  line-height:1.8;
}
#studio.signed-in #libraryPane .library-empty .empty-symbol {
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  margin-bottom:5px;
  border:1px solid var(--lib-border);
  border-radius:17px;
  background:var(--lib-raised);
  color:var(--lib-accent);
  font-size:36px;
  line-height:1;
}
#studio.signed-in #libraryPane .library-empty strong {
  max-width:460px;
  color:var(--lib-ink);
  font-size:25px;
  font-weight:500;
  letter-spacing:-.6px;
  line-height:1.3;
}
#studio.signed-in #libraryPane .library-empty>span:last-child {
  max-width:410px;
  color:var(--lib-muted);
  font-size:14px;
  line-height:1.8;
}
#studio.signed-in #libraryPane .library-pager {
  grid-area:pager;
  gap:18px;
  margin:30px 0 0;
  color:var(--lib-muted);
  font-size:13px;
}
#studio.signed-in #libraryPane .library-pager button {
  min-height:42px;
  padding:10px 15px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-control-radius);
  background:var(--lib-surface);
  color:var(--lib-ink);
  font-size:13px;
}

/* The viewer presents the original image at its natural proportions. */
#studio.signed-in #libraryPane #libraryDetail {
  z-index:80;
  inset:0;
  padding:32px;
  background:#050608d9;
  backdrop-filter:blur(18px);
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-shell {
  width:min(1440px,100%);
  height:min(880px,calc(100dvh - 64px));
  max-height:calc(100dvh - 64px);
  min-height:0;
  grid-template-columns:minmax(0,1fr) 360px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-card-radius);
  background:var(--lib-surface);
  box-shadow:0 30px 110px #00000066;
  overflow:hidden;
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-art {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:30px;
  background:var(--lib-bg);
  overflow:hidden;
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-art img {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  border-radius:8px;
  object-fit:contain;
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-info {
  min-width:0;
  min-height:0;
  padding:25px;
  border-left:1px solid var(--lib-border);
  border-top:0;
  background:var(--lib-surface);
  color:var(--lib-ink);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--lib-border) transparent;
}
#studio.signed-in #libraryPane #libraryDetail .chat-heading {
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin:0 0 8px;
}
#studio.signed-in #libraryPane #libraryModel {
  min-width:0;
  padding-top:9px;
  color:var(--lib-ink);
  font-size:18px;
  font-weight:550;
  line-height:1.5;
  letter-spacing:-.25px;
  overflow-wrap:anywhere;
}
#studio.signed-in #libraryPane #closeLibraryImage {
  flex-shrink:0;
  width:42px;
  height:42px;
  padding:11px;
  border:1px solid var(--lib-border);
  border-radius:10px;
  background:var(--lib-raised);
  color:var(--lib-ink);
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-info label {
  margin:22px 0 9px;
  color:var(--lib-muted);
  font-size:12px;
  font-weight:500;
  line-height:1.6;
}
#studio.signed-in #libraryPane #libraryPrompt {
  width:100%;
  min-width:0;
  min-height:168px;
  max-height:300px;
  padding:13px 14px;
  border:1px solid var(--lib-border);
  border-radius:10px;
  background:var(--lib-bg);
  color:var(--lib-ink);
  font-size:14px;
  line-height:1.8;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  resize:vertical;
}
#studio.signed-in #libraryPane #libraryDate {
  margin:11px 0 0;
  color:var(--lib-muted);
  font-size:12px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
#studio.signed-in #libraryPane #libraryDetail .detail-project-field {
  margin:0;
}
#studio.signed-in #libraryPane #detailProject {
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-control-radius);
  background:var(--lib-bg);
  color:var(--lib-ink);
  font-size:13px;
  line-height:1.5;
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-actions {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  padding-top:24px;
  margin-top:auto;
}
#studio.signed-in #libraryPane #libraryDetail .library-detail-actions>:is(a,button) {
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--lib-border);
  border-radius:var(--raine-control-radius);
  background:var(--lib-raised);
  color:var(--lib-ink);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
}
#studio.signed-in #libraryPane #libraryDetail :is(#libraryDownload,#reusePrompt,#prepareLibraryImage,#deleteImage) {
  grid-column:1/-1;
}
#studio.signed-in #libraryPane #libraryDetail #libraryDownload {
  border-color:transparent;
  background:var(--raine-lime);
  color:var(--raine-lime-ink);
}
#studio.signed-in #libraryPane #libraryDetail #libraryDownload:hover {
  background:var(--raine-primary-hover);
}
#studio.signed-in #libraryPane #libraryDetail #detailFavorite[aria-pressed=true] {
  border-color:var(--lib-accent);
  background:var(--lib-tint);
  color:var(--lib-accent);
}
#studio.signed-in #libraryPane #libraryDetail #deleteImage {
  border-color:var(--lib-error);
  background:var(--lib-error-bg);
  color:var(--lib-error);
}

@keyframes raine-library-progress {to{transform:rotate(360deg)}}

@media(min-width:1680px) {
  #studio.signed-in #libraryPane #libraryGrid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1180px) {
  #studio.signed-in #libraryPane {grid-template-columns:minmax(0,1fr);grid-template-areas:"projects" "scope" "filters" "search" "status" "empty" "gallery" "pager"}
  #studio.signed-in #libraryPane .library-top {margin-bottom:14px}
  #studio.signed-in #libraryPane .library-search {margin-bottom:24px;max-width:540px}
  #studio.signed-in #libraryPane #libraryGrid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-shell {grid-template-columns:minmax(0,1fr) 330px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-info {padding:22px}
}
@media(max-width:860px) {
  #studio.signed-in #libraryPane .project-panel {padding:20px 18px 14px;margin-bottom:28px}
  #studio.signed-in #libraryPane .library-search {max-width:none}
  #studio.signed-in #libraryPane #libraryDetail {padding:18px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-shell {height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);grid-template-columns:minmax(0,1fr) 310px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-art {padding:16px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-info {padding:19px}
}
@media(max-width:700px) {
  #studio.signed-in #libraryPane #libraryDetail {padding:0}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-shell {width:100%;height:100dvh;max-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,44dvh) minmax(0,1fr);border:0;border-radius:0}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-art {padding:20px 18px 16px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-info {padding:19px 22px calc(25px + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--lib-border)}
  #studio.signed-in #libraryPane #libraryModel {padding-top:0;font-size:18px}
  #studio.signed-in #libraryPane #closeLibraryImage {position:fixed;top:max(13px,env(safe-area-inset-top));right:max(13px,env(safe-area-inset-right));z-index:1;width:44px;height:44px;box-shadow:0 4px 20px #0000002b}
  #studio.signed-in #libraryPane #libraryPrompt {min-height:132px;font-size:14px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-info label {margin-top:18px}
}
@media(max-width:620px) {
  #studio.signed-in #libraryPane {column-gap:0}
  #studio.signed-in #libraryPane .project-panel {padding:19px 15px 12px;margin-bottom:26px;border-radius:var(--raine-card-radius)}
  #studio.signed-in #libraryPane .project-panel-heading {align-items:flex-start;gap:12px;margin-bottom:17px}
  #studio.signed-in #libraryPane .project-panel-heading .eyebrow {font-size:10px;line-height:1.6;letter-spacing:.7px}
  #studio.signed-in #libraryPane .project-panel-heading h3 {font-size:19px}
  #studio.signed-in #libraryPane #createProject {max-width:145px;min-height:42px;padding:10px;font-size:12px;gap:5px;white-space:normal}
  #studio.signed-in #libraryPane .project-list {gap:10px;padding-bottom:10px}
  #studio.signed-in #libraryPane .project-filter {min-width:168px;max-width:220px;min-height:64px;padding:13px;font-size:13px}
  #studio.signed-in #libraryPane .library-scope {align-items:flex-start;gap:12px;margin-bottom:19px}
  #studio.signed-in #libraryPane #activeProjectName {font-size:23px;letter-spacing:-.5px}
  #studio.signed-in #libraryPane .library-scope .text-button {max-width:142px;min-height:40px;font-size:12px;gap:6px;padding:8px}
  #studio.signed-in #libraryPane .library-top {align-items:flex-start;gap:14px;margin-bottom:16px}
  #studio.signed-in #libraryPane .library-filters {padding:3px;gap:3px}
  #studio.signed-in #libraryPane .library-filters button {min-height:38px;padding:8px 11px;font-size:12px}
  #studio.signed-in #libraryPane .library-meta {width:100%;justify-content:flex-end;gap:9px}
  #studio.signed-in #libraryPane #libraryCount {margin-right:auto;font-size:12px}
  #studio.signed-in #libraryPane .library-meta button {min-height:44px;font-size:12px}
  #studio.signed-in #libraryPane #refreshLibrary {width:44px;height:44px;min-width:44px}
  #studio.signed-in #libraryPane .library-search {min-height:48px;padding:11px 13px;margin-bottom:22px}
  #studio.signed-in #libraryPane .library-search input {font-size:16px;line-height:1.5}
  #studio.signed-in #libraryPane #libraryGrid {grid-template-columns:minmax(0,1fr);gap:20px}
  #studio.signed-in #libraryPane .library-card {padding-bottom:16px;border-radius:var(--raine-card-radius)}
  #studio.signed-in #libraryPane .library-card>img,#studio.signed-in #libraryPane .library-placeholder {aspect-ratio:5/4}
  #studio.signed-in #libraryPane .library-card>p {padding:17px 17px 0;margin-bottom:9px;min-height:46px;font-size:14px;line-height:1.65}
  #studio.signed-in #libraryPane .library-card>small {padding:0 17px;font-size:12px}
  #studio.signed-in #libraryPane .library-card>button.secondary {width:calc(100% - 34px);min-height:44px;margin:16px 17px 0;font-size:13px}
  #studio.signed-in #libraryPane .library-heart {top:13px;right:13px;width:44px;height:44px;padding:12px}
  #studio.signed-in #libraryPane .library-empty {min-height:330px;padding:40px 23px;font-size:14px;gap:14px}
  #studio.signed-in #libraryPane .library-empty strong {font-size:23px}
  #studio.signed-in #libraryPane .library-empty>span:last-child {font-size:13px}
  #studio.signed-in #libraryPane .library-pager {gap:14px;margin-top:25px;font-size:12px}
  #studio.signed-in #libraryPane .library-pager button {min-height:44px;padding:10px 13px;font-size:12px}
  #studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card {grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 14px;padding:0 12px 0 0}
  #studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>:is(img,.library-placeholder) {width:88px;height:160px;grid-row:1/4}
  #studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>p {padding:12px 0 0;margin-bottom:5px;font-size:12px;line-height:1.6}
  #studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>small {padding:0;font-size:12px}
  #studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-card>button.secondary {grid-column:2;grid-row:3;width:100%;min-height:44px;padding:7px 10px;margin:9px 0 12px;font-size:12px}
  #studio.signed-in #libraryPane #libraryGrid[data-view=list] .library-heart {left:7px;top:7px;right:auto;width:36px;height:36px;padding:8px}
}
@media(max-width:359px) {
  #studio.signed-in #libraryPane .project-panel {padding:17px 12px 11px}
  #studio.signed-in #libraryPane .project-panel-heading .eyebrow {max-width:134px;font-size:10px;letter-spacing:.35px}
  #studio.signed-in #libraryPane #createProject {max-width:119px;font-size:12px;padding:10px 8px}
  #studio.signed-in #libraryPane .library-scope {flex-direction:column;gap:10px}
  #studio.signed-in #libraryPane .library-scope .text-button {max-width:none}
  #studio.signed-in #libraryPane .library-filters button {padding:8px 10px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-info {padding-left:17px;padding-right:17px}
}
@media(max-height:560px) and (min-width:701px) {
  #studio.signed-in #libraryPane #libraryDetail {padding:12px}
  #studio.signed-in #libraryPane #libraryDetail .library-detail-shell {height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
}
@media(max-height:560px) and (max-width:700px) {
  #studio.signed-in #libraryPane #libraryDetail .library-detail-shell {grid-template-rows:minmax(145px,40dvh) minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce) {
  #studio.signed-in #libraryPane :is(.library-card,.project-filter) {transition:none}
  #studio.signed-in #libraryPane #libraryStatus[data-state=loading]::before,
  #studio.signed-in #libraryPane #projectList[aria-busy=true]~#projectsStatus::before {animation:none}
}