:root{--ui-surface:#fff;--ui-text:#23352b;--ui-muted:#556258;--ui-border:#dce1d8;--ui-soft:#e8ebe5;--ui-accent:#b83e25;--ui-focus:#356551;--ui-radius:12px;--ui-icon:20px;--ui-target:44px}
.icon{width:var(--ui-icon);height:var(--ui-icon);flex-shrink:0;vertical-align:middle}
.icon-action,.icon-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;text-decoration:none;cursor:pointer}
.icon-action{position:relative;flex-shrink:0;width:var(--ui-target);min-width:var(--ui-target);min-height:var(--ui-target);padding:10px!important;border-radius:var(--ui-radius);font-size:14px!important}
.icon-text{min-height:var(--ui-target)}
.icon-action:hover:not(:disabled){background:var(--ui-soft);color:var(--ui-text)}
.icon-action:focus-visible,.icon-text:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.icon-action::after{content:attr(aria-label);position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:max-content;max-width:220px;padding:7px 10px;border-radius:8px;background:var(--ui-text);color:white;font:12px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;white-space:normal;box-shadow:0 4px 14px #14241620;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}
.icon-action:hover::after,.icon-action:focus-visible::after{opacity:1;visibility:visible}
.icon-action:disabled{cursor:default;opacity:.45}
.icon-action[aria-pressed="true"]{color:var(--ui-accent);background:#fae0d7}
.star-button[aria-pressed="true"] .icon,.generated-favorite[aria-pressed="true"] .icon{fill:currentColor}
.output-actions{gap:8px}
.history-card>.star-button{position:absolute}
.footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}.footer nav a{display:inline-flex;align-items:center;min-height:44px}
.surface .actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 32px;color:var(--ui-muted);font-size:12px}
.workspace-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.workspace-footer a{color:var(--ui-muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.workspace-footer a:hover{color:var(--ui-accent);text-decoration:underline;text-underline-offset:4px}
.workspace-footer a:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px;border-radius:4px}
@media(max-width:760px){.workspace-footer{padding:20px 16px}.workspace-footer nav{gap:8px 16px}.account-actions{gap:8px}.account-actions #account{display:flex;align-items:center;gap:8px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.icon-action::after{transition:none}}