:root{--bg-color: #2d2d30;--text-color: #cccccc;--border-color: #3e3e42;--input-bg: #3c3c3c;--accent-color: #007acc;--text-secondary: #858585;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--spacing-xs: clamp(2px, .5vw, 4px);--spacing-sm: clamp(4px, 1vw, 8px);--spacing-md: clamp(8px, 1.5vw, 16px);--spacing-lg: clamp(16px, 2vw, 24px);--spacing-xl: clamp(24px, 3vw, 32px);--font-size-xs: clamp(10px, 1.3vw, 11px);--font-size-sm: clamp(11px, 1.5vw, 12px);--font-size-base: clamp(12px, 1.8vw, 14px);--font-size-lg: clamp(14px, 2vw, 16px);--font-size-xl: clamp(16px, 2.2vw, 18px);--min-panel-width: clamp(150px, 20vw, 250px);--min-panel-height: clamp(100px, 15vh, 150px);--resize-handle-size: clamp(8px, 1.5vw, 24px);--touch-target-min: 44px;--viewport-padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);--panel-title-color: rgb(210, 210, 210);--panel-action-color: rgb(210, 210, 210);--panel-action-hover-color: rgb(210, 210, 210);--panel-control-color: rgb(210, 210, 210);--panel-control-hover-color: rgb(210, 210, 210);--drag-handle-grip-color: rgb(210, 210, 210);--text-primary: rgb(210, 210, 210);--text-secondary: rgb(210, 210, 210)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);height:100vh;height:100dvh;padding:var(--viewport-padding)}:focus{outline:2px solid var(--accent-color);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}input,textarea,select,button{font-family:inherit;font-size:inherit}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hide-mobile{@media (max-width: 768px){display:none!important}}.hide-tablet{@media (max-width: 1024px){display:none!important}}.show-mobile{display:none!important;@media (max-width: 768px){display:block!important}}.show-tablet{display:none!important;@media (max-width: 1024px){display:block!important}}@supports (container-type: inline-size){.responsive-container{container-type:inline-size}@container (max-width: 400px){.container-narrow{font-size:var(--font-size-sm)}}@container (max-width: 600px){.container-medium{font-size:var(--font-size-base)}}}@media (pointer: coarse){button,a,.clickable{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.resize-handle{min-width:var(--resize-handle-size);min-height:var(--resize-handle-size)}}.responsive-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(var(--min-panel-width),1fr))}@media (max-width: 768px){.viewport-stack{flex-direction:column!important}.viewport-hide-overflow{overflow:hidden!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.drag-handle.svelte-1yxyz26.svelte-1yxyz26{position:relative;background:var(--drag-handle-bg, #e0e0e0);transition:background-color .2s ease;z-index:10;user-select:none;touch-action:none}.drag-handle.horizontal.svelte-1yxyz26.svelte-1yxyz26{width:var(--drag-handle-size, 4px);height:100%;cursor:col-resize}.drag-handle.vertical.svelte-1yxyz26.svelte-1yxyz26{width:100%;height:var(--drag-handle-size, 4px);cursor:row-resize}.drag-handle.svelte-1yxyz26.svelte-1yxyz26:hover:not(.disabled){background:var(--drag-handle-hover-bg, #bdbdbd)}.drag-handle.dragging.svelte-1yxyz26.svelte-1yxyz26{background:var(--drag-handle-active-bg, #9e9e9e)}.drag-handle.disabled.svelte-1yxyz26.svelte-1yxyz26{cursor:default;opacity:.5}.handle-grip.svelte-1yxyz26.svelte-1yxyz26{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.horizontal.svelte-1yxyz26 .handle-grip.svelte-1yxyz26{width:2px;height:30px;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,var(--drag-handle-grip-color, rgb(210, 210, 210)) 2px,var(--drag-handle-grip-color, rgb(210, 210, 210)) 4px)}.vertical.svelte-1yxyz26 .handle-grip.svelte-1yxyz26{width:30px;height:2px;background:repeating-linear-gradient(to right,transparent,transparent 2px,var(--drag-handle-grip-color, rgb(210, 210, 210)) 2px,var(--drag-handle-grip-color, rgb(210, 210, 210)) 4px)}.drag-handle.svelte-1yxyz26.svelte-1yxyz26:before{content:"";position:absolute;inset:0}.horizontal.svelte-1yxyz26.svelte-1yxyz26:before{left:-4px;right:-4px}.vertical.svelte-1yxyz26.svelte-1yxyz26:before{top:-4px;bottom:-4px}body.dragging{cursor:col-resize!important;user-select:none!important}body.dragging.vertical{cursor:row-resize!important}.split-pane.svelte-i9xm5a.svelte-i9xm5a{display:flex;width:100%;height:100%;position:relative;overflow:hidden;outline:none}.split-pane.svelte-i9xm5a.svelte-i9xm5a:focus{box-shadow:inset 0 0 0 2px var(--focus-ring-color, #0066cc)}.split-pane.horizontal.svelte-i9xm5a.svelte-i9xm5a{flex-direction:row}.split-pane.vertical.svelte-i9xm5a.svelte-i9xm5a{flex-direction:column}.split-pane.disabled.svelte-i9xm5a.svelte-i9xm5a{opacity:.8}.split-pane-pane.svelte-i9xm5a.svelte-i9xm5a{position:relative;overflow:auto;flex-shrink:0}.horizontal.svelte-i9xm5a .split-pane-pane.svelte-i9xm5a{height:100%}.vertical.svelte-i9xm5a .split-pane-pane.svelte-i9xm5a{width:100%}.split-pane.svelte-i9xm5a:not(.dragging) .split-pane-pane.svelte-i9xm5a{transition:width .2s ease,height .2s ease}body.dragging .split-pane-pane.svelte-i9xm5a.svelte-i9xm5a{transition:none!important}.pane1.svelte-i9xm5a.svelte-i9xm5a{background:var(--pane1-bg, transparent)}.pane2.svelte-i9xm5a.svelte-i9xm5a{background:var(--pane2-bg, transparent)}.panel-container.svelte-15579t7.svelte-15579t7{display:flex;flex-direction:column;height:100%;background:var(--panel-bg, #ffffff);border:1px solid var(--panel-border, #e0e0e0);border-radius:var(--panel-radius, 4px);overflow:hidden}.panel-container.collapsed.svelte-15579t7.svelte-15579t7{min-height:auto}.panel-header.svelte-15579t7.svelte-15579t7{display:flex;align-items:center;justify-content:space-between;padding:var(--panel-header-padding, 12px 16px);background:var(--panel-header-bg, #f5f5f5);border-bottom:1px solid var(--panel-border, #e0e0e0);min-height:var(--panel-header-height, 48px);user-select:none}.panel-title.svelte-15579t7.svelte-15579t7{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.title-text.svelte-15579t7.svelte-15579t7{font-weight:500;font-size:var(--panel-title-size, 14px);color:var(--panel-title-color, rgb(210, 210, 210));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-actions.svelte-15579t7.svelte-15579t7{display:flex;align-items:center;gap:8px;margin-left:16px}.panel-content.svelte-15579t7.svelte-15579t7{flex:1;overflow:auto;padding:var(--panel-content-padding, 16px)}.panel-content.no-header.svelte-15579t7.svelte-15579t7{padding:var(--panel-content-padding-no-header, 0)}.collapsed.svelte-15579t7 .panel-content.svelte-15579t7{display:none}.collapse-button.svelte-15579t7.svelte-15579t7,.close-button.svelte-15579t7.svelte-15579t7{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--panel-action-color, rgb(210, 210, 210));transition:all .2s ease}.collapse-button.svelte-15579t7.svelte-15579t7:hover,.close-button.svelte-15579t7.svelte-15579t7:hover{background:var(--panel-action-hover-bg, rgba(0, 0, 0, .05));color:var(--panel-action-hover-color, rgb(210, 210, 210))}.collapse-button.svelte-15579t7.svelte-15579t7:active,.close-button.svelte-15579t7.svelte-15579t7:active{background:var(--panel-action-active-bg, rgba(0, 0, 0, .1))}.collapse-icon.svelte-15579t7.svelte-15579t7{transition:transform .2s ease}.collapsed.svelte-15579t7 .collapse-icon.svelte-15579t7{transform:rotate(-90deg)}.panel-content.svelte-15579t7.svelte-15579t7::-webkit-scrollbar{width:8px;height:8px}.panel-content.svelte-15579t7.svelte-15579t7::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f1f1)}.panel-content.svelte-15579t7.svelte-15579t7::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #c1c1c1);border-radius:4px}.panel-content.svelte-15579t7.svelte-15579t7::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #a8a8a8)}.panel-actions>*{flex-shrink:0}.layout-demo.svelte-15tu63d.svelte-15tu63d{height:100vh;display:flex;flex-direction:column;padding:20px;background:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1.svelte-15tu63d.svelte-15tu63d{margin:0 0 20px;color:#333}.demo-container.svelte-15tu63d.svelte-15tu63d{flex:1;border:1px solid #ccc;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.left-section.svelte-15tu63d.svelte-15tu63d{height:100%;background:#fafafa}.demo-content.svelte-15tu63d.svelte-15tu63d{padding:20px}.demo-content.svelte-15tu63d h3.svelte-15tu63d{margin-top:0;color:#555}.demo-content.svelte-15tu63d p.svelte-15tu63d{color:#666;line-height:1.6}.nested-demo.svelte-15tu63d.svelte-15tu63d{margin-top:20px}.nested-container.svelte-15tu63d.svelte-15tu63d{height:200px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.nested-pane.svelte-15tu63d.svelte-15tu63d{padding:20px;background:#f5f5f5;height:100%;display:flex;align-items:center;justify-content:center}.closed-message.svelte-15tu63d.svelte-15tu63d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:#666}.closed-message.svelte-15tu63d button.svelte-15tu63d{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.closed-message.svelte-15tu63d button.svelte-15tu63d:hover{background:#1976d2}.action-button.svelte-15tu63d.svelte-15tu63d{padding:4px 12px;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#666}.action-button.svelte-15tu63d.svelte-15tu63d:hover{background:#f0f0f0;color:#333}.controls.svelte-15tu63d.svelte-15tu63d{margin-top:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.controls.svelte-15tu63d h3.svelte-15tu63d{margin-top:0;color:#333}.controls.svelte-15tu63d label.svelte-15tu63d{display:block;margin-bottom:15px;color:#555}.controls.svelte-15tu63d input[type=range].svelte-15tu63d{display:block;width:100%;margin-top:5px}:root{--drag-handle-size:6px;--drag-handle-bg:#e0e0e0;--drag-handle-hover-bg:#bdbdbd;--drag-handle-active-bg:#2196F3;--drag-handle-grip-color:#999;--panel-bg:white;--panel-border:#e0e0e0;--panel-radius:6px;--panel-header-bg:#f8f8f8;--panel-header-height:40px;--panel-header-padding:8px 16px;--panel-title-size:14px;--panel-content-padding:16px;--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8}.right-panel{--panel-header-bg:#e3f2fd;--panel-title-color:#1976D2}.command-palette-overlay.svelte-lc0xhx{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:9999;animation:svelte-lc0xhx-fadeIn .15s ease-out}.command-palette-modal.svelte-lc0xhx{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;width:90%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;animation:svelte-lc0xhx-slideDown .15s ease-out;overflow:hidden}@media (prefers-color-scheme: dark){.command-palette-modal.svelte-lc0xhx{background:#1f2937;color:#f9fafb;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 0 1px #ffffff1a}}.search-container.svelte-lc0xhx{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;position:relative}@media (prefers-color-scheme: dark){.search-container.svelte-lc0xhx{border-bottom-color:#374151}}.search-icon.svelte-lc0xhx{color:#6b7280;margin-right:12px;flex-shrink:0}.search-input.svelte-lc0xhx{flex:1;border:none;outline:none;font-size:16px;background:transparent;color:inherit}.search-input.svelte-lc0xhx::placeholder{color:#9ca3af}.shortcut-hint.svelte-lc0xhx{color:#6b7280;font-size:12px;margin-left:12px;flex-shrink:0}.command-results.svelte-lc0xhx{flex:1;overflow-y:auto;min-height:0}.no-results.svelte-lc0xhx{padding:32px;text-align:center;color:#6b7280;font-style:italic}.results-list.svelte-lc0xhx{padding:8px 0}.command-item.svelte-lc0xhx{width:100%;text-align:left;border:none;background:none;padding:12px 16px;cursor:pointer;transition:background-color .1s ease;display:block;color:inherit}.command-item.svelte-lc0xhx:hover,.command-item.selected.svelte-lc0xhx{background:#f3f4f6}@media (prefers-color-scheme: dark){.command-item.svelte-lc0xhx:hover,.command-item.selected.svelte-lc0xhx{background:#374151}}.command-item.svelte-lc0xhx:disabled{opacity:.5;cursor:not-allowed}.command-content.svelte-lc0xhx{width:100%}.command-main.svelte-lc0xhx{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.command-icon-title.svelte-lc0xhx{display:flex;align-items:center;gap:8px}.command-icon.svelte-lc0xhx{font-size:16px;line-height:1}.command-title.svelte-lc0xhx{font-weight:500;font-size:14px}.command-shortcut.svelte-lc0xhx{font-size:12px;color:#6b7280;font-family:monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px}@media (prefers-color-scheme: dark){.command-shortcut.svelte-lc0xhx{background:#4b5563;color:#d1d5db}}.command-meta.svelte-lc0xhx{display:flex;align-items:center;justify-content:space-between;font-size:12px}.command-description.svelte-lc0xhx{color:#6b7280;flex:1;margin-right:8px}.command-category.svelte-lc0xhx{font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.command-footer.svelte-lc0xhx{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}@media (prefers-color-scheme: dark){.command-footer.svelte-lc0xhx{border-top-color:#374151;background:#111827}}.navigation-hints.svelte-lc0xhx{display:flex;gap:16px;font-size:11px;color:#6b7280}kbd.svelte-lc0xhx{background:#e5e7eb;border:1px solid #d1d5db;border-radius:3px;padding:1px 4px;font-size:10px;font-family:monospace;margin:0 1px}@media (prefers-color-scheme: dark){kbd.svelte-lc0xhx{background:#374151;border-color:#4b5563;color:#d1d5db}}.command-palette-modal mark{background:#fef3c7;color:#92400e;padding:0 2px;border-radius:2px}@media (prefers-color-scheme: dark){.command-palette-modal mark{background:#451a03;color:#fbbf24}}@keyframes svelte-lc0xhx-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-lc0xhx-slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.command-results.svelte-lc0xhx::-webkit-scrollbar{width:6px}.command-results.svelte-lc0xhx::-webkit-scrollbar-track{background:transparent}.command-results.svelte-lc0xhx::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (prefers-color-scheme: dark){.command-results.svelte-lc0xhx::-webkit-scrollbar-thumb{background:#4b5563}}.command-results.svelte-lc0xhx::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (prefers-color-scheme: dark){.command-results.svelte-lc0xhx::-webkit-scrollbar-thumb:hover{background:#6b7280}}