.artifact-canvas{display:flex;flex-direction:column;height:100%;overflow:hidden}.artifact-canvas--loading{align-items:center;justify-content:center}.artifact-canvas__content{flex:1;overflow:auto}.artifact-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.artifact-toolbar__left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.artifact-toolbar__title{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-status-badge{font-size:11px;padding:2px 8px;border-radius:9999px;font-weight:500;flex-shrink:0}.status-draft{background:#f3f4f6;color:#374151}.status-review{background:#eff6ff;color:#1d4ed8}.status-approved{background:#f0fdf4;color:#15803d}.status-final{background:#f5f3ff;color:#7c3aed}.artifact-toolbar__versions{display:flex;gap:4px}.version-pill{font-size:11px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .12s;background:transparent}.version-pill:hover{background:var(--surface-hover)}.version-pill--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.artifact-approve-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;font-size:13px;font-weight:500;background:#15803d;color:#fff;transition:opacity .12s;flex-shrink:0}.artifact-approve-btn:disabled{opacity:.6;cursor:not-allowed}.artifact-diff-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fffbeb;border-bottom:1px solid #fcd34d;font-size:13px;flex-shrink:0}.artifact-diff-bar__stats{display:flex;align-items:center;gap:10px}.artifact-diff-bar__actions{display:flex;gap:8px}.artifact-diff-bar__label{font-size:12px;color:#92400e}.diff-stat{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:500}.diff-stat--added{color:#15803d}.diff-stat--removed{color:#dc2626}.diff-bar-btn{padding:4px 10px;border-radius:5px;font-size:12px;font-weight:500;transition:opacity .12s}.diff-bar-btn:disabled{opacity:.6;cursor:not-allowed}.diff-bar-btn--reject{border:1px solid var(--border);color:var(--text)}.diff-bar-btn--accept{background:#15803d;color:#fff;display:flex;align-items:center}.diff-bar-btn--accept:hover:not(:disabled){background:#166534}.artifact-editor--diff{font-family:Courier New,monospace;font-size:13px;line-height:1.6}.diff-line{display:flex;gap:8px;padding:0 16px}.diff-line--added{background:#f0fdf4}.diff-line--removed{background:#fef2f2}.diff-line__num{color:#9ca3af;min-width:32px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-line__prefix{color:#9ca3af;min-width:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-line--added .diff-line__prefix{color:#15803d}.diff-line--removed .diff-line__prefix{color:#dc2626}.diff-line__content{flex:1}.artifact-textarea{width:100%;height:100%;resize:none;border:none;outline:none;padding:16px;font-family:inherit;font-size:14px;line-height:1.7;color:var(--text);background:var(--surface)}.artifact-editor--readonly{padding:16px;font-family:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap;color:var(--text)}