/* Keep the compact tool shell scoped to the Clipboard page. */
.clipboard-page .header-inner { height: 84px !important; }
.clipboard-page #banner { background-image: none !important; background: var(--body-bg-color); }
.clipboard-page .banner-text { display: none; }
.clipboard-page #banner .mask { background: transparent !important; }
.clipboard-page #board { margin-top: 24px; border-radius: 18px; }
.clipboard-tool {
  --clipboard-accent: var(--site-tool-accent, var(--post-link-color));
  --clipboard-soft: var(--site-tool-soft, var(--body-bg-color));
  max-width: 1080px;
  margin: 0 auto;
  color: var(--text-color);
  font-size: .94rem;
  line-height: 1.6;
}
.clipboard-tool * { box-sizing: border-box; }
.clipboard-tool [hidden] { display: none !important; }
.clipboard-tool__header { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.8rem; }
.clipboard-tool__mark { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 14px; color: var(--clipboard-accent); background: var(--clipboard-soft); }
.clipboard-tool__mark svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.clipboard-tool .clipboard-tool__header h1 { margin: 0; border: 0; padding: 0; font-size: 1.7rem; font-weight: 650; letter-spacing: -.04em; line-height: 1.25; color: inherit; }
.clipboard-tool .clipboard-tool__header p { margin: .25rem 0 0; color: var(--sec-text-color); font-size: .84rem; }
.clipboard-tool__badge { margin-left: auto; color: var(--sec-text-color); border: 1px solid var(--line-color); border-radius: 20px; padding: .2rem .7rem; font-size: .72rem; white-space: nowrap; }
.clipboard-tool__login { max-width: 600px; margin: 2.5rem auto; padding: 2rem; border: 1px solid var(--line-color); border-radius: 16px; background: var(--body-bg-color); }
.clipboard-tool__eyebrow { color: var(--clipboard-accent); letter-spacing: .12em; font-size: .68rem; font-weight: 650; }
.clipboard-tool .clipboard-tool__login-intro h2 { margin: .7rem 0 .5rem; padding: 0; border: 0; font-size: 1.45rem; letter-spacing: -.03em; color: inherit; }
.clipboard-tool__login-intro p { color: var(--sec-text-color); font-size: .86rem; margin-bottom: 1.5rem; }
.clipboard-tool__label { display: block; margin-bottom: .5rem; font-size: .8rem; font-weight: 600; }
.clipboard-tool__login-fields { display: flex; gap: .6rem; }
.clipboard-tool__key { flex: 1; min-width: 0; padding: .7rem .9rem; border: 1px solid var(--line-color); border-radius: 9px; background: var(--board-bg-color); color: var(--text-color); font: inherit; }
.clipboard-tool__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.clipboard-tool__panel { min-width: 0; padding: 1.25rem; border: 1px solid var(--line-color); border-radius: 14px; background: var(--board-bg-color); }
.clipboard-tool__panel-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; justify-content: space-between; }
.clipboard-tool .clipboard-tool__panel-heading h2 { margin: 0; padding: 0; border: 0; font-size: 1rem; font-weight: 650; color: inherit; }
.clipboard-tool__tag { display: inline-flex; gap: .4rem; align-items: center; color: var(--sec-text-color); font-size: .68rem; }
.clipboard-tool__tag > span { width: 6px; height: 6px; border-radius: 50%; background: var(--site-success, var(--clipboard-accent)); }
.clipboard-tool__meta { color: var(--sec-text-color); font-size: .76rem; }
.clipboard-tool__panel > .clipboard-tool__meta { min-height: 2.6em; margin: .6rem 0 .9rem; }
.clipboard-tool__text { display: block; width: 100%; min-height: 19rem; padding: 1rem; border: 1px solid var(--line-color); border-radius: 9px; background: var(--body-bg-color); color: var(--text-color); font: .88rem/1.75 ui-monospace, SFMono-Regular, Consolas, monospace; resize: vertical; }
.clipboard-tool__text::placeholder, .clipboard-tool__key::placeholder { color: var(--sec-text-color); opacity: .85; }
.clipboard-tool__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1rem; }
.clipboard-tool__button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: .55rem .9rem; border: 1px solid transparent; border-radius: 8px; background: var(--clipboard-accent); color: var(--site-on-accent, #fff); cursor: pointer; font: inherit; font-size: .8rem; font-weight: 550; }
.clipboard-tool__button--quiet { background: transparent; color: var(--sec-text-color); }
.clipboard-tool__button:hover:not(:disabled) { background: var(--site-tool-hover, var(--clipboard-accent)); }
.clipboard-tool__button--quiet:hover:not(:disabled) { background: var(--clipboard-soft); color: var(--clipboard-accent); }
.clipboard-tool__button--danger:hover:not(:disabled) { color: var(--site-error); background: var(--body-bg-color); }
.clipboard-tool__button:disabled { opacity: .45; cursor: default; }
.clipboard-tool :is(button, textarea, input, summary):focus-visible { outline: 2px solid var(--clipboard-accent); outline-offset: 3px; }
.clipboard-tool__size { flex: 1 0 100%; margin: 0; font-size: .68rem; font-variant-numeric: tabular-nums; }
.clipboard-tool__status { display: flex; align-items: baseline; gap: .6rem; margin: .8rem 0 0; padding-top: .4rem; min-height: 1.8rem; color: var(--sec-text-color); font-size: .78rem; overflow-wrap: anywhere; }
.clipboard-tool__status::before { content: ''; width: 6px; height: 6px; flex: none; border-radius: 50%; background: currentColor; }
.clipboard-tool .is-error { color: var(--site-error, #b43542); }
.clipboard-tool__conflict { margin-top: 1rem; padding: 1rem; background: var(--site-warning-bg, var(--clipboard-soft)); border: 1px solid var(--site-warning, var(--clipboard-accent)); border-radius: 9px; font-size: .8rem; }
.clipboard-tool__conflict p { margin: 0; }
.clipboard-tool__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 767.98px) {
  .clipboard-tool__panels { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .clipboard-tool__text { min-height: 13rem; }
  .clipboard-tool__panel > .clipboard-tool__meta { min-height: 0; }
}
@media (max-width: 575.98px) {
  .clipboard-page #board { margin-top: 12px; border-radius: 12px; }
  .clipboard-tool__header { gap: .7rem; margin-bottom: 1.3rem; }
  .clipboard-tool__mark { width: 40px; height: 44px; border-radius: 11px; }
  .clipboard-tool__badge { display: none; }
  .clipboard-tool__login { padding: 1.25rem; margin: 1.5rem auto; }
  .clipboard-tool__login-fields { flex-direction: column; }
  .clipboard-tool__panel { padding: 1rem; }
  .clipboard-tool__button { padding: .55rem .7rem; }
}

/* Secondary controls stay out of the everyday editing flow. */
.clipboard-tool__menu { position: relative; margin-left: auto; }
.clipboard-tool__menu > summary { list-style: none; display: grid; place-items: center; width: 44px; height: 44px; cursor: pointer; border-radius: 8px; color: var(--sec-text-color); font-size: 1.3rem; line-height: 1; }
.clipboard-tool__menu > summary::-webkit-details-marker { display: none; }
.clipboard-tool__menu > summary:hover, .clipboard-tool__menu[open] > summary { color: var(--clipboard-accent); background: var(--clipboard-soft); }
.clipboard-tool__menu-items { position: absolute; top: calc(100% + 4px); right: 0; z-index: 20; min-width: 185px; padding: .4rem; border: 1px solid var(--line-color); border-radius: 10px; background: var(--board-bg-color); box-shadow: var(--site-shadow, 0 10px 30px #10243a20); }
.clipboard-tool__menu-items button { display: flex; justify-content: flex-start; width: 100%; min-height: 44px; }
.clipboard-tool__menu-items p { margin: .3rem .6rem; font-size: .68rem; }
.clipboard-tool__fold { margin-top: .7rem; border-bottom: 1px solid var(--line-color); }
.clipboard-tool__panels + .clipboard-tool__fold { margin-top: 1.4rem; }
.clipboard-tool__fold > summary { display: flex; align-items: center; gap: .6rem; min-height: 50px; list-style: none; cursor: pointer; font-size: .85rem; font-weight: 550; }
.clipboard-tool__fold > summary::-webkit-details-marker { display: none; }
.clipboard-tool__fold > summary::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: 0 .3rem .25rem auto; }
.clipboard-tool__fold[open] > summary::after { transform: rotate(225deg); margin-bottom: -.2rem; }
.clipboard-tool__fold--advanced > summary { color: var(--sec-text-color); font-size: .78rem; }
.clipboard-tool__count { display: inline-grid; place-items: center; min-width: 24px; padding: .1rem .35rem; border-radius: 6px; font-size: .7rem; font-variant-numeric: tabular-nums; background: var(--clipboard-soft); color: var(--clipboard-accent); }
.clipboard-tool__fold-content { padding: .5rem 0 1.25rem; }
.clipboard-tool__fold-content h3 { margin: .4rem 0; font-size: .82rem; color: var(--text-color); }
.clipboard-tool__fold-content .clipboard-tool__actions { margin: .4rem 0 1rem; }
.clipboard-tool__history-toolbar { display: flex; gap: .5rem; align-items: center; }
.clipboard-tool__search { width: 100%; min-width: 0; flex: 1; min-height: 44px; border: 1px solid var(--line-color); border-radius: 9px; background: var(--body-bg-color); color: var(--text-color); padding: .6rem .8rem; font: inherit; font-size: .83rem; }
.clipboard-tool__history-info { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; margin: .65rem 0; }
.clipboard-tool__history-info .clipboard-tool__meta { font-size: .7rem; }
.clipboard-tool__update { display: block; width: 100%; margin: .7rem 0; padding: .65rem .8rem; text-align: left; border: 1px solid var(--line-color); border-radius: 8px; background: var(--clipboard-soft); color: var(--clipboard-accent); cursor: pointer; font: inherit; font-size: .8rem; }
.clipboard-tool__entry { border-top: 1px solid var(--line-color); }
.clipboard-tool__entry > summary { display: flex; align-items: center; gap: .75rem; padding: .9rem .15rem; list-style: none; cursor: pointer; }
.clipboard-tool__entry > summary::-webkit-details-marker { display: none; }
.clipboard-tool__entry > summary::after { content: '+'; color: var(--sec-text-color); font-size: 1.1rem; margin-left: auto; }
.clipboard-tool__entry[open] > summary::after { content: '−'; }
.clipboard-tool__entry-label { min-width: 0; flex: 1; }
.clipboard-tool__entry-preview { display: block; color: var(--text-color); font-size: .85rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.clipboard-tool__entry-meta { display: block; margin-top: .25rem; color: var(--sec-text-color); font-size: .68rem; font-variant-numeric: tabular-nums; }
.clipboard-tool__entry-body { padding: .15rem 0 .8rem; }
.clipboard-tool__entry-text { display: block; width: 100%; height: 12rem; min-height: 8rem; max-height: 24rem; padding: .85rem; border: 1px solid var(--line-color); border-radius: 9px; background: var(--body-bg-color); color: var(--text-color); font: .85rem/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; resize: vertical; }
.clipboard-tool__entry-message { margin: .5rem 0; font-size: .75rem; color: var(--sec-text-color); }
.clipboard-tool__more { display: flex; margin: .6rem auto 0; }
.clipboard-tool__skeleton { min-height: 64px; padding: 1rem 0; border-top: 1px solid var(--line-color); }
.clipboard-tool__skeleton::before, .clipboard-tool__skeleton::after { content: ''; display: block; height: 8px; background: var(--line-color); border-radius: 5px; max-width: 65%; }
.clipboard-tool__skeleton::after { max-width: 35%; margin-top: 10px; }
@media (prefers-reduced-motion: no-preference) {
  .clipboard-tool :is(button, input, textarea, summary) { transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
  .clipboard-tool__fold > summary::after { transition: transform .18s ease; }
  .clipboard-tool__fold[open] > .clipboard-tool__fold-content, .clipboard-tool__entry[open] > .clipboard-tool__entry-body, .clipboard-tool__menu[open] > .clipboard-tool__menu-items { animation: clipboard-reveal .18s ease-out; }
  @keyframes clipboard-reveal { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
  .clipboard-tool, .clipboard-tool * { animation: none !important; transition: none !important; }
}
@media (max-width: 575.98px) {
  .clipboard-tool__history-toolbar { gap: .25rem; }
  .clipboard-tool__entry-preview { font-size: .8rem; }
  .clipboard-tool__menu-items { min-width: 170px; }
}