html[data-graphite-review] #anchor-item-modal {
  width:min(560px,calc(100vw - 24px));
  max-width:none;
  border:1px solid var(--line);
  border-radius:24px;
  padding:0;
  overflow:hidden;
  background:var(--paper);
}
html[data-graphite-review] .anchor-picker-dialog {
  display:flex;
  flex-direction:column;
  width:100%;
  max-height:min(88dvh,840px);
  padding:20px;
  overflow:hidden;
}
html[data-graphite-review] .anchor-picker-dialog .modal-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin:0 0 10px;
  flex:none;
}
html[data-graphite-review] .anchor-picker-dialog .modal-heading h2 {
  font-size:19px;
  line-height:1.5;
  margin:3px 0 0;
}
html[data-graphite-review] .anchor-picker-dialog .eyebrow {font-size:11px;color:var(--muted)}
html[data-graphite-review] #close-anchor-picker {
  position:static;
  flex:0 0 36px;
  width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--white);
  color:var(--ink);
  font-size:24px;
  line-height:1;
  display:grid;
  place-items:center;
}
html[data-graphite-review] #close-anchor-picker:focus-visible {outline:2px solid var(--accent);outline-offset:-3px}
html[data-graphite-review] .anchor-picker-dialog > p {
  font-size:12px;
  line-height:1.8;
  margin:0 0 14px;
  flex:none;
}
html[data-graphite-review] .anchor-picker-filters {
  flex:none;
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:7px;
  margin:0 0 14px;
  padding:3px 2px 6px;
}
html[data-graphite-review] .anchor-picker-filters button {
  flex:0 0 auto;
  min-height:36px;
  border-radius:20px;
  padding:0 13px;
  font-size:11px;
  font-weight:500;
  color:var(--ink);
  border:1px solid var(--line);
  background:var(--white);
}
html[data-graphite-review] .anchor-picker-filters button.active {
  background:var(--accent-soft);
  border-color:var(--review-border);
  color:var(--ink);
}
html[data-graphite-review] .anchor-picker-grid {
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:max-content;
  align-content:start;
  gap:18px 12px;
  padding:3px;
}
html[data-graphite-review] .anchor-choice,
html[data-graphite-review] .anchor-choice.selected {
  min-height:0;
  border:0;
  border-radius:14px;
  padding:0;
  background:transparent;
  color:var(--ink);
  text-align:start;
  overflow:visible;
}
html[data-graphite-review] .anchor-visual {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:3/4;
  border:1px solid var(--line);
  border-radius:40% 40% 14px 14px;
  background:var(--white);
  overflow:hidden;
  transition:background .18s,border-color .18s;
}
html[data-graphite-review] .anchor-choice.selected .anchor-visual {
  background:var(--accent-soft);
  border-color:var(--accent);
  box-shadow:inset 0 0 0 1px var(--accent);
}
html[data-graphite-review] .anchor-visual :is(.anchor-piece-photo,.photo-frame) {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
html[data-graphite-review] .anchor-visual .photo-frame .framed-photo {padding:0}
html[data-graphite-review] .anchor-visual .saved-piece-placeholder {
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  color:var(--muted);
}
html[data-graphite-review] .anchor-visual .saved-piece-placeholder svg {width:32px;height:32px}
html[data-graphite-review] .anchor-choice strong {margin:8px 3px 0;font-size:13px;line-height:1.55}
html[data-graphite-review] .anchor-choice > small {margin:3px 3px 0;font-size:11px;line-height:1.5}
html[data-graphite-review] .anchor-choice .anchor-check {
  top:auto;
  left:auto;
  bottom:9px;
  inset-inline-end:9px;
  width:23px;
  height:23px;
  background:var(--accent);
  color:var(--on-accent);
}
html[data-graphite-review] .anchor-picker-dialog .modal-actions {
  position:static;
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:9px;
  flex:none;
  margin:16px 0 0;
  padding:12px 0 0;
  border-top:1px solid var(--line);
  background:var(--paper);
}
html[data-graphite-review] .anchor-picker-dialog .modal-actions button {
  min-height:46px;
  padding:8px 9px;
  border-radius:14px;
  font-size:12px;
}
html[data-graphite-review][data-theme="dark"] .anchor-visual {background:#25292E;border-color:#353A40}
html[data-graphite-review][data-theme="dark"] .anchor-choice.selected .anchor-visual {background:var(--accent-soft);border-color:var(--accent)}
@media(max-width:350px) {
  html[data-graphite-review] .anchor-picker-dialog{padding:16px}
  html[data-graphite-review] .anchor-picker-dialog .modal-heading h2{font-size:17px}
  html[data-graphite-review] .anchor-picker-dialog .modal-actions button{font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
  html[data-graphite-review] .anchor-visual {transition:none}
}

html[data-graphite-review] .anchor-picker-grid > .empty-state {grid-column:1/-1;padding:28px 12px;}

/* Slightly stronger invitation; selected item names keep their existing weight. */
html[data-graphite-review] #stylist-input-home .anchor-tile:not(.has-pins) #anchor-tile-title {
  font-weight:700;
}

html[data-graphite-review] #close-anchor-picker {box-shadow:none;}
html[data-graphite-review] #close-anchor-picker svg {display:block;flex:none;}