.loft-code-editor{position:relative;display:flex;width:100%;background:#00000047;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;transition:border-color .2s}.loft-code-editor:focus-within{border-color:var(--border-glow, rgba(6, 182, 212, .35))}.loft-code-editor--readonly{background:#00000057}.loft-code-editor__gutter{flex:0 0 auto;padding:14px 10px 14px 14px;font-family:var(--font-mono, ui-monospace, "JetBrains Mono", monospace);font-size:.82rem;line-height:1.55;color:var(--text-muted, #64748b);background:#0000002e;border-right:1px solid rgba(255,255,255,.05);white-space:pre;text-align:right;user-select:none;overflow:hidden;min-width:2.4rem;font-variant-numeric:tabular-nums}.loft-code-editor__textarea{flex:1 1 auto;width:100%;background:transparent;border:none;outline:none;resize:none;padding:14px 16px;color:var(--text-primary, #f8fafc);font-family:var(--font-mono, ui-monospace, "JetBrains Mono", monospace);font-size:.82rem;line-height:1.55;white-space:pre;overflow:auto;tab-size:2}.loft-code-editor__textarea::placeholder{color:var(--text-muted, #64748b)}.loft-code-editor__pre{flex:1 1 auto;width:100%;margin:0;padding:14px 16px;background:transparent;font-family:var(--font-mono, ui-monospace, "JetBrains Mono", monospace);font-size:.82rem;line-height:1.55;color:var(--text-primary, #f8fafc);white-space:pre;overflow:auto;tab-size:2}.loft-code-editor__pre code{font-family:inherit;font-size:inherit;background:transparent;padding:0;white-space:inherit;display:block}.loft-code-editor__placeholder{color:var(--text-muted, #64748b)}.loft-code-editor--no-gutter .loft-code-editor__gutter{display:none}.loft-code-editor .token.comment,.loft-code-editor .token.prolog,.loft-code-editor .token.doctype,.loft-code-editor .token.cdata{color:var(--text-muted, #64748b);font-style:italic}.loft-code-editor .token.punctuation{color:var(--text-secondary, #94a3b8)}.loft-code-editor .token.property,.loft-code-editor .token.tag,.loft-code-editor .token.boolean,.loft-code-editor .token.number,.loft-code-editor .token.constant,.loft-code-editor .token.symbol,.loft-code-editor .token.deleted{color:var(--accent-cyan, #06b6d4)}.loft-code-editor .token.selector,.loft-code-editor .token.attr-name,.loft-code-editor .token.string,.loft-code-editor .token.char,.loft-code-editor .token.builtin,.loft-code-editor .token.inserted{color:#4ade80}.loft-code-editor .token.operator,.loft-code-editor .token.entity,.loft-code-editor .token.url,.loft-code-editor .language-css .token.string,.loft-code-editor .style .token.string{color:var(--accent-cyan, #06b6d4)}.loft-code-editor .token.atrule,.loft-code-editor .token.attr-value,.loft-code-editor .token.keyword{color:var(--accent-violet, #06b6d4)}.loft-code-editor .token.function,.loft-code-editor .token.class-name{color:#facc15}.loft-code-editor .token.regex,.loft-code-editor .token.important,.loft-code-editor .token.variable{color:#f97316}.loft-code-editor .token.important,.loft-code-editor .token.bold{font-weight:700}.loft-code-editor .token.italic{font-style:italic}.loft-codepane{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--bg-card, #111122);border:1px solid var(--border-subtle, rgba(6, 182, 212, .12));border-radius:12px;min-width:0}.loft-codepane__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.loft-codepane__title{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.loft-codepane__step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#06b6d41f;border:1px solid rgba(6,182,212,.35);color:var(--accent-violet, #06b6d4);font-size:.72rem;font-weight:700;font-family:var(--font-mono, ui-monospace, "JetBrains Mono", monospace);font-variant-numeric:tabular-nums;flex-shrink:0}.loft-codepane__label{margin:0;font-size:.92rem;font-weight:600;color:var(--text-heading, #f8fafc);letter-spacing:-.01em;white-space:nowrap}.loft-codepane__badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.loft-codepane__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.loft-codepane__status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px;font-size:.74rem;color:var(--text-muted, #64748b)}.loft-codepane__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary, #f8fafc);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.loft-codepane__icon-btn:hover:not(:disabled){background:#06b6d41f;border-color:#06b6d466;color:var(--accent-violet, #06b6d4)}.loft-codepane__icon-btn:disabled{opacity:.4;cursor:not-allowed}.loft-codepane__icon-btn[aria-pressed=true]{background:#06b6d41f;border-color:#06b6d466;color:var(--accent-cyan, #06b6d4)}.loft-codepane__icon-btn i{font-size:1rem}.loft-status-chip{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-secondary, #94a3b8);font-variant-numeric:tabular-nums}.loft-status-chip__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.loft-status-chip i{font-size:.85rem}.loft-status-chip--info .loft-status-chip__dot,.loft-status-chip--info i{background:var(--accent-cyan, #06b6d4);color:var(--accent-cyan, #06b6d4)}.loft-status-chip--success .loft-status-chip__dot,.loft-status-chip--success i{background:#22c55e;color:#22c55e}.loft-status-chip--warn .loft-status-chip__dot,.loft-status-chip--warn i{background:#f59e0b;color:#f59e0b}.loft-status-chip--error .loft-status-chip__dot,.loft-status-chip--error i{background:#ef4444;color:#ef4444}.loft-status-chip--neutral .loft-status-chip__dot,.loft-status-chip--neutral i{background:var(--text-muted, #64748b);color:var(--text-muted, #64748b)}