.tool-first{--tool-radius:12px;--tool-border:#e2e8f0;--tool-error-bg:#fef2f2;--tool-error-fg:#991b1b;--tool-error-bd:#fecaca;--tool-ok-bg:#ecfdf5;--tool-warn-bg:#fff7ed;--tool-muted:#64748b}.tool-first-area{scroll-margin-top:72px}.tool-first-area-body{min-width:0}.tool-first-free-data{max-width:100%}.tool-first :focus-visible,[class*=workspace] :focus-visible,[class*=-workspace] :focus-visible{outline-offset:2px;outline:2px solid #0f766e}[class*=-error]:not(input):not(textarea):not(select),[class*=error][role=alert],.tool-ui-error,p[class*=-error],div[class*=-error]:not([class*=error-boundary]){border-radius:10px}[role=alert],.tool-ui-error{border:1px solid var(--tool-error-bd);background:var(--tool-error-bg);color:var(--tool-error-fg);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.9rem;line-height:1.4;display:block}[class*=-processing],[class*=-spinner],.tool-ui-loading{color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:.9rem;display:flex}[class*=-spinner],.tool-ui-spinner{border:2px solid #cbd5e1;border-top-color:#0f766e;border-radius:50%;flex-shrink:0;width:1.15rem;height:1.15rem;animation:.75s linear infinite tool-ui-spin;display:inline-block}@keyframes tool-ui-spin{to{transform:rotate(360deg)}}[class*=-output-empty],[class*=output-empty],.tool-ui-empty{color:var(--tool-muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:16px 14px;font-size:.9rem}[class*=-card]{min-width:0}[class*=-btn-primary],button[class*=-btn-primary]{border-radius:10px;min-height:40px;font-weight:600}[class*=-btn-primary]:disabled,button[class*=-btn-primary]:disabled{opacity:.65;cursor:not-allowed}[class*=workspace] input,[class*=workspace] textarea,[class*=workspace] select,[class*=-workspace] input,[class*=-workspace] textarea,[class*=-workspace] select,.tool-first-area-body input,.tool-first-area-body textarea,.tool-first-area-body select{max-width:100%;font-size:16px}[class*=workspace] textarea,[class*=-workspace] textarea{resize:vertical;min-height:96px}.tool-ui-media-hint,[class*=-free-note],[class*=-card-hint]{color:var(--tool-muted);font-size:.8rem;line-height:1.35}@media (prefers-reduced-motion:reduce){[class*=-spinner],.tool-ui-loading [class*=-spinner]{border-top-color:#0f766e;animation:none}}@media (max-width:768px){.tool-first-area-header{flex-wrap:wrap;gap:8px}.tool-first-area-badges{width:100%}.tool-first-area-body{padding-left:0;padding-right:0}.tool-first-ad{max-width:100%;overflow-x:auto}[class*=-dashboard],[class*=-workspace]{max-width:100%}[class*=-card]{width:100%}[class*=-input-actions],[class*=-output-actions]{flex-wrap:wrap;gap:8px;display:flex}[class*=-input-actions] button,[class*=-output-actions] button,[class*=-btn]{flex:auto;min-width:min(100%,140px)}[class*=-chart],[class*=workspace] table,[class*=-workspace] table{max-width:100%;display:block;overflow-x:auto}}@media (prefers-contrast:more){[role=alert],.tool-ui-error{border-width:2px}}#tool-area:focus{outline:none}#tool-area:focus-visible{outline-offset:4px;outline:2px solid #0f766e}
