:root{--color-text: #333;--color-background: transparent;--color-surface: transparent;--color-border: #ddd;--color-shadow: rgba(0, 0, 0, .1);--console-bg-primary: #1e1e1e;--console-bg-secondary: #2d2d2d;--console-bg-tertiary: #252526;--console-text-primary: #d4d4d4;--console-text-secondary: #888;--console-border: #333;--console-border-hover: #555;--log-info: #4caf50;--log-warn: #ff9800;--log-error: #f44336;--log-debug: #9c27b0;--font-system: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px}*{box-sizing:border-box}:root{font-family:var(--font-system);line-height:1.4;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:transparent}.hidden{display:none!important}#userContentSandbox-container{width:100%;height:100vh;position:relative;background:var(--color-surface)}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:transparent}#loading .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #666;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}iframe{width:100%;height:100%;border:none;display:block}.console-logger{position:fixed;z-index:10000;font-family:var(--font-mono)}.console-logger-button{position:fixed;bottom:0;right:40px;padding:var(--spacing-sm) var(--spacing-md);background:var(--console-bg-secondary);border:1px solid #cccccc;border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 -2px 8px var(--color-shadow);transition:all .3s ease;color:var(--console-text-primary);outline:none}.console-logger-button:hover{background:#3d3d3d;box-shadow:0 -4px 12px #00000026}.console-logger-button .log-counts{display:flex;gap:var(--spacing-md);align-items:center}.console-logger-button .info-count-container,.console-logger-button .error-count-container{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:600}.console-logger-button .info-icon{width:14px;height:14px;color:#fff}.console-logger-button .error-icon{width:14px;height:14px;color:var(--log-error)}.console-logger-button .info-count,.console-logger-button .error-count{min-width:16px;text-align:center}.console-logger-drawer{position:fixed;bottom:0;right:0;left:0;background:var(--console-bg-primary);color:var(--console-text-primary);border-top:1px solid var(--console-border);transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column;min-height:200px;max-height:80vh;z-index:9999}.console-logger-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--console-bg-secondary);border-bottom:1px solid var(--console-border);min-height:48px}.drawer-header h3{margin:0;font-size:14px;font-weight:600;color:#fff}.drawer-controls{display:flex;gap:var(--spacing-sm);align-items:center}.close-drawer-btn{background:transparent;border:1px solid var(--console-border-hover);color:var(--console-text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;font-size:12px;transition:all .2s ease}.close-drawer-btn:hover{background:var(--console-border-hover);border-color:#777}.close-drawer-btn{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.drawer-resize-handle{height:4px;background:var(--console-border);cursor:ns-resize;border-top:1px solid var(--console-border-hover);transition:background .2s ease}.drawer-resize-handle:hover{background:#2196f3}.logs-container{flex:1;overflow-y:auto;padding:var(--spacing-sm);background:var(--console-bg-primary)}.no-logs{text-align:center;color:var(--console-text-secondary);font-style:italic;padding:40px var(--spacing-xl)}.log-entry{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);border-left:3px solid var(--console-border-hover);background:var(--console-bg-tertiary);font-size:12px;line-height:1.4}.log-entry.log-level-info,.log-entry.log-level-log{border-left-color:var(--log-info)}.log-entry.log-level-warn{border-left-color:var(--log-warn);background:#2a2416}.log-entry.log-level-error{border-left-color:var(--log-error);background:#2a1616}.log-entry.log-level-debug{border-left-color:var(--log-debug);background:#221a2a}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.log-level{font-weight:700;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--console-border)}.log-level-info .log-level,.log-level-log .log-level{background:var(--log-info);color:#fff}.log-level-warn .log-level{background:var(--log-warn);color:#fff}.log-level-error .log-level{background:var(--log-error);color:#fff}.log-level-debug .log-level{background:var(--log-debug);color:#fff}.log-timestamp{font-size:10px;color:var(--console-text-secondary)}.log-message{color:var(--console-text-primary);word-break:break-word}.log-args,.log-stack{margin-top:var(--spacing-xs);font-size:11px}.log-args pre,.log-stack pre{margin:0;padding:var(--spacing-sm);background:#1a1a1a;border-radius:var(--radius-sm);overflow-x:auto;color:var(--console-text-primary);white-space:pre-wrap;word-break:break-word}.log-stack{color:var(--log-warn)}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:var(--console-bg-primary)}.logs-container::-webkit-scrollbar-thumb{background:var(--console-border-hover);border-radius:var(--radius-md)}.logs-container::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){.console-logger-button{padding:6px 10px;right:var(--spacing-lg)}.console-logger-button .log-counts{gap:var(--spacing-sm)}.console-logger-button .info-count-container,.console-logger-button .error-count-container{font-size:11px}.console-logger-button .info-icon,.console-logger-button .error-icon{width:12px;height:12px}.drawer-header{padding:var(--spacing-sm) var(--spacing-md)}.logs-container{padding:6px}.log-entry{padding:6px;font-size:11px}}