/* 作業の邪魔をしないよう、右端の細いパネルで開く */
#hc-history{box-sizing:border-box;width:min(480px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--line,#ddd);border-radius:0;box-shadow:var(--shadow-float,0 12px 32px rgba(22,22,29,.12));background:var(--surface,#fff);color:var(--ink,#222);font:14px/1.65 var(--font-sans,system-ui),sans-serif}
#hc-history::backdrop{background:rgba(10,12,25,.08)}
#hc-history header{position:sticky;top:0;background:var(--surface,#fff);z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 10px;border-bottom:1px solid var(--line,#ddd)}
#hc-history h2{font-size:16px;line-height:1.3;margin:0 0 4px;font-weight:700}
#hc-history h3{font-size:15px;line-height:1.35;margin:4px 0 8px;font-weight:600;overflow-wrap:anywhere}
#hc-history h4{font-size:14px;line-height:1.4;margin:0 0 8px;font-weight:600}
#hc-history p{margin:4px 0;overflow-wrap:anywhere;white-space:pre-wrap}
#hc-history header p,.hc-history-meta,.hc-history-reason,.hc-history-ids{font-size:12px;color:var(--ink-sub,#555);line-height:1.5}
#hc-history .hc-history-tools{padding:12px 24px 0}
#hc-history .hc-history-notice{margin:8px 24px;min-height:24px}
#hc-history .hc-history-content{padding:0 24px}
#hc-history article{padding:20px 0 24px;border-bottom:1px solid var(--line,#ddd)}
#hc-history article:first-child{padding-top:8px}
#hc-history .hc-history-state{font-weight:500;margin-bottom:12px}
#hc-history summary{cursor:pointer;font-weight:500;padding:6px 0}
#hc-history .hc-history-change{padding:12px 0}
#hc-history .hc-history-values{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#hc-history .hc-history-values>div{min-width:0;padding:12px;background:var(--canvas,#fafafb);border:1px solid var(--line,#e8e8ee);border-radius:var(--radius-field,6px)}
#hc-history pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 var(--font-sans,system-ui);margin:4px 0;max-height:280px;overflow:auto}
#hc-history strong{font-size:12px;font-weight:600}
#hc-history button{font:inherit;font-size:13px;font-weight:600;white-space:normal;min-height:32px;padding:0 12px;border:1px solid var(--line-strong,#cfcfda);border-radius:var(--radius-field,6px);background:var(--surface,#fff);color:var(--ink,#222);box-shadow:var(--shadow-raise,0 1px 2px rgba(22,22,29,.1));cursor:pointer}
#hc-history button:hover:not(:disabled){background:var(--canvas,#fafafb)}
#hc-history article>button{margin-top:12px}
#hc-history button:disabled{cursor:not-allowed;opacity:.55}
#hc-history :focus-visible{outline:2px solid var(--hc-blue,#0b5da1);outline-offset:2px}
#hc-history footer{padding:16px 24px 24px}
@media(max-width:600px){#hc-history header{padding:20px 16px 12px}#hc-history .hc-history-content{padding:0 16px}#hc-history .hc-history-tools{padding-left:16px}#hc-history .hc-history-notice{margin-left:16px;margin-right:16px}#hc-history .hc-history-values{grid-template-columns:minmax(0,1fr);gap:8px}#hc-history h2{font-size:22px}}

#hc-history [hidden]{display:none!important}
#hc-history header>button{flex-shrink:0;white-space:nowrap}
#hc-history .hc-history-notice:empty{display:none}