.tool-hero{background:var(--gradient-dark);padding:90px 0 24px;color:#fff}.tool-hero h1{font-size:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:8px;color:#fff}.tool-hero p{font-size:.95rem;margin:0;color:#ffffffb3;line-height:1.5}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ffffff80;margin-bottom:20px}.breadcrumb a{color:#ffffff80;transition:color .2s}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span:last-child{color:#ffffffd9}@media(max-width:640px){.breadcrumb{display:none}.tool-hero{padding:68px 0 14px}.tool-hero h1{margin-bottom:6px}}html.app-mode .tool-hero{padding-top:20px}.tool-history{max-width:780px;margin:24px auto 0;background:var(--color-bg-white);border:1.5px solid var(--color-bg-alt);border-radius:16px;padding:24px 28px;box-shadow:var(--shadow-md)}.tool-history:empty{display:none}.tool-history-link{max-width:780px;margin:12px auto 0;text-align:right}.tool-history-link a{font-size:.84rem;color:var(--color-primary);text-decoration:none}.tool-history-link a:hover{text-decoration:underline}.tool-history__head{margin-bottom:16px}.tool-history__head h3{font-size:1.1rem;margin:0;color:var(--color-secondary)}.tool-history__empty,.tool-history__prompt p{font-size:.9rem;color:var(--color-text-muted);margin:0;line-height:1.6}.tool-history__prompt{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.th-login-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:50px;border:none;cursor:pointer;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:.88rem;transition:transform .2s}.th-login-btn:hover{transform:translateY(-1px)}.tool-history__chart{margin-bottom:20px}.tool-history__chart-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.trend-chart{width:100%;height:auto;display:block}.trend-grid{stroke:var(--color-bg-alt);stroke-width:1}.trend-ylabel{fill:var(--color-text-muted);font-size:11px;font-family:var(--font-body)}.trend-dot{fill:var(--color-bg-white);stroke:var(--trend-line, var(--color-primary));stroke-width:2;cursor:pointer}.trend-dot--drift{fill:#f59e0b;stroke:#f59e0b}.trend-empty{font-size:.85rem;color:var(--color-text-muted);margin:0}.tool-history__table{width:100%;border-collapse:collapse;font-size:.86rem;table-layout:auto}.tool-history__table .th-date,.tool-history__table .th-metric{width:1%;white-space:nowrap}.tool-history__table .th-tool{width:1%}.tool-history__table .th-actions{width:100%}.tool-history__table thead th{text-align:left;padding:8px 10px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:2px solid var(--color-bg-alt)}.tool-history__table td{padding:9px 10px;border-bottom:1px solid var(--color-bg-alt);color:var(--color-secondary);vertical-align:middle}.th-row .th-date{color:var(--color-text-muted)}.th-row .th-metric{font-weight:700}.th-actions{text-align:right;white-space:nowrap}.th-toggle,.th-del{border:1px solid var(--color-bg-alt);background:transparent;border-radius:6px;padding:4px 10px;font-size:.78rem;cursor:pointer;color:var(--color-text-muted);margin-left:6px;transition:all .15s}.th-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.th-del:hover{border-color:#ef4444;color:#ef4444}.th-del:disabled{opacity:.5;cursor:default}.th-detail td{background:var(--color-bg-alt)}.th-detail__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:8px 4px}.th-detail__grid h5{margin:0 0 8px;font-size:.78rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.th-detail__grid dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0}.th-detail__grid dt,.th-detail__grid dd{font-size:.78rem;line-height:1.5;padding:3px 0;border-bottom:1px solid var(--color-bg-white)}.th-detail__grid dt{color:var(--color-text-muted);min-width:0;overflow-wrap:anywhere}.th-detail__grid dd{margin:0;color:var(--color-secondary);font-weight:600;text-align:right;white-space:nowrap}@media(max-width:600px){.tool-history{padding:18px 14px;border-radius:12px}.th-detail__grid{grid-template-columns:1fr;gap:12px}.th-toggle,.th-del{padding:4px 8px;margin-left:4px}}