.wl-shell {
  --wl-ink: #172019;
  --wl-muted: #687168;
  --wl-line: rgba(23, 32, 25, 0.1);
  --wl-accent: #668d22;
  --wl-soft: #f4f7f1;
  color: var(--wl-ink);
}

.wl-photo-gallery.is-closing .wl-photo-gallery-shell {
  animation: wl-viewer-out 160ms cubic-bezier(.4, 0, 1, 1) forwards;
}

@keyframes wl-viewer-out {
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: translateY(3px) scale(.99); }
}

@media (prefers-reduced-motion: reduce) {
  .wl-photo-gallery.is-closing .wl-photo-gallery-shell { animation: none; }
}
.wl-shell button,
.wl-shell input,
.wl-shell select,
.wl-dialog button,
.wl-dialog input,
.wl-dialog textarea,
.wl-dialog select {
  font: inherit;
}
.wl-header {
  padding: 24px 24px 18px;
  display: grid;
  gap: 20px;
  border-bottom: 1px solid var(--wl-line);
}
.wl-header h2,
.wl-header p,
.wl-manager-head h3,
.wl-manager-head p,
.wl-log-card h3,
.wl-log-card p,
.wl-detail-head h2,
.wl-detail-head p,
.wl-item h4,
.wl-item p {
  margin: 0;
}
.wl-header > div:first-child {
  display: grid;
  gap: 5px;
}
.wl-header > div:first-child > p:last-child {
  color: var(--wl-muted);
  font-size: 13px;
}
.wl-eyebrow {
  color: var(--wl-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.13em;
}
.wl-primary-tabs,
.wl-view-tabs {
  display: flex;
  gap: 5px;
  overflow: auto;
  padding: 4px;
  border-radius: 12px;
  background: rgba(118, 118, 128, 0.08);
}
.creator-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wl-header{padding:10px 0 12px;border-bottom:0}
.wl-shell>.wl-primary-tabs{position:sticky;top:max(10px,env(safe-area-inset-top));z-index:4;margin:0 24px;background:rgba(242,242,247,.9);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 24px rgba(15,23,42,.04)}
.wl-no-capture{margin:14px 0 0;padding:10px 12px;border-radius:11px;color:#6e6e73;background:rgba(118,118,128,.07);font-size:12px}
.wl-tab,
.wl-view-button {
  min-height: 38px;
  padding: 0 14px;
  white-space: nowrap;
  color: var(--wl-muted);
  border: 0;
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
}
.wl-tab.active,
.wl-view-button[aria-pressed="true"] {
  color: var(--wl-ink);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 18, 0.08);
}
.wl-notice {
  margin: 16px 24px 0;
  padding: 12px 14px;
  border-radius: 12px;
  color: #315d46;
  background: #edf8f1;
}
.wl-notice.error {
  color: #8f2d24;
  background: #fff0ee;
}
.wl-notice.success {
  color: #45640f;
  background: #f0f8df;
}
.wl-content {
  padding: 20px 24px 28px;
}
.wl-controls {
  display: grid;
  gap: 14px;
}
.wl-controls-disclosure{min-height:54px;padding:8px 10px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--wl-line);border-radius:14px;background:var(--wl-soft)}
.wl-controls-disclosure>span{min-width:0;display:grid;gap:2px}.wl-controls-disclosure strong{font-size:14px}.wl-controls-disclosure small{color:var(--wl-muted);font-size:11px}
.wl-controls-toggle{min-height:38px;padding:0 13px;border:1px solid var(--wl-line);border-radius:10px;color:var(--wl-ink);background:#fff;cursor:pointer}
.wl-controls-toggle:focus-visible{outline:3px solid rgba(102,141,34,.24);outline-offset:2px}
.wl-controls-body{display:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.wl-controls.is-expanded .wl-controls-body{display:grid}.wl-controls-body>.wl-filters{grid-column:1/-1}
.wl-record-search{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 34px auto;align-items:center;gap:9px;min-height:52px;padding:6px 8px 6px 15px;border:1px solid var(--wl-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(23,32,25,.035)}
.wl-record-search>svg{width:19px;height:19px;fill:none;stroke:var(--wl-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wl-record-search input{width:100%;min-width:0;height:38px;padding:0;border:0;color:var(--wl-ink);background:transparent;font:inherit;font-size:14px;outline:0}
.wl-record-search input::-webkit-search-cancel-button{display:none}
.wl-record-search:focus-within{border-color:rgba(102,141,34,.55);box-shadow:0 0 0 3px rgba(102,141,34,.14)}
.wl-record-search-clear{width:34px;height:34px;padding:0;display:grid;place-items:center;border:0;border-radius:9px;color:var(--wl-muted);background:var(--wl-soft);cursor:pointer}
.wl-record-search-clear[hidden]{display:none}.wl-record-search-clear:hover{color:var(--wl-ink)}.wl-record-search-clear:focus-visible{outline:2px solid rgba(102,141,34,.5);outline-offset:2px}
.wl-record-search-clear svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.wl-record-search-status{min-width:86px;padding-right:6px;color:var(--wl-muted);font-size:11px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.wl-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: 10px;
}
@media(max-width:720px){.wl-record-search{grid-template-columns:20px minmax(0,1fr) 34px}.wl-record-search-status{grid-column:2/-1;min-width:0;padding:0 3px 3px;text-align:left;white-space:normal}.wl-filters{grid-template-columns:1fr}}
.wl-filters input,
.wl-filters select,
.wl-dialog input,
.wl-dialog textarea,
.wl-dialog select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 10px 12px;
  color: var(--wl-ink);
  border: 1px solid var(--wl-line);
  border-radius: 10px;
  background: #fff;
}
.wl-filters input:focus,
.wl-filters select:focus,
.wl-dialog input:focus,
.wl-dialog textarea:focus,
.wl-dialog select:focus {
  outline: 3px solid rgba(102, 141, 34, 0.18);
  border-color: rgba(102, 141, 34, 0.55);
}
.wl-results {
  margin-top: 18px;
}
.wl-dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}
.wl-metric {
  padding: 16px;
  border: 1px solid var(--wl-line);
  border-radius: 14px;
  background: var(--wl-soft);
}
.wl-metric span {
  display: block;
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-metric strong {
  display: block;
  margin-top: 8px;
  font-size: 25px;
  font-variant-numeric: tabular-nums;
}
.wl-log-list {
  display: grid;
  gap: 10px;
  container-type: inline-size;
}
.wl-log-card {
  overflow: hidden;
  border: 1px solid var(--wl-line);
  border-radius: 14px;
  background: #fff;
}
.wl-log-card.is-ai-polished{border-color:rgba(111,107,242,.72);background:linear-gradient(135deg,rgba(111,107,242,.075),rgba(72,148,255,.035) 58%,#fff);box-shadow:inset 3px 0 0 #6f6bf2,0 8px 24px rgba(67,63,169,.07)}
.wl-log-card:has(.wl-deleted-actions){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.wl-deleted-actions{display:flex;gap:8px;padding-right:16px}.wl-retention{color:var(--wl-danger)!important;background:rgba(180,35,24,.07)!important}.wl-danger{color:var(--wl-danger);border-color:rgba(180,35,24,.18);background:rgba(180,35,24,.07)}
@media(max-width:720px){.wl-log-card:has(.wl-deleted-actions){grid-template-columns:1fr}.wl-deleted-actions{justify-content:flex-end;padding:0 16px 16px}}
.wl-log-open {
  width: 100%;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  color: inherit;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.wl-log-open:hover {
  background: #fafbf9;
}
.wl-log-open:focus-visible,
.wl-button:focus-visible,
.wl-link:focus-visible,
.wl-code:focus-visible,
.wl-week-day:focus-visible,
.wl-calendar-day:focus-visible {
  outline: 3px solid rgba(102, 141, 34, 0.24);
  outline-offset: 2px;
}
.wl-log-open > div:first-child {
  display: grid;
  gap: 4px;
}
.wl-log-open time {
  color: var(--wl-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.wl-log-open h3 {
  font-size: 16px;
}
.wl-log-open p {
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-log-summary {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  line-height: 1.5;
}
.wl-log-meta {
  max-width: 420px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
.wl-log-meta > span {
  padding: 5px 8px;
  color: var(--wl-muted);
  font-size: 10px;
  border-radius: 999px;
  background: var(--wl-soft);
}
.wl-status {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  font-weight: 750;
}
.wl-status:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.wl-status-draft {
  color: #765600 !important;
}
.wl-status-final {
  color: #187047 !important;
}
.wl-status-archived {
  color: #52605a !important;
}
.wl-status-deleted {
  color: #9a352e !important;
}
.wl-state {
  min-height: 210px;
  padding: 28px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
  color: var(--wl-muted);
  border: 1px dashed var(--wl-line);
  border-radius: 16px;
  background: var(--wl-soft);
}
.wl-state strong {
  color: var(--wl-ink);
  font-size: 16px;
}
.wl-state p {
  margin: 0;
  max-width: 440px;
}
.wl-error {
  color: #8f2d24;
}
.wl-empty-inline {
  padding: 24px;
  color: var(--wl-muted);
  text-align: center;
}
.wl-button,
.wl-link {
  min-height: 38px;
  padding: 0 14px;
  color: var(--wl-ink);
  border: 1px solid var(--wl-line);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}
.wl-primary {
  color: #fff;
  border-color: #5f8420;
  background: #668d22;
}
.wl-danger {
  color: #9a352e;
}
.wl-link {
  min-height: auto;
  padding: 5px 7px;
  color: #55751a;
  border: 0;
  background: transparent;
}
.wl-more {
  display: block;
  margin: 16px auto 0;
}
.wl-period-title {
  margin: 0 0 12px;
  font-size: 15px;
}
.wl-week-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}
.wl-week-day {
  min-width: 0;
  padding: 13px;
  display: grid;
  gap: 8px;
  color: inherit;
  text-align: left;
  border: 1px solid var(--wl-line);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.wl-week-day span,
.wl-week-day small {
  color: var(--wl-muted);
  font-size: 11px;
}
.wl-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}
.wl-calendar-week {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.wl-calendar-week span {
  padding: 8px;
  color: var(--wl-muted);
  font-size: 11px;
  text-align: center;
}
.wl-calendar-day {
  min-height: 76px;
  padding: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: inherit;
  border: 1px solid var(--wl-line);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}
.wl-calendar-day span {
  color: var(--wl-accent);
  font-size: 10px;
}
.wl-calendar-day.muted {
  opacity: 0.42;
}
.wl-calendar-day.selected {
  border-color: #668d22;
  box-shadow: inset 0 0 0 1px #668d22;
}
.wl-detail-head {
  position: relative;
  margin: 12px 0 18px;
  padding: clamp(20px, 3vw, 28px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 18px;
  overflow: hidden;
  border: 1px solid var(--wl-border, var(--wl-line));
  border-radius: 20px;
  background: var(--wl-surface, #fff);
  box-shadow: var(--wl-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.05));
}
.wl-detail-head > div {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.wl-detail-head time {
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-detail-head p {
  margin: 0;
  color: var(--wl-muted);
  line-height: 1.7;
  text-wrap: pretty;
}
.wl-detail-head > .wl-status {
  padding: 7px 11px;
  white-space: nowrap;
  border-radius: 999px;
  background: var(--wl-soft);
}
.wl-detail-back {
  min-height: 40px;
  margin-top: 4px;
  padding: 0 13px 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--wl-border, var(--wl-line));
  border-radius: 12px;
  color: var(--wl-text, var(--wl-ink));
  background: var(--wl-surface, #fff);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.wl-detail-back svg{width:18px;height:18px;color:var(--wl-accent);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wl-detail-back:hover {
  background: var(--wl-surface-2, var(--wl-soft));
}
.wl-code{position:relative}.wl-code::after{content:"可见编码";margin-left:8px;padding:3px 6px;border-radius:7px;color:var(--wl-secondary);background:rgba(118,118,128,.08);font-size:10px;font-weight:650}
.wl-history>.wl-controls{padding:6px;display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(170px,220px));gap:8px;border:1px solid var(--wl-border);border-radius:16px;background:var(--wl-surface-2)}.wl-history>.wl-controls input[type=date]{height:44px;padding:0 12px;border:0;border-radius:11px;color:var(--wl-text);background:var(--wl-surface);box-shadow:0 1px 2px rgba(0,0,0,.04);font:inherit;font-variant-numeric:tabular-nums}.wl-history>.wl-controls input[type=date]:focus{outline:3px solid rgba(10,132,255,.18)}
.wl-more-item{position:relative;overflow:hidden;transition:transform 160ms ease-out,box-shadow 160ms ease-out,border-color 160ms ease-out}.wl-more-item svg{width:24px;height:24px;margin-bottom:14px;fill:none;stroke:var(--wl-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform 160ms ease-out}.wl-more-item:hover{transform:translateY(-3px);border-color:rgba(10,132,255,.22)!important;box-shadow:0 14px 34px rgba(20,28,38,.09)!important}.wl-more-item:hover svg{transform:translateY(-2px) scale(1.04)}
@media(max-width:760px){.wl-history>.wl-controls{grid-template-columns:1fr}.wl-history>.wl-controls .wl-view-tabs{grid-column:1}.wl-history>.wl-controls input[type=date]{width:100%}}
.wl-facts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--wl-line);
  border-radius: 13px;
  background: var(--wl-line);
}
.wl-facts div {
  padding: 12px;
  background: #fff;
}
.wl-facts dt {
  color: var(--wl-muted);
  font-size: 10px;
}
.wl-facts dd {
  margin: 5px 0 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.wl-actions {
  margin: 16px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wl-regenerate{white-space:nowrap}.wl-summary-stale{flex-basis:100%;margin:12px 0 0;color:#9a6700;font-size:13px;font-weight:650}
.wl-ai-polish-status{align-self:center;color:var(--wl-secondary);font-size:12px;line-height:1.45}.wl-ai-polish-status.success{color:#177245}.wl-ai-polish-status.error{color:var(--wl-danger)}.wl-button.is-busy{position:relative;padding-left:38px}.wl-button.is-busy::before{content:"";position:absolute;left:15px;top:50%;width:13px;height:13px;margin-top:-7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wl-ai-spin .7s linear infinite}@keyframes wl-ai-spin{to{transform:rotate(360deg)}}
.wl-detail-head>.wl-detail-tools{min-width:320px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;align-content:flex-start;gap:8px}.wl-detail-tools .wl-ai-polish-status{order:2;flex-basis:100%;text-align:right}.wl-ai-corner{min-height:40px;margin:0}.wl-ai-restore{min-height:40px}.wl-ai-badge{padding:7px 10px;border-radius:999px;color:#514ccf;background:rgba(111,107,242,.1);font-size:11px;font-weight:750}.wl-detail-head.is-ai-polished{border-color:rgba(111,107,242,.72);background:linear-gradient(135deg,rgba(111,107,242,.08),rgba(72,148,255,.035) 58%,#fff);box-shadow:inset 3px 0 0 #6f6bf2,0 10px 30px rgba(67,63,169,.09)}
@media(min-width:721px){.wl-detail-head{display:block}.wl-detail-head>div:first-child>time,.wl-detail-head>div:first-child>h2{padding-right:340px}.wl-detail-head>.wl-detail-tools{position:absolute;top:clamp(20px,3vw,28px);right:clamp(20px,3vw,28px);max-width:360px}.wl-detail-head>div:first-child>.wl-log-summary{margin-top:4px;width:100%;max-width:none}}
@media(max-width:720px){.wl-detail-head{grid-template-columns:1fr;align-items:flex-start}.wl-detail-tools{max-width:none;width:100%;justify-content:flex-start}.wl-detail-tools .wl-ai-polish-status{text-align:left}.wl-ai-corner{order:-1}}
@media(prefers-reduced-motion:reduce){.wl-button.is-busy::before{animation:none}}
.wl-dialog textarea[readonly]{color:var(--wl-secondary);background:var(--wl-surface-2)}
.wl-detail-section {
  margin-top: 20px;
}
.wl-item {
  position: relative;
  margin-top: 12px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(60, 60, 67, 0.1);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #fcfcfd);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025), 0 10px 30px rgba(20, 28, 38, 0.045);
}
.wl-item:has(.wl-item-media){padding:0;display:grid;grid-template-columns:clamp(180px,24%,220px) minmax(0,1fr);border-left:3px solid #789b38;background:#fff;transition:transform 180ms cubic-bezier(.2,.8,.2,1),border-color 180ms ease,box-shadow 180ms ease}.wl-item-content{min-width:0;padding:20px}.wl-item-media{position:relative;min-height:165px;padding:0;overflow:hidden;border:0;border-right:1px solid rgba(60,60,67,.1);border-radius:0;background:#eef2ed;cursor:zoom-in}.wl-item-media img{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity 160ms ease,transform 180ms cubic-bezier(.2,.8,.2,1)}.wl-item-media.is-ready img{opacity:1}.wl-item-media:hover img{transform:scale(1.025)}.wl-photo-load-state,.wl-photo-error{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:#687168;font-size:12px}.wl-photo-error{display:none}.wl-item-media.is-ready .wl-photo-load-state,.wl-item-media.is-error .wl-photo-load-state{display:none}.wl-item-media.is-error .wl-photo-error{display:grid}.wl-photo-count{position:absolute;right:10px;bottom:10px;min-height:30px;padding:0 10px;display:flex;align-items:center;gap:6px;border-radius:9px;color:#fff;background:rgba(16,23,18,.72);font-size:12px;font-weight:680;backdrop-filter:blur(10px)}.wl-photo-count svg,.wl-item-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wl-item-action{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(60,60,67,.1);border-radius:10px;color:var(--wl-secondary);background:#fff;cursor:pointer;transition:transform 160ms ease,color 160ms ease,background 160ms ease}.wl-item-action:hover{color:#31520e;background:#f3f7ef;transform:translateY(-1px)}.wl-item-action.wl-danger:hover{color:#b42318;background:#fff1f0}.wl-item-action:focus-visible,.wl-item-media:focus-visible{outline:3px solid rgba(22,119,232,.3);outline-offset:-3px}@media(hover:hover){.wl-item:hover{transform:translateY(-2px);border-color:rgba(93,126,42,.28);box-shadow:0 14px 34px rgba(30,46,28,.09)}}@media(max-width:680px){.wl-item:has(.wl-item-media){grid-template-columns:1fr}.wl-item-media{aspect-ratio:4/3;min-height:0;border-right:0;border-bottom:1px solid rgba(60,60,67,.1)}.wl-item-content{padding:16px}.wl-item header{align-items:flex-start;flex-wrap:wrap}.wl-item header h4{min-width:calc(100% - 70px)}}@media(prefers-reduced-motion:reduce){.wl-item-media img,.wl-item,.wl-item-action{transition:none!important}.wl-item:hover,.wl-item-action:hover{transform:none}}
.wl-item header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(60, 60, 67, 0.08);
}
.wl-item header h4 {
  flex: 1;
}
.wl-category {
  padding: 5px 9px;
  color: #55751a;
  font-size: 10px;
  border-radius: 999px;
  background: rgba(132, 171, 58, 0.11);
}
.wl-item-copy {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
}
.wl-item-copy strong {
  font-size: 11px;
}
.wl-item-copy p {
  color: var(--wl-muted);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.wl-capture-list {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.wl-capture {
  padding: 14px;
  border: 1px solid rgba(116, 151, 49, 0.13);
  border-left: 3px solid #83a83d;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(244, 248, 238, 0.96), rgba(249, 251, 247, 0.96));
}
.wl-capture > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.wl-capture p,
.wl-capture small {
  margin: 6px 0 0;
  color: var(--wl-muted);
  font-size: 11px;
}
.wl-code {
  padding: 4px 7px;
  color: #405d12;
  font:
    600 10px ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  border: 1px solid rgba(102, 141, 34, 0.2);
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
}
.wl-fields {
  margin: 10px 0 0;
  border-top: 1px solid var(--wl-line);
}
.wl-fields div {
  padding-top: 7px;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 8px;
}
.wl-fields dt {
  color: var(--wl-muted);
  font-size: 10px;
}
.wl-fields dd {
  margin: 0;
  font-size: 11px;
  overflow-wrap: anywhere;
}
.wl-field-hidden {
  opacity: 0.68;
}
.wl-manager-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.wl-manager-head > div {
  display: grid;
  gap: 4px;
}
.wl-manager-head p {
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-manager-list {
  margin-top: 16px;
  display: grid;
  gap: 8px;
}
.wl-manager-row {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--wl-line);
  border-radius: 12px;
}
.wl-manager-row > div:first-child {
  display: grid;
  gap: 4px;
}
.wl-manager-row small {
  color: var(--wl-muted);
}
.wl-row-actions {
  display: flex;
}
.wl-tag-list {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wl-tag-chip {
  padding: 6px 7px 6px 11px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--wl-line);
  border-radius: 999px;
  background: var(--wl-soft);
}
.wl-tag-chip button {
  padding: 3px 6px;
  color: var(--wl-muted);
  font-size: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.wl-export-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--wl-line);
  border-radius: 16px;
  background: #fff;
}
.wl-export-form label {
  display: grid;
  gap: 6px;
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-export-form input,
.wl-export-form select {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid var(--wl-line);
  border-radius: 10px;
  background: #fff;
}
.wl-export-form > button {
  align-self: end;
}
.wl-export-note {
  margin: 9px 2px 20px;
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-export-history {
  display: grid;
  gap: 10px;
}
.wl-export-card {
  padding: 16px;
  border: 1px solid var(--wl-line);
  border-radius: 14px;
  background: #fff;
}
.wl-export-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.wl-export-card p {
  margin: 8px 0;
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-dialog {
  width: min(560px, calc(100% - 24px));
  max-height: calc(100vh - 24px);
  padding: 0;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 24px 80px rgba(15, 23, 18, 0.2);
}
.wl-dialog::backdrop {
  background: rgba(12, 18, 14, 0.42);
}
.wl-photo-entry{justify-self:start;margin-top:12px;padding:8px 12px;border:0;border-radius:999px;color:#176b43;background:#e8f5ec;font:600 13px/1.4 inherit;cursor:pointer}.wl-photo-entry:focus-visible{outline:3px solid rgba(22,119,232,.3);outline-offset:2px}.wl-photo-gallery{width:min(980px,calc(100% - 32px));height:min(780px,calc(100dvh - 32px));padding:0;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#111513;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.42)}.wl-photo-gallery::backdrop{background:rgba(7,10,8,.78)}.wl-photo-gallery-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.wl-photo-gallery header,.wl-photo-gallery footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.wl-photo-gallery header{border-bottom:1px solid rgba(255,255,255,.08)}.wl-photo-gallery h2{margin:0;font-size:17px;text-wrap:balance}.wl-photo-close{width:40px;height:40px;padding:0;display:grid;place-items:center;border:0;border-radius:12px;color:#e9eeeb;background:rgba(255,255,255,.09);cursor:pointer}.wl-photo-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.wl-photo-close:hover{background:rgba(255,255,255,.15)}.wl-photo-close:focus-visible{outline:3px solid rgba(113,181,255,.55);outline-offset:2px}.wl-photo-stage{min-width:0;min-height:0;padding:clamp(16px,3vw,32px);display:grid;place-items:center;position:relative;overflow:hidden;background:#090c0a}.wl-photo-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 10px 36px rgba(0,0,0,.3)}.wl-photo-status{position:absolute;margin:0;color:#d8ddda}.wl-photo-gallery footer{justify-content:center;border-top:1px solid rgba(255,255,255,.08)}.wl-photo-nav{min-width:84px}.wl-photo-counter{min-width:72px;text-align:center;font-variant-numeric:tabular-nums;color:#c6cdc9;font-size:13px}@media(max-width:560px){.wl-photo-gallery{width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0}.wl-photo-gallery header{padding-top:max(14px,env(safe-area-inset-top))}.wl-photo-stage{padding:12px}.wl-photo-gallery footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
.wl-polish-busy{display:inline-flex;align-items:center;justify-content:center;gap:9px;opacity:1!important;color:#5146bd!important;background:#eeedff!important;cursor:wait}
.wl-polish-orbit{display:inline-block;width:16px;height:16px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wl-polish-turn 1s linear infinite}
.wl-polish-paused .wl-polish-orbit{animation-play-state:paused}
@keyframes wl-polish-turn{to{transform:rotate(360deg)}}
@keyframes wl-polish-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.wl-dialog.wl-polish-dialog{width:min(780px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:hidden;animation:wl-polish-enter 180ms ease-out}
.wl-dialog.wl-polish-dialog form{box-sizing:border-box;max-height:calc(100dvh - 32px);grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;padding:28px}
.wl-polish-dialog h2{text-wrap:balance;font-size:22px;line-height:1.35}
.wl-polish-preview{min-height:0;display:flex;flex-direction:column;gap:16px}
.wl-polish-intro{margin:0;color:#68717b;font-size:13px;line-height:1.6}
.wl-polish-lines{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:1px solid #e5e7eb;padding-right:10px;min-height:0}
.wl-polish-lines:focus-visible{outline:2px solid #7067dc;outline-offset:3px}
.wl-polish-line{padding:18px 0;display:grid;gap:7px;border-bottom:1px solid #eceef1}
.wl-polish-line:last-child{border-bottom:0}
.wl-polish-time{font:600 12px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#5146bd}
.wl-polish-text{margin:0!important;font:15px/1.8 system-ui,sans-serif;color:#24272c;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}
.wl-polish-dialog .wl-dialog-actions{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:520px){.wl-dialog.wl-polish-dialog form{padding:20px;gap:12px}.wl-polish-dialog .wl-dialog-actions>*{flex:1;min-height:44px}.wl-polish-text{font-size:14px}}
@media(prefers-reduced-motion:reduce){.wl-polish-orbit,.wl-dialog.wl-polish-dialog{animation:none}}
.wl-photo-stage{touch-action:none}.wl-photo-stage.is-zoomed{cursor:grab}.wl-photo-stage.is-zoomed:active{cursor:grabbing}.wl-photo-image{width:100%;height:100%;max-width:none;max-height:none;transform:translate3d(0,0,0) scale(1);transform-origin:center;user-select:none;-webkit-user-drag:none}
.wl-photo-gallery{width:min(94vw,1480px);height:min(92dvh,980px);max-width:none;max-height:none;border:0;border-radius:22px;background:transparent;box-shadow:none;overflow:visible}.wl-photo-gallery::backdrop{background:rgba(8,12,10,.78);backdrop-filter:blur(5px)}.wl-photo-gallery-shell{position:relative;height:100%;grid-template-rows:minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0b0f0d;box-shadow:0 28px 90px rgba(0,0,0,.42);animation:wl-viewer-in 200ms cubic-bezier(.2,.8,.2,1)}.wl-photo-toolbar{position:absolute;z-index:4;top:14px;left:14px;right:14px;min-height:52px;padding:6px 7px 6px 15px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:15px;background:rgba(20,26,23,.72);box-shadow:0 8px 30px rgba(0,0,0,.2);backdrop-filter:blur(14px);pointer-events:none}.wl-photo-toolbar>*{pointer-events:auto}.wl-photo-toolbar h2{font-size:15px}.wl-photo-counter{margin-left:auto;min-width:auto;padding:0 8px;color:#d7ddd9}.wl-photo-tools{display:flex;align-items:center;gap:4px}.wl-photo-tool,.wl-photo-nav{position:relative;width:40px;height:40px;min-width:0;padding:0;display:grid;place-items:center;border:0;border-radius:11px;color:#edf2ef;background:rgba(255,255,255,.08);cursor:pointer;transition:transform 140ms ease,background 140ms ease,opacity 140ms ease}.wl-photo-tool svg,.wl-photo-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wl-photo-tool:hover,.wl-photo-nav:hover{background:rgba(255,255,255,.16);transform:translateY(-1px) scale(1.03)}.wl-photo-tool:active,.wl-photo-nav:active{transform:scale(.96)}.wl-photo-tool:disabled{opacity:.35;cursor:default;transform:none}.wl-photo-scale{min-width:52px;color:#d8dfdb;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.wl-photo-stage{padding:0;background:radial-gradient(circle at 50% 45%,#18201c,#080b09 72%)}.wl-photo-image{border-radius:0;box-shadow:none;object-fit:contain;transition:opacity 140ms ease,transform 150ms cubic-bezier(.2,.8,.2,1)}.wl-photo-image.is-changing{opacity:.25}.wl-photo-nav{position:absolute;z-index:3;top:50%;margin-top:-20px;border:1px solid rgba(255,255,255,.13);background:rgba(20,26,23,.68);backdrop-filter:blur(12px)}.wl-photo-prev{left:18px}.wl-photo-next{right:18px}.wl-photo-status{display:flex;flex-direction:column;align-items:center;gap:10px;color:#d8dfdb}.wl-photo-status>svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.68}.wl-photo-retry{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.wl-photo-tool[data-tooltip]::after,.wl-photo-nav[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);left:50%;padding:5px 8px;border-radius:7px;color:#fff;background:#252b28;font:11px/1.4 inherit;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity 120ms ease,transform 120ms ease}.wl-photo-nav[data-tooltip]::after{top:auto;bottom:calc(100% + 8px)}.wl-photo-tool:hover::after,.wl-photo-tool:focus-visible::after,.wl-photo-nav:hover::after,.wl-photo-nav:focus-visible::after{opacity:1;transform:translate(-50%,0)}.wl-photo-tool:focus-visible,.wl-photo-nav:focus-visible{outline:3px solid rgba(113,181,255,.55);outline-offset:2px}@keyframes wl-viewer-in{from{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:700px){.wl-photo-gallery{width:100%;height:100dvh;border-radius:0}.wl-photo-gallery-shell{border-radius:0}.wl-photo-toolbar{top:max(8px,env(safe-area-inset-top));left:8px;right:8px}.wl-photo-toolbar h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.wl-photo-tools{gap:2px}.wl-photo-tool{width:36px;height:36px}.wl-photo-prev{left:8px}.wl-photo-next{right:8px}}@media(prefers-reduced-motion:reduce){.wl-photo-gallery-shell{animation:none}.wl-photo-image,.wl-photo-tool,.wl-photo-nav,.wl-photo-tool::after,.wl-photo-nav::after{transition:none!important}}
.wl-dialog form {
  padding: 22px;
  display: grid;
  gap: 14px;
}
.wl-dialog h2 {
  margin: 0;
}
.wl-dialog label {
  display: grid;
  gap: 6px;
  color: var(--wl-muted);
  font-size: 12px;
}
.wl-dialog textarea {
  resize: vertical;
}
.wl-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.wl-form-message {
  margin: 0;
  color: #9a352e;
  font-size: 12px;
}
/* Work Log is the only Creator panel that opts into the wider workspace. */
@media (min-width: 1024px) {
  /* Align the work-log tab rail with the first item in the creator sidebar. */
  #creatorWorkLogs.active {
    margin-top: -104px;
  }
}
@media (min-width: 1024px) {
  .submission-shell.is-authenticated:has(#creatorWorkLogs.active) {
    width: min(1360px, calc(100% - 48px));
  }
  .wl-header,
  .wl-content {
    padding-left: clamp(28px, 3vw, 40px);
    padding-right: clamp(28px, 3vw, 40px);
  }
  .wl-calendar-day {
    min-height: 94px;
  }
  .wl-capture-list {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
  }
  .wl-manager-list {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 12px;
  }
  .wl-manager-row {
    min-width: 0;
  }
  .wl-export-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 18px;
    align-items: center;
  }
  .wl-export-card header,
  .wl-export-card p {
    grid-column: 1;
  }
  .wl-export-card > .wl-button {
    grid-column: 2;
    grid-row: 1 / span 3;
  }
}
@media (min-width: 1600px) {
  .submission-shell.is-authenticated:has(#creatorWorkLogs.active) {
    width: min(1560px, calc(100% - 64px));
  }
  .wl-calendar-day {
    min-height: 104px;
  }
}
@media (max-width: 1100px) {
  .wl-export-form {
    grid-template-columns: repeat(2, 1fr);
  }
  .wl-dashboard {
    grid-template-columns: repeat(2, 1fr);
  }
  .wl-filters {
    grid-template-columns: 1fr 1fr;
  }
  .wl-week-grid {
    grid-template-columns: 1fr;
  }
  .wl-facts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .wl-export-form {
    grid-template-columns: 1fr;
  }
  .creator-tabs {
    grid-template-columns: repeat(4, minmax(112px, 1fr));
  }
  .wl-header,
  .wl-content {
    padding-left: 14px;
    padding-right: 14px;
  }
  .wl-notice {
    margin-left: 14px;
    margin-right: 14px;
  }
  .wl-primary-tabs {
    margin-inline: -4px;
  }
  .wl-filters,
  .wl-dashboard {
    grid-template-columns: 1fr 1fr;
  }
  .wl-log-open {
    grid-template-columns: 1fr;
  }
  .wl-log-meta {
    justify-content: flex-start;
  }
  .wl-calendar-day {
    min-height: 58px;
    flex-direction: column;
  }
  .wl-calendar-day span {
    font-size: 9px;
  }
  .wl-facts {
    grid-template-columns: 1fr;
  }
  .wl-manager-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .wl-item-copy {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@media (max-width: 390px) {
  .wl-filters,
  .wl-dashboard {
    grid-template-columns: 1fr;
  }
  .wl-tab {
    padding-inline: 11px;
  }
  .wl-calendar {
    gap: 3px;
  }
  .wl-calendar-day {
    padding: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wl-shell * {
    scroll-behavior: auto !important;
  }
}

.wl-auto-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid color-mix(in srgb, #16a085 34%, transparent);
  border-radius: 999px;
  padding: 2px 8px;
  color: #087f6b;
  background: color-mix(in srgb, #16a085 9%, transparent);
  font-size: 12px;
  font-weight: 700;
}
.wl-weekly-editor{display:grid;gap:16px;margin-block-start:24px;padding:24px;background:var(--wl-surface,#fff);border-radius:20px;box-shadow:0 0 0 1px rgba(15,23,42,.06),0 2px 8px rgba(15,23,42,.04)}
.wl-weekly-editor.is-ai-polished{background:linear-gradient(135deg,rgba(240,244,255,.98),rgba(247,253,255,.98));border:1px solid rgba(90,104,255,.58)!important;box-shadow:0 12px 34px rgba(68,92,220,.12)!important}.wl-weekly-editor>.wl-ai-badge{justify-self:start;color:#565bd8;background:#e9ebff;border:1px solid #cfd3ff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750}
.wl-weekly-title{font:600 22px/1.25 inherit;letter-spacing:-.02em;border:0;background:transparent;padding:4px 0;min-height:44px}
.wl-weekly-content{width:100%;box-sizing:border-box;resize:vertical;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:rgba(15,23,42,.025);padding:16px;font:400 15px/1.75 inherit;color:inherit}
.wl-weekly-title:focus-visible,.wl-weekly-content:focus-visible{outline:3px solid rgba(163,230,53,.35);outline-offset:2px}
.wl-history-list{display:grid;gap:10px}.wl-history-card{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:var(--wl-surface,#fff);overflow:hidden}.wl-history-open{width:100%;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer}.wl-history-open strong,.wl-history-open p,.wl-history-open small{grid-column:2;margin:0}.wl-history-open p{white-space:pre-line;color:var(--wl-muted);line-height:1.6}.wl-history-open small{color:var(--wl-muted);font-size:12px}.wl-history-type{grid-row:1/4;align-self:start;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:750;background:#eef1f4}.wl-history-type.weekly{color:#176b43;background:#e5f5ec}.wl-history-open:focus-visible{outline:3px solid rgba(163,230,53,.35);outline-offset:-3px}
@media(max-width:720px){.wl-weekly-editor{padding:16px;border-radius:16px}.wl-weekly .wl-controls{align-items:stretch}.wl-weekly input[type=date]{min-height:44px}}
.wl-weekly>.wl-controls{padding:6px;display:grid;grid-template-columns:max-content repeat(2,minmax(145px,1fr)) auto;align-items:center;gap:8px;border:1px solid var(--wl-border);border-radius:16px;background:var(--wl-surface-2)}.wl-weekly>.wl-controls .wl-view-tabs{min-width:max-content;display:grid;grid-template-columns:repeat(2,max-content);overflow:visible}.wl-weekly>.wl-controls input[type=date]{width:100%;height:44px;min-width:0;box-sizing:border-box;padding:0 12px;border:0;border-radius:11px;color:var(--wl-text);background:var(--wl-surface);box-shadow:0 1px 2px rgba(0,0,0,.04);font:inherit;font-variant-numeric:tabular-nums}.wl-weekly>.wl-controls input[type=date]:focus{outline:3px solid rgba(10,132,255,.18)}.wl-weekly>.wl-controls .wl-button{height:44px;white-space:nowrap}@media(max-width:900px){.wl-weekly>.wl-controls{grid-template-columns:1fr 1fr}.wl-weekly>.wl-controls .wl-view-tabs,.wl-weekly>.wl-controls .wl-button{grid-column:1/-1}.wl-weekly>.wl-controls .wl-view-tabs{justify-self:start}.wl-weekly>.wl-controls .wl-button{width:100%}}@media(max-width:560px){.wl-weekly>.wl-controls{grid-template-columns:1fr}.wl-weekly>.wl-controls .wl-view-tabs,.wl-weekly>.wl-controls .wl-button{grid-column:auto}}
.wl-shell{--wl-bg:#f5f5f7;--wl-surface:#fff;--wl-surface-2:#f2f2f7;--wl-text:#1d1d1f;--wl-secondary:#61656b;--wl-border:rgba(60,60,67,.15);--wl-accent:#1677e8;--wl-danger:#b42318;--wl-radius-sm:10px;--wl-radius-md:14px;--wl-radius-lg:20px;--wl-shadow-sm:0 1px 2px rgba(0,0,0,.035),0 8px 24px rgba(0,0,0,.04);color:var(--wl-text)}.wl-primary-tabs{padding:4px;border:1px solid var(--wl-border);border-radius:var(--wl-radius-md);background:var(--wl-surface-2)}.wl-tab{min-height:44px;border-radius:var(--wl-radius-sm)!important}.wl-tab.active{color:var(--wl-text)!important;background:var(--wl-surface)!important;box-shadow:var(--wl-shadow-sm)!important}.wl-tab:active,.wl-button:active,.wl-more-item:active{transform:scale(.97)}.wl-content{margin-top:22px}.wl-history-card,.wl-weekly-editor,.wl-detail,.wl-more-item{border-color:var(--wl-border)!important;box-shadow:none!important}.wl-history-card:hover{transform:translateY(-1px);box-shadow:var(--wl-shadow-sm)!important}.wl-more{max-width:820px}.wl-page-heading h3{margin:4px 0;font-size:24px;letter-spacing:-.02em}.wl-page-heading>p:last-child{margin:0;color:var(--wl-secondary)}.wl-more-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wl-more-item{min-height:104px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid var(--wl-border);border-radius:var(--wl-radius-md);background:var(--wl-surface);text-align:left}.wl-more-item strong{font-size:15px}.wl-more-item span{margin-top:5px;color:var(--wl-secondary);font-size:12px}@media(max-width:720px){.wl-more-grid{grid-template-columns:1fr}.wl-primary-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(60px,1fr));overflow-x:auto}.wl-tab{padding-inline:6px!important}}@media(prefers-reduced-motion:reduce){.wl-tab,.wl-button,.wl-more-item,.wl-history-card{transition:none!important;transform:none!important}}
.wl-controls:has(.wl-create-log){grid-template-columns:minmax(0,1fr) auto;align-items:center}.wl-controls:has(.wl-create-log) .wl-filters{grid-column:1/-1}.wl-create-log{min-height:46px;padding-inline:18px;box-shadow:0 7px 18px rgba(102,141,34,.18)}.wl-log-card{border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.wl-log-card:hover{transform:translateY(-2px);border-color:rgba(102,141,34,.22);box-shadow:0 16px 38px rgba(23,32,25,.08)}.wl-log-open{grid-template-columns:minmax(0,1fr);padding:20px;align-items:center}.wl-log-open>div:first-child{grid-column:1;min-width:0}.wl-log-open h3{font-size:17px;letter-spacing:-.018em}.wl-log-summary{font-size:14px!important;line-height:1.7!important;color:var(--wl-text)!important}.wl-log-meta{grid-column:1;max-width:none;justify-content:flex-start;margin-top:8px}@media(max-width:720px){.wl-controls:has(.wl-create-log){grid-template-columns:1fr}.wl-create-log{justify-self:end}.wl-log-open{grid-template-columns:1fr}.wl-log-meta{grid-column:1}}
@container (max-width: 680px) {
  .wl-log-open {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .wl-log-open > div:first-child {
    min-width: 0;
  }
  .wl-log-meta {
    max-width: none;
    justify-content: flex-start;
  }
}

/* Phase C26D1: a true fit-first lightbox and a quieter integrated media card. */
.wl-photo-stage {
  padding: clamp(20px, 3vw, 44px);
}
.wl-photo-image {
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: 12px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .28);
  will-change: transform;
}
.wl-photo-stage:not(.is-zoomed) .wl-photo-image {
  cursor: zoom-in;
}
/* Phase C26D1: responsive vertical evidence cards. */
.wl-detail-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  align-items: start;
  gap: 20px;
}
.wl-detail-section > h3,
.wl-detail-section > .wl-empty-inline {
  grid-column: 1 / -1;
}
.wl-detail-section > h3 { margin-bottom: -4px; }
.wl-item,
.wl-item:has(.wl-item-media) {
  width: 100%;
  max-width: 520px;
  justify-self: start;
  align-self: start;
  border: 1px solid rgba(50, 70, 56, .13);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(34, 54, 39, .045);
  overflow: hidden;
}
.wl-item:has(.wl-item-media) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
  gap: 0;
}
.wl-item-media {
  isolation: isolate;
  width: 100%;
  min-height: 0;
  aspect-ratio: 4 / 3;
  align-self: start;
  border: 0;
  border-radius: 17px 17px 0 0;
  box-shadow: none;
  background: #dfe5df;
}
.wl-item-media img { position: absolute; inset: 0; }
.wl-item-media .wl-item-media-backdrop {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(20px) saturate(.82);
  opacity: .32;
  transform: scale(1.1);
}
.wl-item-media .wl-item-media-foreground {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transform: scale(.995);
  transition: opacity 190ms ease, transform 200ms cubic-bezier(.2,.8,.2,1);
}
.wl-item-media.is-ready .wl-item-media-foreground { opacity: 1; }
.wl-item-media:hover .wl-item-media-foreground { transform: scale(1.018); }
.wl-item-media-fade {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  height: 104px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(241,246,241,.12) 52%, rgba(242,247,242,.58) 100%);
}
.wl-item-media-view {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  padding: 8px 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 10px;
  color: #fff;
  background: rgba(17, 25, 20, .68);
  font-size: 12px;
  font-weight: 650;
  opacity: 0;
  transform: translate(-50%, -45%);
  backdrop-filter: blur(10px);
  transition: opacity 160ms ease, transform 180ms cubic-bezier(.2,.8,.2,1);
}
.wl-item-media-view svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.wl-item-media:hover .wl-item-media-view,
.wl-item-media:focus-visible .wl-item-media-view { opacity: 1; transform: translate(-50%, -50%); }
.wl-photo-count { z-index: 3; }
.wl-photo-load-state,
.wl-photo-error { z-index: 4; }
.wl-item-content {
  position: relative;
  z-index: 3;
  margin: -62px 12px 12px;
  padding: 15px 16px 17px;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 15px;
  background: rgba(249, 251, 248, .76);
  box-shadow: 0 12px 28px rgba(30, 45, 35, .10), inset 0 1px rgba(255,255,255,.72);
  backdrop-filter: blur(22px) saturate(1.28);
  -webkit-backdrop-filter: blur(22px) saturate(1.28);
}
.wl-item:not(:has(.wl-item-media)) .wl-item-content { margin: 0; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; }
.wl-item-content > header { padding-bottom: 10px; border-bottom: 0; }
.wl-capture-list { margin-top: 12px; grid-template-columns: minmax(0, 1fr); }
.wl-capture {
  padding: 12px;
  border: 0;
  background: #f6f8f4;
  box-shadow: inset 3px 0 0 #86ac43;
}
@media (min-width: 1560px) {
  .wl-detail-section { grid-template-columns: repeat(3, minmax(320px, 1fr)); }
}
@media (max-width: 760px) {
  .wl-detail-section { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .wl-item,
  .wl-item:has(.wl-item-media) { max-width: none; }
  .wl-item-content { margin-inline: 10px; padding: 13px 14px 16px; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .wl-item-content { background: #f9fbf8; backdrop-filter: none; -webkit-backdrop-filter: none; border-color: rgba(50,70,56,.18); }
}
@media (prefers-reduced-motion: reduce) {
  .wl-item-media .wl-item-media-foreground,
  .wl-item-media-view { transition: none; }
}

/* The daily workspace tools stay compact until the user needs them. */
.wl-controls:has(.wl-create-log){grid-template-columns:1fr;align-items:stretch}
.wl-controls .wl-controls-body{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.wl-controls .wl-controls-body>.wl-filters{grid-column:1/-1}
@media(max-width:720px){.wl-controls .wl-controls-body{grid-template-columns:1fr}.wl-create-log{width:100%;justify-self:stretch}.wl-controls-disclosure small{white-space:normal}}

/* Phase C26D2: coherent glass evidence overlay and unified SVG actions. */
.wl-item:has(.wl-item-media) { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr); background: #dfe5df; }
.wl-item-card-backdrop { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(26px) saturate(.82); opacity: .30; transform: scale(1.12); pointer-events: none; }
.wl-item-media { z-index: 1; grid-area: 1 / 1; width: 100%; height: 100%; min-height: 390px; aspect-ratio: var(--photo-aspect,4/3); border-radius: 17px; }
.wl-item-content { grid-area: 1 / 1; align-self: end; margin: 0 12px 12px; }
.wl-item.is-ready .wl-item-media-foreground { opacity: 1; }
.wl-item.is-ready .wl-photo-load-state,
.wl-item.is-error .wl-photo-load-state { display: none; }
.wl-item.is-error .wl-photo-error { display: grid; }
.wl-capture { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.wl-capture > div:first-child { align-items: flex-start; }
.wl-capture > div:first-child time { flex: 0 0 auto; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wl-code { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 13px; line-height: 1.2; }
.wl-code::after { display: inline-flex; align-items: center; margin-left: 0; white-space: nowrap; }
.wl-item-action svg { overflow: visible; }
.wl-item-action { position: relative; width: 34px; height: 34px; border-color: rgba(45,58,49,.12); background: rgba(255,255,255,.64); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.wl-item-action svg { width: 18px; height: 18px; stroke-width: 1.75; }
.wl-item-action::after { content: attr(data-tooltip); position: absolute; z-index: 5; right: 0; bottom: calc(100% + 7px); padding: 5px 7px; border-radius: 7px; color: #fff; background: rgba(24,31,26,.9); font-size: 11px; line-height: 1; white-space: nowrap; opacity: 0; pointer-events: none; transform: translateY(2px); transition: opacity 140ms ease, transform 140ms ease; }
.wl-item-action:hover::after,
.wl-item-action:focus-visible::after { opacity: 1; transform: none; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .wl-item-action { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* Phase C26D3: compact, aligned photo evidence cards. */
.wl-detail-section { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 360px)); gap: 16px; }
.wl-item,
.wl-item:has(.wl-item-media) { max-width: 360px; border: 0; border-radius: 16px; }
.wl-item:has(.wl-item-media) { min-height: 0; background: #dfe5df; }
.wl-item-media { height: clamp(320px, 48vw, 540px); min-height: 300px; aspect-ratio: auto; border-radius: inherit; }
.wl-item-content { margin: 0 10px 10px; padding: 13px 14px 15px; border: 0; border-radius: 14px; }
.wl-item-content > header { align-items: center; padding-bottom: 8px; }
.wl-capture-list { margin-top: 8px; }
.wl-capture > div:first-child { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
.wl-code { min-width: 0; max-width: 100%; }
.wl-code::after { padding: 2px 5px; font-size: 9px; }
.wl-item-action { overflow: visible; }
.wl-item-action svg { display: block; overflow: visible; stroke-linecap: round; stroke-linejoin: round; }
.wl-detail-tools > .wl-status { order: 0; }
.wl-detail-tools > .wl-ai-badge { order: 1; }
.wl-detail-tools > .wl-ai-corner { order: 2; }
.wl-detail-tools > .wl-ai-restore { order: 3; }
.wl-detail-tools > .wl-ai-polish-status { order: 4; }
.wl-detail-tools > button,.wl-detail-tools > .wl-ai-badge,.wl-detail-tools > .wl-ai-polish-status{display:none!important}
@media (min-width: 1560px) {
  .wl-detail-section { grid-template-columns: repeat(3, minmax(280px, 360px)); }
}
@media (max-width: 760px) {
  .wl-detail-section { grid-template-columns: minmax(0,1fr); }
  .wl-item,
  .wl-item:has(.wl-item-media) { max-width: none; }
  .wl-item-media { height: clamp(340px, 118vw, 520px); min-height: 300px; }
}

/* Phase C28: orient media at the top and keep the glass overlay visually continuous. */
.wl-item.is-landscape .wl-item-media {
  height: clamp(320px, 34vw, 390px);
}
.wl-item.is-landscape .wl-item-media-foreground {
  object-position: center top;
}
.wl-item.is-portrait .wl-item-media-foreground {
  object-fit: cover;
  object-position: center top;
}
.wl-item:has(.wl-item-media) {
  overflow: clip;
}
.wl-item:has(.wl-item-media) .wl-item-content {
  background: rgba(249, 251, 248, .30);
  box-shadow: 0 7px 20px rgba(30, 45, 35, .055), inset 0 1px rgba(255, 255, 255, .58);
}
.wl-item:has(.wl-item-media) .wl-photo-count {
  top: 12px;
  right: 12px;
  bottom: auto;
}

.wl-item:has(.wl-stack-meta){overflow:visible;margin-bottom:12px}
.wl-item:has(.wl-stack-meta)::before,.wl-item:has(.wl-stack-meta)::after{content:"";position:absolute;z-index:-1;inset:7px 7px -7px;border-radius:inherit;background:#edf1ec;box-shadow:0 6px 16px rgba(28,42,31,.06)}
.wl-item:has(.wl-stack-meta)::after{inset:13px 13px -13px;background:#f4f6f3;z-index:-2}
.wl-stack-meta{margin:0 0 8px;color:#526157;font-size:12px;font-variant-numeric:tabular-nums}
.wl-record-details{margin-top:10px;border-top:1px solid rgba(48,66,53,.1);padding-top:9px;color:#425048;font-size:12px}
.wl-record-details summary{width:max-content;cursor:pointer;font-weight:650;list-style:none}
.wl-record-details summary::-webkit-details-marker{display:none}
.wl-record-details ol{margin:8px 0 0;padding-left:20px;display:grid;gap:5px}
.wl-record-details li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;font-variant-numeric:tabular-nums}
@media (max-width: 760px) {
  .wl-item.is-landscape .wl-item-media {
    height: clamp(320px, 92vw, 390px);
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .wl-item:has(.wl-item-media) .wl-item-content {
    background: #f9fbf8;
  }
}

/* Phase C211A: lightweight evidence wallet — a compact cover over a content-driven body. */
.wl-detail-section {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 380px));
  gap: 22px 18px;
}
.wl-item,
.wl-item:has(.wl-item-media) {
  position: relative;
  isolation: isolate;
  max-width: 380px;
  overflow: visible;
  border: 1px solid rgba(48, 66, 53, .10);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(30, 45, 35, .07);
  transition: transform 160ms ease-out, box-shadow 160ms ease-out;
}
.wl-item.is-stacked::before,
.wl-item.is-stacked::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 5px 6px -5px;
  border: 1px solid rgba(48, 66, 53, .08);
  border-radius: inherit;
  background: #f1f4f0;
  box-shadow: 0 4px 12px rgba(30, 45, 35, .035);
}
.wl-item.is-stacked::after {
  z-index: -2;
  inset: 10px 12px -10px;
  background: #f7f9f6;
}
.wl-item:has(.wl-item-media) {
  display: flex;
  min-height: 0;
  flex-direction: column;
  background: #fff;
}
.wl-item:has(.wl-item-media) .wl-item-media {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 2 / 1;
  flex: 0 0 auto;
  border: 0;
  border-radius: 17px 17px 0 0;
  background: #e8ede8;
}
.wl-item:has(.wl-item-media) .wl-item-media-foreground {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wl-item.is-landscape .wl-item-media,
.wl-item.is-portrait .wl-item-media {
  height: auto;
  aspect-ratio: 2 / 1;
}
.wl-item.is-landscape .wl-item-media-foreground,
.wl-item.is-portrait .wl-item-media-foreground {
  object-fit: cover;
  object-position: center;
}
.wl-item-media-fade {
  inset: auto 0 -1px;
  height: 28px;
  background: rgba(255, 255, 255, .08);
}
.wl-item:has(.wl-item-media) .wl-item-content,
.wl-item-content {
  position: relative;
  z-index: 2;
  width: auto;
  margin: 0;
  padding: 15px 16px 16px;
  align-self: stretch;
  border: 0;
  border-radius: 0 0 17px 17px;
  background: #fff;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.wl-item:has(.wl-item-media) .wl-item-content::before {
  content: "";
  position: absolute;
  inset: -14px 0 auto;
  height: 15px;
  border-radius: 14px 14px 0 0;
  background: #fff;
}
.wl-item-content > header { position: relative; z-index: 1; gap: 10px; }
.wl-item-content > header h4 { font-size: 16px; line-height: 1.35; }
.wl-item-action {
  width: 32px;
  height: 32px;
  border-color: rgba(48, 66, 53, .11);
  border-radius: 9px;
  background: #f7f9f7;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.wl-item-action svg { width: 16px; height: 16px; }
.wl-evidence-summary {
  margin: 2px 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  flex-wrap: wrap;
}
.wl-evidence-time {
  color: #657068;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.wl-stack-meta {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #4d5b51;
  font-size: 11px;
}
.wl-stack-stat { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.wl-stack-stat svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.wl-capture-list { margin-top: 6px; }
.wl-capture { padding: 0; background: transparent; }
.wl-fields { margin-top: 9px; padding-top: 9px; }
.wl-record-details { margin-top: 10px; }
.wl-record-details summary { display: inline-flex; align-items: center; min-height: 30px; color: #426616; }
.wl-photo-count { top: 10px; right: 10px; min-height: 27px; border-radius: 8px; backdrop-filter: none; }
.wl-item-media-view { backdrop-filter: none; }
@media (hover: hover) {
  .wl-item:hover { transform: translateY(-2px); box-shadow: 0 11px 28px rgba(30, 45, 35, .09); }
}
@media (max-width: 760px) {
  .wl-detail-section { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .wl-item,
  .wl-item:has(.wl-item-media) { max-width: none; }
  .wl-item:has(.wl-item-media) .wl-item-content { margin: 0; padding: 14px 15px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .wl-item,
  .wl-item:hover,
  .wl-item-media-foreground,
  .wl-item-action { transition: none !important; transform: none !important; }
}

/* Phase C211A-R2: exact refined stacked-media visual contract. */
.wl-detail-section {
  --evidence-radius: 22px;
  --evidence-body-radius: 18px;
  --evidence-bg: rgba(249, 250, 247, .96);
  --evidence-border: rgba(29, 42, 33, .10);
  --evidence-text: #182019;
  --evidence-muted: #687269;
  --evidence-accent: #587d23;
  --evidence-shadow: 0 18px 42px rgba(27, 42, 31, .10), 0 3px 10px rgba(27, 42, 31, .05);
  --stack-one-bg: #e9eee8;
  --stack-two-bg: #f2f5f1;
  --stack-offset-1-x: 6px;
  --stack-offset-1-y: 7px;
  --stack-offset-2-x: 12px;
  --stack-offset-2-y: 14px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  align-items: start;
  gap: 28px 26px;
}
.wl-item,
.wl-item:has(.wl-item-media) {
  max-width: 440px;
  justify-self: start;
  overflow: hidden;
  border: 1px solid var(--evidence-border);
  border-radius: var(--evidence-radius);
  color: var(--evidence-text);
  background: var(--evidence-bg);
  box-shadow: var(--evidence-shadow);
  transition: transform 160ms cubic-bezier(.2, .8, .2, 1), box-shadow 160ms ease;
}
.wl-item.is-stacked { overflow: visible; }
.wl-item.is-stacked::before {
  top: var(--stack-offset-1-y);
  left: var(--stack-offset-1-x);
  right: calc(-1 * var(--stack-offset-1-x));
  bottom: calc(-1 * var(--stack-offset-1-y));
  inset: var(--stack-offset-1-y) calc(-1 * var(--stack-offset-1-x)) calc(-1 * var(--stack-offset-1-y)) var(--stack-offset-1-x);
  border: 1px solid rgba(29, 42, 33, .07);
  border-radius: var(--evidence-radius);
  background: var(--stack-one-bg);
  box-shadow: 0 10px 24px rgba(27, 42, 31, .045);
  transition: transform 160ms ease;
}
.wl-item.is-stacked::after {
  top: var(--stack-offset-2-y);
  left: var(--stack-offset-2-x);
  right: calc(-1 * var(--stack-offset-2-x));
  bottom: calc(-1 * var(--stack-offset-2-y));
  inset: var(--stack-offset-2-y) calc(-1 * var(--stack-offset-2-x)) calc(-1 * var(--stack-offset-2-y)) var(--stack-offset-2-x);
  border: 1px solid rgba(29, 42, 33, .045);
  border-radius: var(--evidence-radius);
  background: var(--stack-two-bg);
  box-shadow: none;
  transition: transform 160ms ease;
}
.wl-item:has(.wl-item-media) .wl-item-media,
.wl-item.is-landscape .wl-item-media,
.wl-item.is-portrait .wl-item-media {
  height: clamp(176px, 20vw, 214px);
  min-height: 0;
  aspect-ratio: auto;
  overflow: hidden;
  border-radius: 21px 21px 0 0;
}
.wl-item-media-fade {
  inset: auto 0 0;
  height: 58px;
  background: linear-gradient(to bottom, rgba(249, 250, 247, 0), rgba(249, 250, 247, .68) 68%, rgba(249, 250, 247, .98));
}
.wl-item:has(.wl-item-media) .wl-item-content,
.wl-item-content {
  margin-top: -14px;
  padding: 12px 18px 17px;
  border-radius: var(--evidence-body-radius) var(--evidence-body-radius) 21px 21px;
  background: rgba(249, 250, 247, .98);
}
.wl-item:not(:has(.wl-item-media)) .wl-item-content { margin-top: 0; }
.wl-item:has(.wl-item-media) .wl-item-content::before { display: none; }
.wl-item-content > header { align-items: center; justify-content: space-between; gap: 12px; }
.wl-item-content > header h4 { font-size: 17px; font-weight: 700; letter-spacing: -.01em; }
.wl-item-action {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(29, 42, 33, .10);
  border-radius: 10px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 2px 7px rgba(25, 35, 28, .045);
}
.wl-item-action svg { width: 16px; height: 16px; stroke-width: 1.8; }
.wl-evidence-summary { margin: 7px 0 10px; gap: 10px; color: var(--evidence-muted); font-size: 12px; }
.wl-evidence-time { color: var(--evidence-muted); font-size: 12px; }
.wl-stack-meta { gap: 10px; color: var(--evidence-muted); font-size: 12px; }
.wl-stack-stat { gap: 4px; }
.wl-stack-stat svg { width: 13px; height: 13px; }
.wl-photo-count {
  top: 12px;
  right: 12px;
  height: 28px;
  min-height: 28px;
  padding: 0 9px;
  gap: 5px;
  border-radius: 9px;
  background: rgba(20, 29, 23, .76);
  backdrop-filter: blur(6px);
  font-size: 12px;
  font-weight: 650;
}
.wl-code { min-height: 29px; padding: 0 10px; border-radius: 9px; background: #edf3e7; color: #527720; font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.wl-capture > p,.wl-capture > small { color: #788179; font-size: 12px; }
.wl-capture > p { margin-top: 7px; }
.wl-fields { grid-template-columns: 64px minmax(0, 1fr); gap: 7px 14px; margin-top: 12px; padding-top: 12px; border-top-color: rgba(29, 42, 33, .075); }
.wl-fields dt { color: #758078; font-size: 13px; }
.wl-fields dd { color: #1b221d; font-size: 14px; font-weight: 600; line-height: 1.48; }
.wl-record-details { margin-top: 12px; }
.wl-record-details summary { min-height: 30px; gap: 5px; color: #4e721f; font-size: 12px; font-weight: 650; }
@media (hover: hover) {
  .wl-item:hover { transform: translateY(-2px); box-shadow: 0 20px 46px rgba(27, 42, 31, .11), 0 4px 12px rgba(27, 42, 31, .055); }
  .wl-item.is-stacked:hover::before { transform: translate(1px, 1px); }
  .wl-item.is-stacked:hover::after { transform: translate(2px, 2px); }
}
@media (max-width: 680px) {
  .wl-detail-section { grid-template-columns: 1fr; gap: 24px; }
  .wl-item,
  .wl-item:has(.wl-item-media) { max-width: none; }
  .wl-item:has(.wl-item-media) .wl-item-media,
  .wl-item.is-landscape .wl-item-media,
  .wl-item.is-portrait .wl-item-media { height: clamp(165px, 48vw, 210px); }
  .wl-item:has(.wl-item-media) .wl-item-content,
  .wl-item-content { padding: 12px 15px 15px; }
  .wl-item.is-stacked { --stack-offset-1-x: 4px; --stack-offset-1-y: 4px; --stack-offset-2-x: 8px; --stack-offset-2-y: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .wl-item,
  .wl-item.is-stacked::before,
  .wl-item.is-stacked::after { transition: none !important; transform: none !important; }
}

/* Phase C211A-R3: light glass and normalized-pixel media adaptation. */
.wl-detail-section {
  --glass-bg: rgba(247, 250, 247, .66);
  --glass-bg-strong: rgba(247, 250, 247, .76);
  --glass-border: rgba(255, 255, 255, .42);
  --glass-border-dark: rgba(28, 40, 31, .08);
  --glass-shadow: 0 18px 40px rgba(24, 37, 28, .09), 0 3px 9px rgba(24, 37, 28, .045);
  --glass-blur: 14px;
  --glass-saturate: 130%;
}
.wl-item,
.wl-item:has(.wl-item-media) {
  border-color: var(--glass-border);
  background: rgba(247, 250, 247, .62);
  box-shadow: var(--glass-shadow);
}
.wl-item.is-stacked::before { background: rgba(229, 236, 230, .74); }
.wl-item.is-stacked::after { background: rgba(239, 244, 240, .68); }
.wl-item:has(.wl-item-media) .wl-item-content,
.wl-item-content {
  z-index: 3;
  margin-top: -20px;
  padding: 14px 18px 17px;
  border-top: 1px solid var(--glass-border);
  background: rgba(247, 250, 247, .92);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .wl-item:has(.wl-item-media) .wl-item-content,
  .wl-item-content {
    background: rgba(247, 250, 247, .72);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  }
  .wl-item:not(:has(.wl-item-media)) .wl-item-content {
    background: rgba(247, 250, 247, .78);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
  }
}
.wl-item:has(.wl-item-media) .wl-item-media { height: 200px; background: #dfe5df; }
.wl-item.is-landscape .wl-item-media { height: clamp(178px, 20vw, 218px); }
.wl-item.is-square .wl-item-media { height: clamp(190px, 22vw, 236px); }
.wl-item.is-portrait .wl-item-media { height: clamp(220px, 26vw, 286px); background: #273029; }
.wl-item-media .wl-item-media-backdrop { display: none; }
.wl-item.is-portrait .wl-item-media-backdrop {
  display: block;
  position: absolute;
  z-index: 0;
  inset: -16px;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  object-fit: cover;
  opacity: .56;
  filter: blur(18px) saturate(.88) brightness(.78);
  transform: scale(1.06);
}
.wl-item.is-portrait .wl-item-media::after { content: ""; position: absolute; z-index: 1; inset: 0; background: rgba(18, 26, 21, .10); pointer-events: none; }
.wl-item.is-landscape .wl-item-media-foreground,
.wl-item.is-square .wl-item-media-foreground,
.wl-item[data-photo-orientation="unknown"] .wl-item-media-foreground { object-fit: cover; object-position: center; }
.wl-item.is-portrait .wl-item-media-foreground {
  z-index: 2;
  inset: 0;
  width: min(72%, 260px);
  height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 10px;
  filter: drop-shadow(0 6px 16px rgba(16, 24, 19, .12));
}
.wl-item-media-fade { z-index: 3; }
.wl-photo-count {
  z-index: 5;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(18, 27, 21, .64);
  -webkit-backdrop-filter: blur(8px) saturate(125%);
  backdrop-filter: blur(8px) saturate(125%);
}
.wl-item-action {
  border-color: rgba(255, 255, 255, .40);
  background: rgba(255, 255, 255, .58);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px rgba(20, 30, 23, .05);
}
@media (hover: hover) { .wl-item-action:hover { background: rgba(255, 255, 255, .76); transform: translateY(-1px); } }
.wl-item-action:active { transform: scale(.98); }
@media (max-width: 680px) {
  .wl-item.is-landscape .wl-item-media { height: clamp(164px, 48vw, 208px); }
  .wl-item.is-square .wl-item-media { height: clamp(180px, 56vw, 238px); }
  .wl-item.is-portrait .wl-item-media { height: clamp(220px, 70vw, 320px); }
  .wl-item.is-portrait .wl-item-media-foreground { width: min(74%, 250px); }
  .wl-item:has(.wl-item-media) .wl-item-content,
  .wl-item-content { margin-top: -20px; padding: 14px 15px 15px; }
}
@media (max-height: 520px) and (orientation: landscape) {
  .wl-item.is-portrait .wl-item-media { height: clamp(180px, 52vh, 230px); }
}
@media (prefers-reduced-motion: reduce) {
  .wl-item-action,
  .wl-item-action:hover,
  .wl-item-action:active { transition: none !important; transform: none !important; }
}

/* Phase C211A-R3.1: portrait/glass hotfix and intrinsic narrow sizing. */
.wl-detail-section > .wl-item,
.wl-item,
.wl-item:has(.wl-item-media),
.wl-item-media,
.wl-item-content {
  width: 100%;
  min-width: 0;
}
.wl-item,
.wl-item:has(.wl-item-media) { max-width: min(440px, 100%); }
.wl-item-media,
.wl-item-content { max-width: 100%; }
.wl-detail-section > * { min-width: 0; }
.wl-item.is-portrait .wl-item-media { height: clamp(200px, 24vw, 250px); }
.wl-item.is-portrait .wl-item-media-backdrop {
  opacity: .48;
  filter: blur(16px) saturate(.88) brightness(.80);
}
.wl-item.is-portrait .wl-item-media::after { background: rgba(15, 22, 18, .08); }
.wl-item.is-portrait .wl-item-media-foreground { width: min(78%, 280px); }
.wl-item:has(.wl-item-media) .wl-item-content,
.wl-item-content {
  border-top-color: rgba(255, 255, 255, .46);
  background: rgba(247, 250, 247, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .wl-item:has(.wl-item-media) .wl-item-content,
  .wl-item-content {
    background: rgba(247, 250, 247, .58);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
    backdrop-filter: blur(16px) saturate(135%);
  }
}
.wl-item-content > header { min-width: 0; }
.wl-item-content > header h4 { min-width: 0; flex: 1 1 auto; }
.wl-evidence-summary,
.wl-stack-meta,
.wl-capture-list,
.wl-capture,
.wl-fields,
.wl-fields dd,
.wl-capture > p,
.wl-capture > small,
.wl-code { min-width: 0; max-width: 100%; }
.wl-fields dd,
.wl-capture > p,
.wl-capture > small,
.wl-code { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 520px) {
  .wl-detail-section { padding-inline: 14px; }
  .wl-item,
  .wl-item:has(.wl-item-media) { max-width: 100%; }
  .wl-item-action { width: 32px; height: 32px; }
  .wl-item-content > header { gap: 5px; flex-wrap: nowrap; }
  .wl-evidence-summary { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .wl-stack-meta { width: 100%; justify-content: flex-start; flex-wrap: wrap; white-space: normal; }
  .wl-photo-count { right: 10px; }
  .wl-item.is-stacked { --stack-offset-1-x: 3px; --stack-offset-1-y: 4px; --stack-offset-2-x: 6px; --stack-offset-2-y: 8px; }
  .wl-item.is-portrait .wl-item-media { height: clamp(200px, 62vw, 270px); }
  .wl-item.is-portrait .wl-item-media-foreground { width: min(82%, 260px); }
}
@media (max-height: 520px) and (orientation: landscape) {
  .wl-item.is-portrait .wl-item-media { height: clamp(170px, 50vh, 215px); }
}
.creator-tabs .creator-tab-link{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.creator-tabs .creator-tab-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wl-batch-print{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 12px;color:var(--wl-muted,#687068);font-size:13px}.wl-log-card{position:relative}.wl-print-select{position:absolute;z-index:3;top:14px;right:14px;width:20px;height:20px;accent-color:#172019}.wl-log-card:has(.wl-print-select) .wl-log-open{padding-right:48px}
.wl-detail-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}.wl-detail-head>div:first-child>time,.wl-detail-head>div:first-child>h2{padding-right:0!important}.wl-detail-head>.wl-detail-tools{position:static!important;inset:auto!important;width:auto;min-width:0;max-width:430px;display:flex;align-items:center;justify-content:flex-end;align-content:flex-start;gap:8px}.wl-detail-tools .wl-ai-polish-status{flex-basis:100%;text-align:right}@media(max-width:900px){.wl-detail-head{grid-template-columns:1fr}.wl-detail-head>.wl-detail-tools{width:100%;max-width:none;justify-content:flex-start}.wl-detail-tools .wl-ai-polish-status{text-align:left}}
.wl-liquid-menu{position:fixed;z-index:80;width:224px;padding:8px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(245,248,252,.78);box-shadow:0 22px 60px rgba(25,35,48,.24),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}.wl-liquid-menu button{width:100%;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;text-align:left}.wl-liquid-menu button:hover,.wl-liquid-menu button:focus-visible{background:rgba(255,255,255,.72)}.wl-liquid-menu button.is-danger{color:#b42318}.wl-liquid-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-transparency:reduce){.wl-liquid-menu{background:#f7f9fb;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.wl-liquid-menu *{transition:none!important}}