:root{--bg-darkest: rgb(15, 15, 15);--bg-dark: rgb(30, 30, 30);--bg-card: rgb(45, 45, 45);--bg-light: rgb(60, 60, 60);--text-main: rgb(220, 220, 220);--accent-yellow: rgb(194, 179, 66);--error-red: #ff5555;--card-red: #d86c6c;--primary-color: var(--accent-yellow);--secondary-color: var(--bg-darkest);--panel-bg: var(--bg-dark);--border-color: var(--bg-light);--text-color: var(--text-main);--accent-color: var(--accent-yellow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--secondary-color);color:var(--text-color);height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-yellow)}.app-header{background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);color:var(--text-main);padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:60px;flex-shrink:0;box-shadow:0 2px 4px #0000004d;z-index:10}.logo-container{display:flex;align-items:center;gap:15px}.app-logo{height:40px;width:auto;object-fit:contain}.logo{font-weight:700;font-size:1.2rem;letter-spacing:.5px;color:var(--accent-yellow)}.header-btn{background:var(--bg-darkest);border:1px solid var(--text-main);color:var(--text-main);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s}#btn-info{margin-left:20px}.header-btn:hover{background-color:var(--bg-light);border-color:var(--accent-yellow);color:var(--accent-yellow)}input[type=file]{display:none}.app-main{display:flex;flex:1;overflow:hidden}.panel-header-block{padding:1.2rem 1.2rem .8rem;border-bottom:1px solid var(--border-color);background:var(--bg-dark);z-index:2;display:flex;flex-direction:column;gap:6px}.panel-header-block h2{font-size:1.1rem;margin:0;color:var(--text-main)}.sub-header-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-darkest);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:8px 8px 8px 0}.sub-header{padding:8px 15px;font-size:.95rem;font-weight:700;color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.5px}.visualize-btn{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-main);padding:4px 8px;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.visualize-btn:hover{background:var(--bg-light);color:var(--accent-yellow);border-color:var(--accent-yellow)}.visualize-btn.active{background:var(--accent-yellow);color:var(--bg-darkest);border-color:var(--accent-yellow);font-weight:700}.resizer{width:5px;background-color:var(--bg-darkest);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:col-resize;z-index:10;transition:background-color .2s}.resizer:hover,.resizer.resizing{background-color:var(--accent-yellow);border-color:var(--accent-yellow)}#tree-panel{width:460px;min-width:200px;max-width:800px;flex-shrink:0;background-color:var(--panel-bg);display:flex;flex-direction:column}.tree-content-area{flex:1;padding:.5rem 1rem;overflow-y:auto;overflow-x:hidden;font-size:.9rem}.tree-list{list-style-type:none;padding-left:18px}.tree-list.root{padding-left:0}.tree-node{margin:2px 0}.tree-label{cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:background-color .1s;white-space:nowrap}.tree-label:hover,.tree-label.selected{background-color:var(--bg-light)}.caret{margin-right:5px;cursor:pointer;-webkit-user-select:none;user-select:none;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.caret:before{content:"▶";font-size:.75em;color:#aaa;transition:transform .2s}.caret.caret-down:before{transform:rotate(90deg);color:var(--text-main)}.tree-icon{margin-right:6px;font-size:1.1em}.tree-text{flex:1;overflow:hidden;text-overflow:ellipsis;padding-right:10px;color:var(--text-color)}.tree-label.selected .tree-text{font-weight:600;color:var(--accent-yellow)}.tree-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s;align-items:center}.tree-label:hover .tree-actions,.tree-label.has-active-action .tree-actions{opacity:1}.action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;color:#aaa;transition:color .2s,transform .1s}.action-btn:hover{color:var(--accent-yellow);transform:scale(1.15)}.icon-eye-hidden,.visibility-btn.node-hidden .icon-eye-visible{display:none}.visibility-btn.node-hidden .icon-eye-hidden{display:block;color:var(--error-red)}.visibility-btn.node-hidden{opacity:1!important;color:var(--error-red)}.isolate-btn.node-isolated{color:var(--accent-yellow);opacity:1!important}.tree-children{display:none}.tree-children.active{display:block}#viewer-container{flex:1;position:relative;background-color:var(--bg-darkest);overflow:hidden}.viewer-top-left-controls{position:absolute;top:15px;left:15px;z-index:10;display:flex;align-items:center;gap:15px}.floating-action-btn{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;padding:8px 14px;font-size:.9rem;font-weight:600;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #00000080;transition:all .2s ease}.floating-action-btn:hover{background-color:var(--bg-light);color:var(--accent-yellow);border-color:var(--accent-yellow);transform:translateY(-2px)}.floating-toggle{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;padding:5px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #00000080}#property-panel{width:500px;min-width:250px;max-width:800px;flex-shrink:0;background-color:var(--panel-bg);display:flex;flex-direction:column}#properties-content{flex:1;padding:1.5rem;overflow-y:auto}#bottom-toolbar{height:50px;flex-shrink:0;background-color:var(--bg-dark);border-top:1px solid var(--border-color);display:flex;align-items:center;padding:0 1.5rem;gap:20px;z-index:10}.toolbar-toggle{display:flex;align-items:center;gap:10px}.toggle-label{font-size:.95rem;font-weight:500;color:var(--text-main);-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-light);transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#eee;transition:.3s;box-shadow:0 2px 4px #00000080}input:checked+.slider{background-color:var(--accent-yellow)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f0f0fe6;display:flex;justify-content:center;align-items:center;z-index:20}.loading-box{background-color:var(--bg-dark);padding:2rem;border-radius:8px;box-shadow:0 10px 30px #00000080;width:400px;text-align:center;border:1px solid var(--border-color)}#loading-text{color:var(--text-main);margin-bottom:1rem;font-size:1.1rem}.progress-bar-bg{background-color:var(--bg-darkest);border-radius:4px;height:20px;width:100%;overflow:hidden;border:1px solid var(--border-color)}#progress-bar-fill{background-color:var(--accent-yellow);height:100%;width:0%;transition:width .2s ease-out}.props-header{margin-bottom:20px}.section-title{margin:15px 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#ccc;border-bottom:1px solid var(--bg-light);padding-bottom:5px}.pset-card{margin-bottom:12px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background-color:var(--bg-card);box-shadow:0 2px 5px #0003}.pset-standard{border-color:var(--bg-darkest);border-width:1px}.pset-header{background-color:var(--bg-light);padding:8px 12px;font-weight:600;font-size:.85rem;color:var(--text-main)}.pset-standard .pset-header{background-color:var(--bg-darkest);color:var(--accent-yellow);border-bottom:1px solid var(--border-color)}.pset-body{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.prop-row{display:flex;justify-content:space-between;font-size:.85rem;border-bottom:1px dashed var(--bg-light);padding-bottom:4px}.prop-row:last-child{border-bottom:none;padding-bottom:0}.prop-name{color:#ccc;width:55%;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-value{font-weight:600;color:var(--text-main);text-align:right;width:45%;word-break:break-word}.prop-row.missing{background-color:#d86c6c1a;border-bottom:1px dashed var(--card-red);padding:4px;margin:0 -4px;border-radius:3px}.prop-row.missing .prop-name{color:var(--card-red);font-weight:600}.prop-value.missing-text{color:var(--card-red);font-style:italic;font-weight:400}.pset-missing-group{border-color:var(--card-red)!important}.pset-missing-group .pset-header{background-color:var(--card-red)!important;color:var(--text-main)}.system-link{cursor:pointer;color:var(--accent-yellow);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.system-link:hover{color:var(--text-main);text-decoration:underline}.meta-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.meta-table th,.meta-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.9rem}.meta-table th{color:var(--accent-yellow);width:35%;font-weight:600}.meta-table td{color:var(--text-main);font-weight:500}.meta-pset-container{border:1px solid var(--border-color);border-radius:6px;margin-bottom:1rem;background-color:var(--bg-card);overflow:hidden}.meta-pset-header{background-color:var(--bg-darkest);color:var(--accent-yellow);padding:8px 12px;font-weight:600;font-size:.85rem;border-bottom:1px solid var(--border-color)}.pset-table{margin-bottom:0}.pset-table td{border-bottom:1px dashed var(--bg-light)}.pset-table tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:var(--bg-dark);width:750px;max-width:90vw;max-height:85vh;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 15px 40px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-darkest)}.modal-header h2{margin:0;color:var(--text-main);font-size:1.3rem}.modal-close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#aaa;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--error-red)}.modal-body{padding:1.5rem 2rem;overflow-y:auto;color:var(--text-main);font-size:.95rem;line-height:1.6}.modal-body h3{margin-top:1.5rem;margin-bottom:.5rem;color:var(--accent-yellow);font-size:1.1rem;border-bottom:1px solid var(--bg-light);padding-bottom:4px}.modal-body h3:first-child{margin-top:0}.modal-body p{margin-bottom:1rem;color:#ccc}.modal-body ul{margin-left:1.5rem;margin-bottom:1rem;color:#ccc}.modal-body li{margin-bottom:.3rem}.modal-body strong{color:var(--text-main)}