.code-panel .panel-header{background:var(--code-bg);border-bottom:1px solid var(--code-border)}.code-tabs{align-items:center;gap:2px;display:flex}.code-tab{font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;color:var(--code-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.code-tab:hover{color:var(--code-text-secondary);background:var(--code-hover)}.code-tab.active{color:var(--code-text);background:var(--code-hover-strong)}.token-count{background:var(--code-hover);color:var(--code-text-tertiary);letter-spacing:0;text-transform:none;font-size:10px;font-weight:500;line-height:1.5;font-family:var(--font-mono);border-radius:4px;align-items:center;margin-left:5px;padding:1px 5px;display:inline-flex}.code-tab.active .token-count{background:var(--code-hover-strong);color:var(--code-text-secondary)}.code-panel [data-tooltip]{position:relative}.code-panel [data-tooltip]:after{content:attr(data-tooltip);background:color-mix(in srgb, var(--code-bg) 88%, var(--openui-foreground));border:1px solid var(--code-border);color:var(--code-text-secondary);font-size:11px;font-weight:400;font-family:var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--openui-shadow-l);z-index:100;border-radius:5px;padding:4px 8px;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.code-panel [data-tooltip]:hover:after{opacity:1}.token-saving-badge{background:var(--playground-success-tint);border:1px solid var(--playground-success-border);color:var(--playground-success-text);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.code-panel .panel-title{color:var(--code-text-secondary)}.code-panel .panel-icon-btn{color:var(--code-text-tertiary)}.code-panel .panel-icon-btn:hover{background:var(--code-hover);color:var(--code-text)}.code-panel .empty-state{color:var(--code-text-tertiary)}.code-body{background:var(--code-bg);flex:1;overflow:auto}.code-pre{font-family:var(--font-mono);color:var(--code-text);white-space:pre-wrap;word-break:break-word;min-height:100%;margin:0;padding:20px;font-size:13px;line-height:1.65}.status-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.streaming{background:var(--openui-border-success-emphasis);animation:1s ease-in-out infinite pulse}.status-dot.error{background:var(--openui-border-danger-emphasis)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.streaming-cursor:after{content:"▋";opacity:.7;font-size:.85em;animation:.8s step-end infinite blink}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}