.hints-view{position:fixed;inset:auto 20px 60px auto;margin:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 110px);box-sizing:border-box;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);padding:24px;box-shadow:0 12px 40px var(--popup-shadow-deep)}.workspace-help{flex:none;display:flex;justify-content:flex-end;min-height:38px;padding-top:4px}.workspace-help button{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:34px}.workspace-help button>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:11px}.hints-cost{position:sticky;bottom:-24px;background:var(--surface);padding:12px 0 20px;border-top:1px solid var(--line)}.hints-heading button{min-width:36px;min-height:36px}.hint-list h3:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.hints-inner{max-width:760px;margin:0 auto}.hints-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.hints-heading h2{margin:0;font-size:24px;letter-spacing:-.04em}.hints-heading span{font-size:12px;color:var(--muted)}
.hints-intro{color:var(--muted);line-height:1.7;max-width:64ch}.hints-empty{padding:24px 0;color:var(--muted);line-height:1.7}.hint-list{list-style:none;margin:20px 0;padding:0}.hint-list li{border-top:1px solid var(--line);padding:24px 0}.hint-list .eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent)}.hint-list h3{font-size:20px;margin:10px 0;letter-spacing:-.025em}.hint-list p{line-height:1.75;margin:0 0 16px;max-width:64ch}.hint-list pre{overflow:auto;max-width:100%;padding:16px;border-radius:6px;background:var(--hint-code-bg);color:var(--hint-code);font:12px/1.8 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.hints-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hints-note{font-size:12px;line-height:1.6;color:var(--muted)}#hints-error{color:var(--hint-error)}#hints-status{min-height:1.6em}.hint-summary{font-size:13px;color:var(--muted)}
@media(max-width:600px){.hints-view{padding:20px 16px}.hints-heading h2{font-size:22px}.hint-list li{padding:20px 0}.hints-heading{gap:8px}}
.hints-view{max-height:min(620px,70dvh)}.hints-heading{position:sticky;top:-24px;background:var(--surface);z-index:2;padding:8px 0;border-bottom:1px solid var(--line)}
.hints-view{overflow-x:hidden}
.hint-list summary{cursor:pointer}.hint-list summary h3{font-size:17px;margin:7px 0 12px}.hint-list details:not([open]) summary h3{margin-bottom:0;color:var(--muted)}.hint-list li{padding:16px 0}.hint-list h3{scroll-margin-top:70px}
@media(max-width:600px){.hints-view{right:12px;bottom:58px;width:calc(100vw - 24px);max-height:62dvh}.hints-heading{top:-20px}.hints-cost{bottom:-20px}}
.hint-list a{display:inline-block;min-height:24px;line-height:24px;text-decoration:underline;text-underline-offset:4px}