.schemamap-cancel-btn:hover{background-color:#f1f5f9}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}.app-container{display:flex;flex-direction:column;height:100%}.app-header{padding:1rem;background-color:#1a1a2e;color:#fff;display:flex;align-items:center;gap:1rem}.app-header h1{font-size:1.25rem;font-weight:600}.app-main{flex:1;display:flex;overflow:hidden}.left-pane,.right-pane{display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.left-pane{flex:2;border-right:1px solid #e0e0e0;transition:width .2s ease,min-width .2s ease,flex .2s ease;min-width:300px}.right-pane{flex:3}.pane-header{padding:.75rem 1rem;background-color:#fafafa;border-bottom:1px solid #e0e0e0;font-weight:500;display:flex;justify-content:space-between;align-items:center}.pane-content{flex:1;overflow:auto;padding:1rem}.url-input-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#fafafa;border-bottom:1px solid #e0e0e0}.url-input-container input{flex:1;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.875rem}.url-input-container input:focus{outline:none;border-color:#1a1a2e}.url-input-container button{padding:.5rem 1rem;background-color:#1a1a2e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.url-input-container button:hover{background-color:#2a2a4e}.url-input-container button:disabled{background-color:#ccc;cursor:not-allowed}.view-toggle{display:flex;gap:.5rem}.view-toggle button{padding:.25rem .75rem;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;font-size:.75rem}.view-toggle button.active{background-color:#1a1a2e;color:#fff;border-color:#1a1a2e}.view-toggle-button:hover{box-shadow:0 4px 12px #00000026;border-color:#cbd5e1}.validation-list{list-style:none}.validation-item{padding:.75rem;margin-bottom:.5rem;border-radius:4px;border-left:4px solid}.validation-item.error{background-color:#fef2f2;border-color:#ef4444}.validation-item.warning{background-color:#fffbeb;border-color:#f59e0b}.validation-item.info{background-color:#eff6ff;border-color:#3b82f6}.validation-item-header{font-weight:500;margin-bottom:.25rem}.validation-item-message{font-size:.875rem;color:#666}.validation-item-location{font-size:.75rem;color:#999;margin-top:.25rem}.validation-success{padding:1rem;background-color:#f0fdf4;border-radius:4px;color:#166534;text-align:center}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#666}.error-message{padding:1rem;background-color:#fef2f2;border-radius:4px;color:#991b1b}.left-pane.collapsed{flex:0 0 auto;min-width:40px;width:40px}.collapsed-sidebar{display:flex;flex-direction:column;align-items:center;padding:.5rem;height:100%;background-color:#fafafa;border-right:1px solid #e0e0e0}.collapsed-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:.75rem;color:#666;margin-top:1rem;font-weight:500}.collapse-btn,.expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;color:#666}.collapse-btn:hover,.expand-btn:hover{background-color:#f0f0f0;border-color:#ccc}.floating-inspector{position:absolute;top:16px;right:16px;bottom:60px;width:320px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;z-index:10}.property-inspector{display:flex;flex-direction:column;height:100%}.property-inspector.empty{padding:2rem 1rem}.property-inspector-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;background-color:#fafafa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0}.property-inspector-type{font-size:10px;text-transform:uppercase;color:#666;margin-bottom:2px}.property-inspector-label{font-weight:600;font-size:14px;color:#333}.property-inspector-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background-color:transparent;border-radius:4px;cursor:pointer;color:#999}.property-inspector-close:hover{background-color:#f0f0f0;color:#333}.property-inspector-content{flex:1;overflow:auto;padding:1rem}.property-section{margin-bottom:1.5rem}.property-section-title{font-size:11px;text-transform:uppercase;color:#999;font-weight:600;margin-bottom:.5rem;letter-spacing:.5px}.property-row{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.property-row:last-child{border-bottom:none}.property-key{font-size:12px;font-weight:500;color:#333;margin-bottom:.25rem}.property-value{font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;word-break:break-word;line-height:1.4}.pending-indicator-overlay{position:absolute;top:8px;right:8px;z-index:10}.spinner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background-color:#ffffffe6;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.validation-error-banner{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;margin:8px;color:#dc2626}.empty-state-message{color:#666;text-align:center;padding:2rem}.commit-sha{position:fixed;bottom:2px;right:2px;font-size:10px;color:#9ca3af;font-family:monospace;pointer-events:none;-webkit-user-select:none;user-select:none}.suspense-fallback{padding:1rem;color:#666}.pane-content-relative{position:relative}@keyframes pendingPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}