/* LiveCanvas gallery composition: the work, one compact activity card, and details on demand. */
.live-final.live-refined .live-site-utilities .live-work-access {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:38px; padding:7px 12px; border:1px solid currentColor;
  border-radius:8px; background:color-mix(in srgb,currentColor 3%,transparent);
  box-shadow:inset 0 0 0 2px #fff8; color:inherit;
  font:400 16px/1.15 var(--pluritual-wip-serif, Georgia,"Times New Roman",serif);
  letter-spacing:0; text-decoration:none; text-transform:none; white-space:nowrap;
}
.live-final.live-refined .live-site-utilities .live-work-access svg {
  display:block; flex:0 0 22px; width:22px; height:22px;
}
.live-final.live-refined .live-site-utilities .live-work-access:hover {
  background:color-mix(in srgb,currentColor 8%,transparent);
}
.live-final.live-refined .live-site-utilities .site-utility-menu { display:none; }

.live-final.live-refined .canvas-preview-section {
  background:radial-gradient(ellipse at 50% 25%,#fcf9f1 0%,#f5efe3 74%);
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel {
  --gallery-line:#ac68422e; --gallery-ink:#74513d; --gallery-accent:#ac5136;
  position:relative; display:flex; flex-direction:column; align-items:stretch;
  align-self:center; flex:none; width:100%; min-width:0; height:auto;
  min-height:0; max-height:none; margin:0; padding:18px; gap:14px;
  overflow:visible; container-type:normal;
  border:1px solid var(--gallery-line); border-radius:10px;
  background:#fffaf2c9; color:var(--gallery-ink); box-shadow:none;
}
.canvas-gallery-personal-colors {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch; gap:16px; min-width:0;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand {
  order:0; grid-area:auto; display:flex; flex-direction:column;
  align-items:stretch; align-self:stretch; justify-content:flex-start;
  flex:none; width:100%; min-width:0; height:auto; min-height:0;
  margin:0; padding:0; gap:8px; border:0; border-radius:0;
  background:transparent; box-shadow:none;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand .live-mini-section-head {
  display:flex; align-items:baseline; justify-content:flex-start; min-width:0; min-height:0;
  margin:0; padding:0; border:0; gap:0;
}
.canvas-gallery-panel .canvas-your-hand .live-mini-section-head::before,
.canvas-gallery-panel .canvas-your-hand .live-mini-section-head::after { display:none; }
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand .live-mini-section-head > span,
.canvas-gallery-colors > h3 {
  margin:0; color:var(--gallery-ink,#74513d);
  font:600 14px/1.2 var(--pluritual-sans,Arial,sans-serif);
  text-transform:none; letter-spacing:0;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand-grid {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  flex:none; gap:4px; width:100%; min-width:0; margin:0;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand-pixel {
  display:grid; place-items:stretch; width:100%; height:auto; aspect-ratio:1;
  min-width:0; min-height:0; max-height:none; margin:0; padding:2px;
  border:1px solid #af74543b; border-radius:4px;
  background:#fffdf6; box-shadow:inset 0 0 0 1px #fff9;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand-dot {
  display:block; width:100%; height:100%; min-width:0; min-height:0;
  aspect-ratio:1; border:0; border-radius:2px;
  background:var(--signal-color); opacity:1; box-shadow:none;
}
.canvas-gallery-colors {
  display:flex; flex-direction:column; justify-content:flex-start;
  gap:7px; min-width:0; padding-left:14px; border-left:1px solid var(--gallery-line,#ac68422e);
}
.canvas-gallery-colors:only-child {
  grid-column:1/-1; padding-left:0; border-left:0;
}
.canvas-gallery-histogram {
  display:grid; grid-template-columns:repeat(10,minmax(0,1fr));
  align-items:end; gap:4px; min-width:0; height:40px;
}
.canvas-gallery-color { display:flex; align-items:flex-end; height:100%; min-width:0; }
.canvas-gallery-color > i {
  display:block; width:100%; height:var(--bar-height,0%); min-height:0;
  border:0; border-radius:1px 1px 0 0; background:var(--signal-color);
  box-shadow:inset 0 0 0 1px #71583d18;
}
.canvas-gallery-colors[aria-busy="true"] .canvas-gallery-histogram { opacity:.5; }
.canvas-gallery-panel .canvas-your-hand-loading,
.canvas-gallery-panel .canvas-gallery-shared-empty {
  margin:0; color:#8b705c; font:400 11px/1.35 var(--pluritual-sans,Arial,sans-serif);
}
.canvas-gallery-panel .canvas-your-hand-loading { padding-top:4px; }

.live-final.live-refined .canvas-preview-section .canvas-gallery-shared {
  display:flex; flex-direction:column; align-items:stretch; justify-content:center;
  width:100%; min-width:0; min-height:0; margin:0; padding:10px;
  gap:10px; border:1px solid var(--gallery-line,#ac68422e); border-radius:6px;
  background:#f5eadf38; color:var(--gallery-accent,#ac5136);
  box-shadow:none; text-align:left; text-transform:none; letter-spacing:0; cursor:pointer;
}
.canvas-gallery-shared-head {
  display:flex; align-items:center; gap:9px; min-width:0;
  font:400 12px/1.2 var(--pluritual-sans,Arial,sans-serif);
}
.canvas-gallery-shared-head > strong { flex:1; min-width:0; font-size:14px; font-weight:600; }
.canvas-gallery-shared-head > span { flex:none; color:#8d6048; white-space:nowrap; }
.canvas-gallery-shared-head > svg { display:block; flex:0 0 13px; width:13px; height:16px; }
.canvas-gallery-shared-swatches {
  display:grid; grid-template-columns:repeat(10,minmax(0,1fr));
  align-items:center; gap:clamp(3px,1vw,12px); width:100%; min-width:0;
  margin:0; padding:0; list-style:none;
}
.canvas-gallery-shared-swatches > [role="listitem"] {
  display:grid; place-items:stretch; justify-self:center; width:100%; max-width:30px;
  min-width:0; aspect-ratio:1; padding:2px; margin:0;
  border:1px solid #af74543b; border-radius:4px; background:#fffdf6;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-gallery-shared-swatches .signal-swatches {
  display:flex; align-items:stretch; gap:0; width:100%; height:100%;
  min-width:0; min-height:0; border:0; border-radius:1px; overflow:hidden;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-gallery-shared-swatches .signal-swatches i {
  flex:1 1 0; width:0; min-width:0; height:100%; min-height:0;
  margin:0; border:0; border-radius:0; background:var(--signal-color); box-shadow:none; opacity:1;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-shared:hover {
  border-color:#ac68426b; background:#f5eadf80;
}
.canvas-gallery-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.canvas-gallery-hands { display:flex; align-items:baseline; gap:8px; min-width:0; margin:0; }
.canvas-gallery-hands > strong { color:#74513d; font:400 38px/.95 var(--pluritual-wip-serif, Georgia,"Times New Roman",serif); letter-spacing:-.04em; }
.canvas-gallery-hands > span { color:#8b624b; font:400 13px/1.2 var(--pluritual-sans,Arial,sans-serif); white-space:nowrap; }
.live-final.live-refined .canvas-preview-section .canvas-gallery-info {
  display:inline-flex; align-items:center; justify-content:center; flex:none; gap:7px;
  min-height:32px; margin:0; padding:5px 10px;
  border:1px solid #ac68423b; border-radius:7px; background:transparent;
  color:#74513d; font:400 15px/1.15 var(--pluritual-wip-serif, Georgia,"Times New Roman",serif);
  letter-spacing:0; text-transform:none; cursor:pointer;
}
.canvas-gallery-info > svg { display:block; flex:none; width:17px; height:17px; }
.live-final.live-refined .canvas-preview-section .canvas-gallery-info:hover { border-color:#ac68427d; background:#f5eadf80; }
/* Preserve the native dialog in the top layer without adding a second card entry. */
.canvas-gallery-panel > .canvas-proposal-explorer { display:contents; }
.canvas-gallery-panel > .canvas-proposal-explorer > button { display:none; }
.canvas-gallery-info-dialog:not([open]) { display:none; }
.canvas-gallery-info-dialog {
  width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 48px);
  margin:auto; padding:20px; border:1px solid #ac68423b; border-radius:12px;
  overflow:auto; overscroll-behavior:contain; background:#fbf6eb; color:#74513d;
  box-shadow:0 18px 65px #3423174d;
}
.canvas-gallery-info-dialog::backdrop { background:#29251eb3; }
.canvas-gallery-info-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.canvas-gallery-info-dialog > header h3 { margin:0; font:400 27px/1.2 var(--pluritual-wip-serif, Georgia,"Times New Roman",serif); }
.canvas-gallery-info-dialog > header button {
  display:grid; place-items:center; flex:none; width:36px; height:36px; padding:0;
  border:1px solid #ac68423b; border-radius:50%; background:transparent;
  color:#74513d; font:400 25px/1 Arial,sans-serif; cursor:pointer;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-canvas-cartel {
  position:static; display:block; width:100%; max-width:none; height:auto;
  margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-cartel-signature {
  display:grid; grid-template-columns:minmax(0,1fr); gap:5px;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-cartel-signature strong { color:#594130; font:400 24px/1.2 var(--pluritual-wip-serif, Georgia,serif); }
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-cartel-signature em { grid-column:auto; }
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-cartel-meta {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0 0;
}
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-cartel-meta dt { font:400 10px/1.3 var(--pluritual-sans,Arial,sans-serif); }
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .live-cartel-meta dd { font:400 13px/1.35 var(--pluritual-sans,Arial,sans-serif); }
.live-final.live-refined .canvas-preview-section .canvas-gallery-info-dialog .canvas-title-form { position:static; width:100%; }

@media (max-width:760px) and (orientation:portrait) {
  .live-final.live-refined .live-site-utilities { top:50px; right:20px; gap:0; }
  .live-final.live-refined .live-site-utilities .live-work-access { min-height:31px; padding:5px 10px; gap:8px; font-size:14px; }
  .live-final.live-refined .live-site-utilities .live-work-access svg { flex-basis:20px; width:20px; height:20px; }
  .live-final.live-refined[data-live-theme="canvas"] > header.pluritual-header {
    inset:0 0 auto; width:100%; min-height:82px;
    background:#f6f0e4; box-shadow:none;
  }
  .live-final.live-refined .canvas-preview-section {
    --gallery-art-budget:calc((100dvh - 352px) * .83159);
    height:auto; min-height:100dvh; padding:90px 14px 74px; overflow:visible;
  }
  .live-final.live-refined .canvas-preview-section > .live-section-inner { display:block; width:100%; height:auto; min-height:0; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-layout {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto;
    align-items:start; height:auto; min-height:0; gap:14px;
  }
  .live-final.live-refined .canvas-preview-section .live-canvas-stage {
    display:grid; grid-area:auto; grid-template-columns:minmax(0,1fr); grid-template-rows:auto;
    align-self:start; align-content:start; width:100%; max-width:none; height:auto; gap:0;
  }
  .live-final.live-refined .canvas-preview-section .canvas-preview-toolbar,
  .live-final.live-refined .canvas-preview-section .canvas-preview-note { display:none; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-art-space { height:auto; min-height:0; container-type:normal; }
  .live-final.live-refined .canvas-preview-section .canvas-art-mount {
    width:min(100%,max(240px,var(--gallery-art-budget))); max-width:100%;
    height:auto; min-height:0; margin:0; aspect-ratio:558/671;
  }
  .live-final.live-refined .canvas-preview-section .canvas-preview-zoom {
    right:6px; bottom:-4px; transform:none; border-color:#ad865648; border-radius:7px;
    background:#fffaf1; box-shadow:0 2px 7px #59452925;
  }
  .live-final.live-refined .canvas-preview-section .canvas-preview-zoom button {
    min-width:26px; min-height:26px; padding:4px 7px; font:400 12px/1 var(--pluritual-wip-serif, Georgia,serif);
  }
  .live-final.live-refined .canvas-preview-section .canvas-preview-zoom .canvas-preview-pause-mobile { display:block; font:400 13px/1 Arial,sans-serif; }
  .live-final.live-refined .canvas-preview-section .canvas-live-column { display:block; grid-area:auto; align-self:start; width:100%; height:auto; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel { padding:10px 12px; gap:8px; border-radius:9px; }
  .canvas-gallery-personal-colors { gap:12px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand { gap:7px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand .live-mini-section-head > span,
  .canvas-gallery-colors > h3 { font-size:13px; }
  .canvas-gallery-colors { gap:5px; padding-left:12px; }
  .canvas-gallery-histogram { height:33px; gap:3px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-shared { padding:7px 9px; gap:7px; }
  .canvas-gallery-shared-head { gap:7px; font-size:11px; }
  .canvas-gallery-shared-head > strong { font-size:13px; }
  .canvas-gallery-shared-swatches { gap:clamp(3px,2.5vw,10px); }
  .canvas-gallery-shared-swatches > [role="listitem"] { max-width:24px; padding:1px; border-radius:3px; }
  .canvas-gallery-hands { gap:8px; }
  .canvas-gallery-hands > strong { font-size:34px; }
  .canvas-gallery-hands > span { font-size:12px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-info { min-height:29px; padding:5px 9px; gap:6px; font-size:13px; }
  .canvas-gallery-info > svg { width:16px; height:16px; }
}

@media (max-width:359px) and (orientation:portrait) {
  .live-final.live-refined .live-site-utilities { right:14px; }
  .live-final.live-refined .live-site-utilities .live-work-access { padding:5px 8px; gap:6px; font-size:13px; }
  .live-final.live-refined .canvas-preview-section { padding-inline:10px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel { padding:10px; }
  .canvas-gallery-personal-colors { gap:9px; }
  .canvas-gallery-colors { padding-left:9px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand-grid { gap:3px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel .canvas-your-hand-pixel { padding:1px; }
  .canvas-gallery-shared-head { gap:5px; font-size:10px; }
  .canvas-gallery-shared-head > strong { font-size:12px; }
  .canvas-gallery-shared-swatches { gap:5px; }
  .canvas-gallery-hands { gap:6px; }
  .canvas-gallery-hands > strong { font-size:32px; }
  .canvas-gallery-hands > span { font-size:11px; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-info { padding-inline:7px; font-size:12px; }
}

@media (max-height:500px) and (orientation:landscape) {
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel { padding:12px; gap:10px; }
  .live-final.live-refined .canvas-preview-section .canvas-live-column { align-self:center; height:auto; max-height:100%; }
  .live-final.live-refined .canvas-preview-section .canvas-gallery-panel { height:auto; max-height:100%; overflow-y:auto; }
  .canvas-gallery-personal-colors { gap:10px; }
  .canvas-gallery-colors { padding-left:10px; }
  .canvas-gallery-histogram { height:28px; gap:3px; }
  .canvas-gallery-hands > strong { font-size:30px; }
  .canvas-gallery-hands > span { font-size:11px; }
}