.history-shell{max-width:1152px;padding:var(--ran-space-10) clamp(20px, 5vw, 56px) var(--ran-space-24);gap:var(--ran-space-10);margin:0 auto;display:grid}.history-page{gap:var(--ran-space-8);flex-direction:column;min-width:0;display:flex}@media (width>=1081px){.history-shell{grid-template-columns:minmax(0,660px) minmax(0,284px);justify-content:center;gap:clamp(40px,5vw,96px)}.history-rail{top:var(--ran-space-8);align-self:start;position:sticky}}.history-rail{gap:var(--ran-space-6);flex-direction:column;min-width:0;display:flex}.history-rail-block{align-items:flex-start;gap:var(--ran-space-3);padding-top:var(--ran-space-4);border-top:1px solid var(--ran-color-border);flex-direction:column;display:flex}.history-rail-label{font:600 11px/1 var(--ran-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ran-color-text-secondary)}.history-header{gap:var(--ran-space-3);flex-direction:column;display:flex}.history-chip{align-self:flex-start;align-items:center;gap:var(--ran-space-2);padding:var(--ran-space-1) var(--ran-space-3);border-radius:var(--ran-radius-full);box-shadow:0 0 0 1px var(--ran-color-border);font:500 12px/1.8 var(--ran-font-mono);color:var(--ran-color-text-secondary);display:inline-flex}.history-chip-dot{border-radius:var(--ran-radius-full);background:var(--ran-color-success);width:7px;height:7px}.history-title-row{align-items:center;gap:var(--ran-space-6);flex-wrap:wrap;display:flex}.history-title{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15}.history-header-actions{align-items:center;gap:var(--ran-space-4);margin-left:auto;display:flex}.history-intro{max-width:60ch;color:var(--ran-color-text-secondary);margin:0;font-size:15px}.history-autosave{align-items:center;gap:var(--ran-space-2);color:var(--ran-color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;display:inline-flex}.history-switch{appearance:none;border-radius:var(--ran-radius-full);background:var(--ran-color-bg-muted);border:1px solid var(--ran-color-border);cursor:pointer;width:36px;height:20px;transition:background var(--ran-motion-duration-fast,.12s) ease, border-color var(--ran-motion-duration-fast,.12s) ease;margin:0;position:relative}.history-switch:after{content:"";border-radius:var(--ran-radius-full);background:var(--ran-color-bg-elevated);width:14px;height:14px;box-shadow:var(--ran-shadow-elevated);transition:transform var(--ran-motion-duration-fast,.12s) ease;position:absolute;top:2px;left:2px}.history-switch:checked{background:var(--ran-color-primary);border-color:var(--ran-color-primary)}.history-switch:checked:after{transform:translate(16px)}.history-switch:focus-visible{outline:2px solid var(--ran-color-link);outline-offset:2px}.history-header-actions r-button::part(content){padding:var(--ran-space-2) var(--ran-space-4);font-size:15px;font-weight:600}.history-row-actions r-button::part(content){padding:var(--ran-space-1) var(--ran-space-3);font-size:14px}.history-toolbar{align-items:center;gap:var(--ran-space-4);flex-wrap:wrap;display:flex}.history-search{width:320px;max-width:100%}.history-usage{color:var(--ran-color-text-secondary);font-size:13px;font-family:var(--ran-font-mono)}.history-list{border-top:1px solid var(--ran-color-border);flex-direction:column;display:flex}.history-row{align-items:center;gap:var(--ran-space-4);padding:var(--ran-space-3);margin:0 calc(-1 * var(--ran-space-3));border-bottom:1px solid var(--ran-color-border);border-radius:var(--ran-radius-sm);transition:background var(--ran-motion-duration-fast,.12s) ease;display:flex}.history-row:hover{background:var(--ran-color-bg-hover)}.history-kind{width:46px;color:var(--ran-color-text-secondary);font-family:var(--ran-font-mono);letter-spacing:.06em;text-align:center;flex-shrink:0;font-size:10px;line-height:14px}.history-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.history-row-title-line{align-items:center;gap:var(--ran-space-2);min-width:0;display:flex}.history-row-title{color:var(--ran-color-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;overflow:hidden}.history-row-title:hover{text-underline-offset:3px;text-decoration:underline}.history-row-facts{gap:0 var(--ran-space-2);color:var(--ran-color-text-secondary);flex-wrap:wrap;font-size:13px;display:flex}.history-row-facts>span:not(:first-child):before{content:"·";margin-right:var(--ran-space-2);color:var(--ran-color-text-disabled)}.history-badge{align-items:center;gap:var(--ran-space-1);color:var(--ran-color-text-disabled);white-space:nowrap;flex-shrink:0;font-size:11.5px;display:inline-flex}.history-dot{border-radius:var(--ran-radius-full);background:var(--ran-color-warning);width:5px;height:5px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ran-color-warning) 22%, transparent)}.history-row-actions{align-items:center;gap:var(--ran-space-2);flex-shrink:0;display:flex}.history-download,.history-delete{opacity:.55;transition:opacity var(--ran-motion-duration-fast,.12s) ease}.history-row:hover .history-download,.history-row:hover .history-delete,.history-download:focus-within,.history-delete:focus-within{opacity:1}.history-download::part(content),.history-delete::part(content){color:var(--ran-color-text-secondary)}.history-row:hover .history-download::part(content){color:var(--ran-color-text)}.history-row:hover .history-delete::part(content){color:var(--ran-color-danger)}@media (hover:none){.history-download,.history-delete{opacity:1}}.history-filter{align-items:center;gap:var(--ran-space-2);padding:var(--ran-space-2) var(--ran-space-3);border:1px solid var(--ran-color-border);border-radius:var(--ran-radius-full);color:var(--ran-color-text-secondary);cursor:pointer;transition:background var(--ran-motion-duration-fast,.12s) ease, color var(--ran-motion-duration-fast,.12s) ease, border-color var(--ran-motion-duration-fast,.12s) ease;background:0 0;font-family:inherit;font-size:13px;line-height:1;display:inline-flex}.history-filter:hover{color:var(--ran-color-text);border-color:var(--ran-color-border-hover)}.history-filter.is-on{background:var(--ran-color-bg-active);border-color:var(--ran-color-border-hover);color:var(--ran-color-text)}.fact-expiry-urgent{color:var(--ran-color-warning);font-weight:500}.history-empty{align-items:center;gap:var(--ran-space-2);padding:var(--ran-space-16) var(--ran-space-6);text-align:center;flex-direction:column;display:flex}.history-empty-mark{width:44px;height:44px;margin-bottom:var(--ran-space-2);border-radius:var(--ran-radius-full);background:var(--ran-color-bg-subtle);box-shadow:0 0 0 1px var(--ran-color-border);color:var(--ran-color-text-secondary);place-items:center;display:grid}.history-empty-title{color:var(--ran-color-text);font-size:15px;font-weight:600}.history-empty-body{max-width:44ch;color:var(--ran-color-text-secondary);font-size:13.5px}.history-empty-action{margin-top:var(--ran-space-2)}.history-pager{gap:var(--ran-space-4);justify-content:center;align-items:center;display:flex}.history-page-info{color:var(--ran-color-text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.history-note{max-width:72ch;color:var(--ran-color-text-secondary);font-size:13px;line-height:1.5}.history-clear::part(content){padding:var(--ran-space-1) 0;color:var(--ran-color-text-secondary);font-size:14px;font-weight:400}.history-clear:hover::part(content){color:var(--ran-color-danger)}.history-note-warn{color:var(--ran-color-warning)}@media (width<=640px){.history-shell{padding:var(--ran-space-8) var(--ran-space-4) var(--ran-space-16);gap:var(--ran-space-8)}.history-page{gap:var(--ran-space-6)}.history-row{padding:var(--ran-space-3);gap:var(--ran-space-3);flex-wrap:wrap}.history-row-actions{margin-top:calc(-1 * var(--ran-space-1));flex-basis:100%;justify-content:flex-end}.history-row-main{flex:1 1 0;min-width:0}.history-row-facts{flex-wrap:nowrap;font-size:12px;overflow:hidden}.history-row-facts .fact-size{display:none}.history-header-actions r-button::part(content){padding-left:0}.history-header-actions{margin-left:0}.history-search{width:100%}.history-usage{font-size:12px}}.history-page :focus-visible{outline:2px solid var(--ran-color-link);outline-offset:2px;border-radius:var(--ran-radius-sm)}@media (prefers-reduced-motion:reduce){.history-row,.history-switch,.history-switch:after{transition-duration:.01ms!important}}.confirm-dialog::part(dialog){max-width:440px}.confirm-ok-danger{--ran-btn-background:var(--ran-color-danger);--ran-btn-border-color:var(--ran-color-danger);--ran-btn-color:#fff}.confirm-body{color:var(--ran-color-text-secondary);max-width:46ch;font-size:14px}.confirm-actions{justify-content:flex-end;gap:var(--ran-space-2);display:flex}