.editor-container{background:var(--color-bg-elevated);border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.editor-controls{display:flex;gap:8px;padding:12px 16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);align-items:center}.control-btn{display:flex;align-items:center;gap:6px;background:var(--color-border-light);color:#aaa;padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:all .2s}.control-btn:hover{background:var(--color-border);color:#fff}.control-btn.play-btn:hover{background:#0843;border-color:var(--color-accent);color:var(--color-accent)}.control-btn.stop-btn:hover{background:#f443;border-color:var(--color-error);color:var(--color-error)}.control-btn.update-btn:hover{background:#48f3;border-color:var(--color-info);color:var(--color-info)}.control-btn.playing{background:#0843;border-color:var(--color-accent);color:var(--color-accent)}.control-hint{margin-left:auto;color:var(--color-text-dimmest);font-size:.75rem}.control-hint kbd{background:var(--color-border-light);padding:2px 5px;border-radius:3px;border:1px solid var(--color-border)}#editor-wrapper{background:var(--color-bg-elevated)}strudel-editor{display:block;--background: #1a1a1a;--foreground: #e0e0e0;--caret: #00ff88;--selection: rgba(0, 255, 136, .2);--gutterBackground: #151515;--gutterForeground: #555;--lineHighlight: rgba(255, 255, 255, .03)}.error-display{display:none;background:var(--color-error-bg);border-top:1px solid var(--color-error);padding:12px 16px;color:#f88;font-size:.85rem;line-height:1.5}.error-display.visible{display:block}.error-display .error-title{color:var(--color-error);font-weight:700;margin-bottom:4px}.error-display .error-message{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}.error-display .error-dismiss{float:right;background:none;border:none;color:#f88;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;margin-left:10px}.error-display .error-dismiss:hover{color:var(--color-error)}.code-block{margin:20px 0}pre code{display:block;padding:16px;overflow-x:auto;background:var(--color-bg-elevated);border-radius:8px}
