:root{--disabled-opacity: .4;--error-color: #c62828;--warning-color: #f57c00;--border-radius-small: 4px;--border-radius-medium: 8px;--animation-speed: .3s;--shadow-small: 0 2px 4px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .1);--scroll-thumb-width: 10px;--transition-smooth: all .2s ease-in-out;--bg-color: #ffffff;--text-color: #1d1d1f;--accent-color: #007aff;--dim-color: #8a8a8e;--border-color: #d1d1d6;--panel-bg: #f9f9f9;--highlight-bg: #e5e5ea;--font-main: "Roboto Mono", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--terminal-shadow: 0 1px 2px rgba(0, 0, 0, .06);--header-color: #000000;--button-bg: #f5f5f7;--button-text: var(--text-color);--button-hover-bg: #e9e9eb;--button-active-bg: var(--accent-color);--button-active-text: white;--notification-bg: rgba(0, 0, 0, .85);--notification-border: var(--accent-color);--scroll-track-color: var(--highlight-bg);--scroll-thumb-color: #c7c7cc;--scroll-thumb-hover-color: #aeaeb2;--initial-left-sidebar-width: 300px;--right-stats-panel-width: 320px;--tabs-height: 40px;--resizer-width: 6px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}html,body{height:100%;margin:0;overflow:hidden;font-family:var(--font-ui)}body{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-size:14px;letter-spacing:.1px;line-height:1.45}::-webkit-scrollbar{width:var(--scroll-thumb-width);height:var(--scroll-thumb-width)}::-webkit-scrollbar-track{background:var(--scroll-track-color);border-radius:var(--border-radius-small)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-color);border-radius:var(--border-radius-small);border:2px solid var(--scroll-track-color)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover-color)}#pageLoader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .5s ease-out .2s}#pageLoader.hidden{opacity:0;pointer-events:none}#pageLoader p{font-size:1.1em;color:var(--text-color)}#appContainer{display:flex;flex-direction:row;flex-grow:1;height:100vh;overflow:hidden}#leftSidebar{width:var(--initial-left-sidebar-width);min-width:220px;max-width:60%;flex-shrink:0;background-color:var(--panel-bg);padding:15px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;height:100%;box-sizing:border-box;position:relative}#sidebarResizer{width:var(--resizer-width);background-color:var(--border-color);cursor:col-resize;flex-shrink:0;z-index:10;transition:background-color .2s ease-in-out;position:relative}#sidebarResizer:hover,#sidebarResizer.resizing{background-color:var(--accent-color)}#mainView{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;height:100%;background-color:var(--bg-color);padding:15px;box-sizing:border-box;gap:10px;border-left:1px solid var(--border-color)}#rightStatsPanel{width:var(--right-stats-panel-width);min-width:240px;flex-shrink:0;background-color:var(--panel-bg);padding:15px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;border-left:1px solid var(--border-color);height:100%;box-sizing:border-box}#sidebarHeader{display:flex;align-items:center;padding-bottom:5px}.header-logo{height:32px;width:auto}.action-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;margin-bottom:4px;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);background-color:var(--button-bg);color:var(--button-text);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;gap:6px;width:100%;box-sizing:border-box}.action-button:hover:not(:disabled){background-color:var(--button-hover-bg);border-color:var(--dim-color)}.action-button:active:not(:disabled){background-color:var(--button-active-bg);color:var(--button-active-text)}.action-button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.action-button.primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.action-button.primary:hover:not(:disabled){filter:brightness(1.1)}.utility-button{text-transform:uppercase;font-size:11px;letter-spacing:.5px}#dropZone{border:2px dashed var(--border-color);border-radius:var(--border-radius-medium);padding:20px;text-align:center;transition:var(--transition-smooth);background-color:#007aff05}#dropZone.dragover{border-color:var(--accent-color);background-color:#007aff14}.drop-icon{font-size:32px;margin-bottom:8px}.drop-text{font-weight:600;font-size:12px;color:var(--dim-color)}.drop-alternative{font-size:10px;color:var(--dim-color);margin:5px 0}.folder-select-btn{margin-top:8px;width:auto;display:inline-flex}#loader{display:none;text-align:center;padding:10px;font-size:11px;color:var(--accent-color);font-weight:700}.content-panel{display:flex;flex-direction:column;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);overflow:hidden;box-shadow:var(--shadow-small);height:100%}.panel-header{padding:10px 15px;background-color:#f1f1f3;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-header h2{margin:0;font-size:14px;font-weight:700;color:var(--header-color);letter-spacing:-.2px}#mainViewTabs{display:flex;gap:20px;border-bottom:1px solid var(--border-color);padding:0 5px;margin-bottom:10px;flex-shrink:0}.tab-button{background:none;border:none;padding:10px 0;font-size:13px;font-weight:500;color:var(--dim-color);cursor:pointer;position:relative;transition:color .2s}.tab-button:hover{color:var(--text-color)}.tab-button.active{color:var(--accent-color)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-color)}#sidebarResizer:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:30px;background-color:#0000001a}.sidebar-hr{border:0;border-top:1px solid var(--border-color);margin:5px 0;opacity:.5}.tree{padding:10px;overflow-y:auto;flex-grow:1;font-size:13px}.tree ul{list-style:none;padding-left:18px;margin:0}.tree li.collapsed>ul{display:none}.item-line{display:flex;align-items:center;padding:3px 6px;border-radius:4px;cursor:pointer;transition:background-color .1s;gap:8px}.item-line:hover{background-color:var(--highlight-bg)}.item-prefix{display:flex;align-items:center;gap:4px;flex-shrink:0}.selector{margin:0;cursor:pointer}.folder-toggle{width:14px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--dim-color)}.icon{display:flex;align-items:center;justify-content:center}.icon svg{width:16px;height:16px;fill:var(--dim-color)}li.folder>.item-line>.item-prefix>.icon svg{fill:#fbbc04}.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.stats{font-size:11px;color:var(--dim-color);margin-left:auto;padding-left:10px}#fileViewer{display:none;flex-direction:column;height:100%;width:100%;gap:15px;overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.viewer-header h3{margin:0;font-size:16px;font-weight:600;color:var(--header-color);word-break:break-all;max-width:80%}.viewer-container{flex-grow:1;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);overflow:hidden;background-color:#212121}.viewer-container .CodeMirror{height:100%;font-family:var(--font-main);font-size:13px}.viewer-footer{display:flex;justify-content:flex-end;padding:5px 0;font-size:11px;color:var(--dim-color);border-top:1px solid transparent}.viewer-button{background-color:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:4px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.viewer-button:hover{background-color:var(--button-hover-bg)}.diff-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;max-height:80vh;background:#fff;box-shadow:0 20px 40px #0003;border-radius:12px;z-index:10000;display:flex;flex-direction:column;padding:20px}.diff-modal-content{display:flex;flex-direction:column;height:100%}.diff-modal-close{float:right;font-size:24px;cursor:pointer}.modal-scrollable-content{flex-grow:1;overflow-y:auto;margin:15px 0}#aiScaffoldJsonInput{width:100%;box-sizing:border-box;padding:10px;font-family:var(--font-main);font-size:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);resize:vertical}.diff-modal-actions{display:flex;gap:10px;justify-content:flex-end}#tabContentArea{flex-grow:1;overflow:hidden;display:flex}#textReportTab,#textOutputContainerOuter{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}#textOutput{margin:0;padding:15px;font-family:var(--font-main);font-size:13px;white-space:pre;overflow-y:auto;background-color:#fafafa;flex-grow:1}.button-container{padding:10px;border-top:1px solid var(--border-color);display:flex;justify-content:center;flex-shrink:0}.button-container .action-button{width:auto}.selection-summary{font-size:12px;padding:10px;background-color:#fff8e1;border:1px solid #ffe082;border-radius:4px;color:#795548}.stat-item{font-size:13px;margin-bottom:5px}#fileTypeTable{width:100%;border-collapse:collapse;font-size:12px}#fileTypeTable th,#fileTypeTable td{text-align:left;padding:8px 5px;border-bottom:1px solid var(--border-color)}#fileTypeTable th{font-weight:600;color:var(--dim-color);text-transform:uppercase;font-size:10px}#fullPageDropOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#007aff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}#fullPageDropOverlay.visible{opacity:1;visibility:visible}.drop-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 80px;border:3px dashed var(--accent-color);border-radius:24px;background:#fffffff2;box-shadow:0 25px 80px #007aff26,0 10px 30px #0000001a;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .3s ease;animation:borderDash 1s linear infinite}#fullPageDropOverlay.visible .drop-overlay-content{transform:scale(1)}#fullPageDropOverlay.drag-over .drop-overlay-content{border-color:#34c759;box-shadow:0 25px 80px #34c75940,0 10px 30px #0000001a,0 0 0 4px #34c7591a;transform:scale(1.02)}@keyframes borderDash{0%{border-color:var(--accent-color)}50%{border-color:#007aff80}to{border-color:var(--accent-color)}}.drop-overlay-icon{font-size:72px;margin-bottom:20px;animation:iconFloat 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#fullPageDropOverlay.drag-over .drop-overlay-icon{animation:iconBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.drop-overlay-title{font-size:28px;font-weight:700;color:var(--header-color);margin:0 0 8px;letter-spacing:-.5px}.drop-overlay-subtitle{font-size:15px;color:var(--dim-color);margin:0}#fullPageDropOverlay.drag-over .drop-overlay-title{color:#34c759}.drop-overlay-corners{position:absolute;top:20px;left:20px;right:20px;bottom:20px;pointer-events:none}.drop-overlay-corners:before,.drop-overlay-corners:after,.drop-overlay-corner-bl,.drop-overlay-corner-br{content:"";position:absolute;width:40px;height:40px;border:3px solid var(--accent-color);opacity:.4;transition:opacity .3s ease,border-color .3s ease}.drop-overlay-corners:before{top:0;left:0;border-right:none;border-bottom:none;border-radius:8px 0 0}.drop-overlay-corners:after{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.drop-overlay-corner-bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 8px}.drop-overlay-corner-br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 8px}#fullPageDropOverlay.visible .drop-overlay-corners:before,#fullPageDropOverlay.visible .drop-overlay-corners:after,#fullPageDropOverlay.visible .drop-overlay-corner-bl,#fullPageDropOverlay.visible .drop-overlay-corner-br{opacity:.6;animation:cornerPulse 2s ease-in-out infinite}#fullPageDropOverlay.drag-over .drop-overlay-corners:before,#fullPageDropOverlay.drag-over .drop-overlay-corners:after,#fullPageDropOverlay.drag-over .drop-overlay-corner-bl,#fullPageDropOverlay.drag-over .drop-overlay-corner-br{border-color:#34c759;opacity:.8}@keyframes cornerPulse{0%,to{opacity:.4}50%{opacity:.7}}.drop-overlay-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.drop-particle{position:absolute;width:8px;height:8px;background:var(--accent-color);border-radius:50%;opacity:0}#fullPageDropOverlay.visible .drop-particle{animation:particleFloat 3s ease-in-out infinite}.drop-particle:nth-child(1){left:10%;animation-delay:0s}.drop-particle:nth-child(2){left:20%;animation-delay:.4s}.drop-particle:nth-child(3){left:30%;animation-delay:.8s}.drop-particle:nth-child(4){left:40%;animation-delay:1.2s}.drop-particle:nth-child(5){left:50%;animation-delay:1.6s}.drop-particle:nth-child(6){left:60%;animation-delay:.2s}.drop-particle:nth-child(7){left:70%;animation-delay:.6s}.drop-particle:nth-child(8){left:80%;animation-delay:1s}.drop-particle:nth-child(9){left:90%;animation-delay:1.4s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-20px) scale(1);opacity:0}}#fullPageDropOverlay.drag-over .drop-particle{background:#34c759}.drop-ripple{position:absolute;width:100px;height:100px;border:2px solid var(--accent-color);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(0)}.drop-ripple.active{animation:rippleExpand .6s ease-out forwards}@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(4);opacity:0}}