.codepilot-split-container.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex!important;width:100%!important;height:calc(100vh - 92px)!important;position:relative!important;overflow:hidden!important;top:0!important;left:0!important;z-index:1!important;max-width:100vw!important;max-height:calc(100vh - 92px)!important}.codepilot-split-container.svelte-qxwtal .code-editor-panel.svelte-qxwtal.svelte-qxwtal{height:calc(100vh - 92px)!important;background:var(--surface-1, #1a1a1a)!important;overflow:hidden!important;transition:width .3s ease-in-out!important;flex-shrink:0!important;position:relative!important;top:auto!important;left:auto!important;z-index:auto!important;max-height:calc(100vh - 92px)!important}.codepilot-split-container.svelte-qxwtal .code-editor-panel.full-width.svelte-qxwtal.svelte-qxwtal{width:100%!important}.codepilot-split-container.svelte-qxwtal .code-editor-panel.with-preview.svelte-qxwtal.svelte-qxwtal{width:50%!important;border-right:2px solid var(--primary-color, #ff8000)}.codepilot-split-container.svelte-qxwtal .preview-panel.svelte-qxwtal.svelte-qxwtal{width:50%!important;height:calc(100vh - 92px)!important;background:var(--surface-1, #1a1a1a)!important;overflow:hidden!important;flex-shrink:0!important;position:relative!important;top:auto!important;right:auto!important;z-index:auto!important;box-shadow:none!important;border-left:none!important;max-height:calc(100vh - 92px)!important;max-width:50%!important}.code-placeholder.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;justify-content:center;height:100vh;color:#888;font-size:16px}.security-warning-overlay.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center}.security-warning-modal.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:#1a1a1a;border:2px solid #ff6b6b;border-radius:12px;padding:24px;max-width:500px;width:90%;color:#fff;box-shadow:0 20px 60px #ff6b6b4d}.warning-header.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#ff6b6b}.warning-header.svelte-qxwtal i.svelte-qxwtal.svelte-qxwtal{font-size:24px}.warning-header.svelte-qxwtal h3.svelte-qxwtal.svelte-qxwtal{margin:0;font-size:18px;font-weight:600}.warning-content.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin-bottom:20px;line-height:1.5}.warning-content.svelte-qxwtal ul.svelte-qxwtal.svelte-qxwtal{margin:12px 0;padding-left:20px}.warning-content.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal{margin:6px 0;color:#ffcc70}.security-details-section.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin:15px 0;border-top:1px solid rgba(255,255,255,.2);padding-top:12px}.security-details-toggle.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s ease;width:100%;text-align:left}.security-details-toggle.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{background:#ffffff26;border-color:#ffffff4d}.security-details.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin-top:12px;padding:15px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.detail-section.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin-bottom:15px}.detail-section.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:last-child{margin-bottom:0}.detail-section.svelte-qxwtal h4.svelte-qxwtal.svelte-qxwtal{margin:0 0 8px;font-size:.9rem;color:gold;font-weight:600}.detail-section.svelte-qxwtal ul.svelte-qxwtal.svelte-qxwtal{margin:0;padding-left:15px;font-size:.85rem}.external-resource.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{color:#87ceeb;font-family:Courier New,monospace;word-break:break-all;padding:2px 0}.risk-item.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{color:#ffb6c1;padding:2px 0}.no-details.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{color:#90ee90;font-style:italic;margin:0;text-align:center}.warning-actions.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;gap:12px;justify-content:flex-end}.btn-cancel.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal,.btn-proceed.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:#444;color:#fff}.btn-cancel.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{background:#555}.btn-proceed.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:#ff8000;color:#fff}.btn-proceed.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{background:#ff9000}.security-indicator.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:12px;color:#fff;font-weight:500}.tutorial-modal-overlay.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-modal.dark.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{--modal-bg:#1a1a1a;--modal-border:#333333;--modal-text:#e0e0e0;--modal-text-muted:#b0b0b0;--header-bg:#2a2a2a;--header-border:#333333;--close-button-bg:#333333;--close-button-border:#444444;--close-button-hover-bg:#444444;--close-button-hover-border:#555555;--help-footer-bg:#2a2a2a;--help-footer-border:#333333;--overlay-bg:rgba(0, 0, 0, .75);--box-shadow:0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--mode-card-bg:#2a2a2a;--mode-card-border:#444444;--accent-color:#ff8200;--accent-bg:rgba(255, 130, 0, .1)}.help-modal.light.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{--modal-bg:#ffffff;--modal-border:#e2e8f0;--modal-text:#333333;--modal-text-muted:#64748b;--header-bg:#f8fafc;--header-border:#e2e8f0;--close-button-bg:#f1f5f9;--close-button-border:#cbd5e1;--close-button-hover-bg:#e2e8f0;--close-button-hover-border:#94a3b8;--help-footer-bg:#f8fafc;--help-footer-border:#e2e8f0;--overlay-bg:rgba(0, 0, 0, .5);--box-shadow:0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .05);--mode-card-bg:#f8fafc;--mode-card-border:#e2e8f0;--accent-color:#ff8200;--accent-bg:rgba(255, 130, 0, .1)}.tutorial-modal-overlay.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-modal.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;box-shadow:var(--box-shadow);width:100%;max-width:700px;max-height:calc(80vh - 80px);display:flex;flex-direction:column;overflow:hidden;color:var(--modal-text)}.help-header.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--header-bg);border-bottom:1px solid var(--header-border)}.header-content.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;gap:16px}.header-icon.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{width:48px;height:48px;border-radius:12px;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:24px}.header-text.svelte-qxwtal h2.svelte-qxwtal.svelte-qxwtal{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--modal-text)}.header-subtitle.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin:0;color:var(--modal-text-muted);font-size:.875rem}.close-button.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:var(--close-button-bg);border:1px solid var(--close-button-border);color:var(--modal-text);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.close-button.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{background:var(--close-button-hover-bg);border-color:var(--close-button-hover-border)}.help-content-wrapper.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{padding:24px 32px;overflow-y:auto;flex:1}.help-section.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin-bottom:28px}.help-section.svelte-qxwtal h3.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--modal-text)}.help-section.svelte-qxwtal h3 i.svelte-qxwtal.svelte-qxwtal{color:var(--accent-color)}.help-list.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin:0;padding-left:20px;list-style:none}.help-list.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal{margin-bottom:10px;padding-left:20px;position:relative;line-height:1.5;color:#7d7d7d}.help-list.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal:before{content:"•";position:absolute;left:0;color:#ff8200;font-weight:700}.help-list.svelte-qxwtal ul.svelte-qxwtal.svelte-qxwtal{margin:8px 0 0;padding-left:20px}.help-list.svelte-qxwtal ul.svelte-qxwtal li.svelte-qxwtal{margin-bottom:6px;font-size:.875rem;color:#7d7d7d}.help-list.svelte-qxwtal code.svelte-qxwtal.svelte-qxwtal{background:#333;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:#ff8200;font-size:.8rem}.tip-content.svelte-qxwtal ul.svelte-qxwtal.svelte-qxwtal{margin:12px 0 0;padding-left:20px;list-style:none}.tip-content.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal{margin-bottom:8px;padding-left:20px;position:relative;color:#7d7d7d}.tip-content.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal:before{content:"→";position:absolute;left:0;color:#ff8200;font-weight:700}.help-modes.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{margin-top:20px}.mode-card.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:12px;padding:20px;transition:all .2s ease}.mode-header.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mode-header.svelte-qxwtal i.svelte-qxwtal.svelte-qxwtal{font-size:20px;color:var(--accent-color)}.mode-header.svelte-qxwtal h4.svelte-qxwtal.svelte-qxwtal{margin:0;font-size:1rem;font-weight:600;color:var(--modal-text)}.mode-card.svelte-qxwtal p.svelte-qxwtal.svelte-qxwtal{margin:0;color:var(--modal-text-muted);line-height:1.5;font-size:.875rem}.help-footer.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{padding:20px 32px;background:var(--help-footer-bg);border-top:1px solid var(--help-footer-border);text-align:center}.help-close-btn.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:#ff8200;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.help-close-btn.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{background:#e67300;transform:translateY(-1px)}@media (max-width: 768px){.help-modal.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{max-width:95%;max-height:95vh}.help-header.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal,.help-content-wrapper.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{padding:20px 24px}.help-footer.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{padding:16px 24px}}.security-indicator.svelte-qxwtal i.svelte-qxwtal.svelte-qxwtal{font-size:14px}.codePilotContainer.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{width:100%!important;height:calc(100vh - 92px);overflow-y:auto;margin:0!important;padding:0!important}.codepilot-split-container.svelte-qxwtal .iframeSection.svelte-qxwtal.svelte-qxwtal{width:100%!important;height:calc(100vh - 92px)!important;overflow:hidden!important;position:relative!important;top:auto!important;right:auto!important;z-index:auto!important;box-shadow:none!important;border-left:none!important;background:var(--surface-1, #1a1a1a)!important}.preview-iframe.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{width:100%!important;height:calc(100vh - 152px)!important;border:none!important;background:#fff}.codepilot-split-container.svelte-qxwtal .codePreviewIframe.svelte-qxwtal.svelte-qxwtal{width:100%!important;height:calc(100vh - 152px)!important;border:none!important;background:#fff!important}.imports-list-container.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{position:absolute;top:100%;right:0;z-index:1000;margin-top:5px}.imports-list.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:12px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #0000004d;color:#e0e0e0}.imports-header.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #333;font-weight:500;font-size:14px}.close-imports.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close-imports.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{color:#fff}.imports-list.svelte-qxwtal ul.svelte-qxwtal.svelte-qxwtal{list-style:none;margin:0;padding:0}.imports-list.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal{padding:4px 0;font-size:12px;color:#ccc;word-break:break-all}.imports-list.svelte-qxwtal li.svelte-qxwtal.svelte-qxwtal:before{content:"→ ";color:#007bff;font-weight:700}.external-resources-indicator.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #28a7454d;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.external-resources-indicator.svelte-qxwtal i.svelte-qxwtal.svelte-qxwtal{font-size:14px}.external-resources-indicator.svelte-qxwtal.svelte-qxwtal.svelte-qxwtal:hover{background:linear-gradient(135deg,#218838,#1bb784);transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}