85 lines
9.1 KiB
CSS
85 lines
9.1 KiB
CSS
.creative-agent-card { container-type: inline-size; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--background); color: var(--foreground); display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; overflow-wrap: anywhere; }
|
|
.creative-agent-card h3, .creative-agent-card p { margin: 0; }
|
|
.creative-agent-card-content { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
|
|
.creative-agent-receipt { padding: var(--space-1) var(--space-2); color: var(--muted-foreground); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
|
|
.creative-agent-receipt summary { cursor: pointer; }
|
|
.creative-agent-receipt p { margin-block: var(--space-2); }
|
|
.creative-agent-next { position: sticky; bottom: 0; z-index: 4; display: flex; flex-direction: column; gap: var(--space-1); margin: 0 -4px; padding: var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom)); color: var(--muted-foreground); line-height: 1.5; font-size: var(--fs-caption); background: color-mix(in srgb, var(--background) 96%, transparent); border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent); backdrop-filter: blur(10px); }
|
|
.creative-agent-primary-actions { position: sticky; bottom: 0; z-index: 3; margin-inline: calc(var(--space-3) * -1); padding: var(--space-2) var(--space-3) 0; background: color-mix(in srgb, var(--background) 96%, transparent); }
|
|
.creative-agent-next p { margin: 0; }
|
|
.creative-agent-next .creative-agent-actions:empty { display: none; }
|
|
.creative-agent-thinking-wrap { display: flex; align-items: center; min-height: 24px; padding: 0 2px; }
|
|
.creative-agent-thinking-wrap > [role="status"] { font-size: var(--fs-caption); gap: var(--space-1); }
|
|
.agent-tool-row { border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent); padding: 2px 4px; }
|
|
.agent-tool-message { margin: 0; }
|
|
.agent-tool-row:last-child { border-bottom: 0; }
|
|
.agent-tool-row summary { padding: 3px 0; }
|
|
.agent-tool-status { display: grid; width: 18px; height: 18px; place-items: center; flex-shrink: 0; }
|
|
.agent-tool-status svg { width: 15px; height: 15px; }
|
|
.agent-tool-label { flex-shrink: 0; font-size: var(--fs-caption); }
|
|
.agent-tool-row > .creative-agent-detail { margin: 4px 0 5px 26px; padding: 6px 8px; border-radius: var(--control-radius); background: color-mix(in srgb, var(--surface-card) 70%, transparent); font-size: var(--fs-caption); }
|
|
.agent-pending-tool .creative-agent-detail { margin-top: 6px; padding: 6px 8px; font-size: var(--fs-caption); }
|
|
.agent-pending-tool details { margin-top: 6px !important; padding-top: 0 !important; }
|
|
.agent-pending-tool .creative-agent-archive-row { gap: 6px; }
|
|
.creative-agent-receipt summary:focus-visible { outline: 2px solid var(--control-focus-ring); outline-offset: 2px; }
|
|
.creative-agent-archive-row { display: flex; align-items: center; gap: var(--space-1); min-width: 0; }
|
|
.creative-agent-archive-row > button { flex-shrink: 0; }
|
|
.creative-agent-archive-summary { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
|
|
.creative-agent-quote-details summary { cursor: pointer; color: var(--muted-foreground); font-size: var(--fs-caption); }
|
|
.creative-agent-quote-details[open] > .creative-agent-card-content { margin-top: var(--space-3); }
|
|
.creative-agent-card h3 { font-size: var(--fs-heading); font-weight: 600; line-height: 1.5; }
|
|
.creative-agent-card-row { display: flex; gap: var(--space-2); align-items: center; justify-content: space-between; flex-wrap: wrap; }
|
|
.creative-agent-muted, .creative-agent-option small { color: var(--muted-foreground); }
|
|
.creative-agent-overline { font-size: var(--fs-caption); line-height: 1.5; color: var(--muted-foreground); }
|
|
.creative-agent-step-dots { display: flex; gap: var(--space-1); flex-wrap: wrap; max-width: 45%; }
|
|
.creative-agent-step-dots i { width: var(--space-4); height: var(--space-1); border-radius: var(--control-radius); background: var(--border); }
|
|
.creative-agent-step-dots i[data-current="true"] { background: var(--foreground); }
|
|
.creative-agent-actions { display: flex; flex-wrap: nowrap; gap: var(--space-2); padding-top: var(--space-1); }
|
|
.creative-agent-actions .ant-btn { max-width: 100%; height: 30px; min-height: 30px; padding-inline: 12px; white-space: nowrap; font-size: 13px; }
|
|
.creative-agent-options { display: flex; flex-direction: column; gap: var(--space-2); }
|
|
.creative-agent-option { display: flex; align-items: flex-start; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--control-radius); cursor: pointer; }
|
|
.creative-agent-option[data-selected="true"] { background: var(--control-selected-bg); border-color: var(--control-selected-border); color: var(--control-selected-fg); }
|
|
.creative-agent-option:not([data-disabled="true"]):hover { border-color: var(--control-selected-border); }
|
|
.creative-agent-option[data-disabled="true"] { cursor: default; }
|
|
.creative-agent-option > span:last-child { min-width: 0; line-height: 1.5; }
|
|
.creative-agent-option strong { font-weight: 500; }
|
|
.creative-agent-option small { display: block; margin-top: var(--space-1); }
|
|
.creative-agent-custom-answer { display: flex; flex-direction: column; gap: var(--space-2); }
|
|
.creative-agent-custom-answer > span { color: var(--muted-foreground); font-size: var(--fs-caption); }
|
|
.creative-agent-proposal-summary { line-height: 1.8; }
|
|
.creative-agent-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
|
|
.creative-agent-deliverables li { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
|
|
.creative-agent-deliverables span { color: var(--muted-foreground); font-size: var(--fs-caption); }
|
|
.creative-agent-deliverables strong { font-weight: 500; line-height: 1.6; }
|
|
.creative-agent-detail-toggle { align-self: flex-start; }
|
|
.creative-agent-scope-note { padding: var(--space-3); background: var(--surface-card); border-radius: var(--control-radius); color: var(--muted-foreground); line-height: 1.7; font-size: var(--fs-caption); }
|
|
.creative-agent-detail { max-height: 50vh; overflow: auto; overscroll-behavior: contain; }
|
|
.creative-agent-plan { width: min(360px, calc(100vw - 48px)); max-height: min(360px, 45vh); overflow: auto; overscroll-behavior: contain; color: var(--foreground); }
|
|
.creative-agent-plan ol { margin: var(--space-2) 0 0; padding-inline-start: var(--space-6); }
|
|
.creative-agent-plan li { padding-block: var(--space-2); }
|
|
.creative-agent-plan li + li { border-top: 1px solid var(--border); }
|
|
.creative-agent-plan li p { color: var(--muted-foreground); margin: var(--space-1) 0 0; line-height: 1.6; }
|
|
.creative-agent-plan li[data-status="completed"]::marker { color: var(--muted-foreground); }
|
|
.creative-agent-plan-trigger { display: flex; width: 100%; gap: var(--space-2); white-space: normal; height: auto; min-height: var(--space-8); text-align: start; padding: var(--space-2) var(--space-3); background: var(--surface-card); border-color: var(--border); }
|
|
.creative-agent-plan-docked { position: relative; z-index: 3; width: 100%; margin: 0; padding: 0 12px; display: flex; justify-content: flex-end; }
|
|
.creative-agent-plan-docked .creative-agent-plan-trigger { width: auto; min-width: 0; max-width: 230px; min-height: 30px; padding: 5px 9px; border-radius: 999px; font-size: var(--fs-caption); box-shadow: 0 5px 16px var(--shadow-color, rgba(0,0,0,.12)); }
|
|
.creative-agent-plan-docked .creative-agent-plan-current { flex: 0 1 auto; }
|
|
.creative-agent-plan-count { flex-shrink: 0; color: var(--muted-foreground); font-variant-numeric: tabular-nums; }
|
|
.creative-agent-plan-current { flex: 1; min-width: 0; overflow-wrap: anywhere; }
|
|
.creative-agent-plan-chevron { color: var(--muted-foreground); flex-shrink: 0; }
|
|
.creative-agent-quote-items { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
|
|
.creative-agent-quote-items li { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
|
|
.creative-agent-quote-items li div { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
|
|
.creative-agent-quote-items li strong, .creative-agent-quote-items li b { font-weight: 500; }
|
|
.creative-agent-quote-items li b { flex-shrink: 0; }
|
|
.creative-agent-quote-items li span { color: var(--muted-foreground); font-size: var(--fs-caption); line-height: 1.6; }
|
|
.creative-agent-quote-total { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); border-top: 1px solid var(--border); padding-top: var(--space-3); }
|
|
.creative-agent-quote-total > span { color: var(--muted-foreground); flex-shrink: 0; }
|
|
.creative-agent-quote-total strong { text-align: end; font-size: var(--fs-heading-lg); font-variant-numeric: tabular-nums; }
|
|
.creative-agent-card :focus-visible, .creative-agent-plan :focus-visible, .creative-agent-plan-trigger:focus-visible { outline: 2px solid var(--control-focus-ring); outline-offset: 2px; }
|
|
@container (max-width: 280px) {
|
|
.creative-agent-actions { flex-wrap: wrap; }
|
|
.creative-agent-deliverables { grid-template-columns: minmax(0, 1fr); }
|
|
.creative-agent-quote-total { flex-wrap: wrap; }
|
|
}
|