@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:Lato,sans-serif}#app{width:100%;height:100%}.editor-layout{display:flex;height:100%;width:100%}.editor-left-panel{width:200px;min-width:200px;background:#1e1e1e;border-right:1px solid #333;display:flex;flex-direction:column;transition:min-width .2s,width .2s}.editor-left-panel.collapsed{min-width:36px;width:36px}.editor-left-panel.collapsed .assets-layer-panel-body,.editor-left-panel.collapsed .assets-layer-panel-title,.editor-left-panel.collapsed .camera-bookmarks-panel{display:none}.editor-left-panel.collapsed .assets-layer-panel-header{justify-content:center}.assets-layer-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.assets-layer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid #333;flex-shrink:0}.assets-layer-panel-title{font-size:.75rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.assets-layer-panel-collapse{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;font-size:.7rem;line-height:1}.assets-layer-panel-collapse:hover{color:#fff}.assets-layer-panel-body{padding:.25rem;overflow-y:auto;flex:1}.assets-layer-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:4px;cursor:pointer;font-size:.85rem;color:#ccc}.assets-layer-row:hover{background:#2a2a2a;color:#fff}.assets-layer-row.active{background:#333;color:#fff}.assets-layer-eye{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.2rem;font-size:.9rem;line-height:1;opacity:1}.assets-layer-eye .eye-hidden{opacity:.35}.assets-layer-label{flex:1;min-width:0}.assets-layer-models-label{font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .5rem .2rem}.assets-layer-group{margin-bottom:.25rem}.assets-layer-group-header{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;cursor:pointer;font-size:.85rem;font-weight:600;color:#ddd;border-radius:4px;-webkit-user-select:none;user-select:none}.assets-layer-group-header:hover{background:#2a2a2a;color:#ccc}.assets-layer-group-eye{flex-shrink:0}.assets-layer-group-eye:hover{opacity:1}.assets-layer-group-chevron{font-size:.65rem;opacity:.8}.assets-layer-group-label{flex:1;min-width:0;font-weight:600}.assets-layer-group-body{padding-left:1rem}.assets-layer-group-body.collapsed{display:none}.assets-layer-row-nested{padding-left:.25rem}.camera-bookmarks-panel{flex-shrink:0;border-top:1px solid #333;display:flex;flex-direction:column;min-height:0}.camera-bookmarks-panel-header{padding:.4rem .75rem;flex-shrink:0}.camera-bookmarks-panel-title{font-size:.75rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.camera-bookmarks-panel-body{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow-y:auto}.camera-bookmarks-add-row{display:flex;gap:.35rem;flex-shrink:0}.camera-bookmarks-name-input{flex:1;min-width:0;padding:.35rem .5rem;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.8rem}.camera-bookmarks-add-btn{flex-shrink:0;padding:.35rem .5rem;border-radius:4px;border:1px solid #444;background:#333;color:#fff;cursor:pointer;font-size:.8rem}.camera-bookmarks-add-btn:hover{background:#444}.camera-bookmarks-list{display:flex;flex-direction:column;gap:.2rem}.camera-bookmarks-list-item{display:flex;flex-direction:column;gap:.25rem;padding:.3rem .4rem;border-radius:4px;background:#252525;font-size:.8rem}.camera-bookmarks-list-item.selected{background:#1a3a5a;border:1px solid #2a6aaa;box-shadow:0 0 0 1px #2a6aaa4d}.camera-bookmarks-list-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.camera-bookmarks-expand-btn{align-self:flex-start;padding:.15rem .3rem;border:none;background:none;color:#888;cursor:pointer;font-size:.7rem}.camera-bookmarks-expand-btn:hover{color:#aaa}.camera-bookmarks-edit-section{display:flex;flex-direction:column;gap:.35rem;padding:.35rem 0 0;border-top:1px solid #333}.camera-bookmarks-edit-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.03em}.camera-bookmarks-edit-row{display:flex;gap:.25rem}.camera-bookmarks-num-input{flex:1;min-width:0;padding:.25rem .35rem;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.75rem}.camera-bookmarks-set-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;font-size:.75rem}.camera-bookmarks-set-btn:hover{background:#444;color:#fff}.camera-bookmarks-list-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc}.camera-bookmarks-list-actions{display:flex;gap:.2rem}.camera-bookmarks-go-btn,.camera-bookmarks-del-btn{padding:.2rem .35rem;border-radius:4px;border:1px solid #444;background:#333;color:#fff;cursor:pointer;font-size:.7rem}.camera-bookmarks-go-btn:hover,.camera-bookmarks-del-btn:hover{background:#444}.camera-bookmarks-del-btn{padding:.2rem .4rem}.editor-bottom-overlay{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.editor-bottom-overlay>*{pointer-events:auto}.color-bar-wrapper{display:flex;justify-content:center}.color-bar{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:8px;background:#1e1e1eeb;border:1px solid #444;box-shadow:0 2px 12px #00000080}.color-bar-label{font-size:.75rem;color:#888;margin-right:.25rem}.color-bar-btns{display:flex;flex-wrap:wrap;gap:.25rem}.color-bar-btn{padding:.25rem .5rem;font-size:.8rem;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer}.color-bar-btn:hover{background:#444;border-color:#555;color:#fff}.color-bar-btn.active{background:#2a5a8a;border-color:#3a6a9a;color:#fff}.bookmark-navigator{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:8px;background:#1e1e1eeb;border:1px solid #444;box-shadow:0 2px 12px #00000080}.bookmark-navigator-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:#333;color:#fff;font-size:1.25rem;cursor:pointer;line-height:1}.bookmark-navigator-arrow:hover:not(:disabled){background:#444}.bookmark-navigator-arrow:disabled{opacity:.4;cursor:not-allowed}.bookmark-navigator-name{min-width:120px;max-width:200px;text-align:center;font-size:.9rem;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-canvas-area{flex:1;position:relative;min-width:0}.editor-canvas-area canvas{display:block;width:100%;height:100%;touch-action:none}.editor-right-panel{width:280px;min-width:280px;padding:1rem;background:#1a1a1a;color:#e0e0e0;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.editor-right-panel label{display:block;margin-bottom:.5rem}.editor-right-panel select{padding:.4rem .6rem;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.875rem}.editor-right-panel input[type=radio]{margin-right:.25rem}.editor-right-panel button{padding:.5rem 1rem;border-radius:6px;border:1px solid #444;background:#333;color:#fff;cursor:pointer;font-size:.875rem}.editor-right-panel button:hover{background:#444}.editor-right-panel .preview-link{display:inline-block;padding:.5rem 1rem;border-radius:6px;border:1px solid #444;background:#333;color:#fff;text-decoration:none;font-size:.875rem;cursor:pointer}.editor-right-panel .preview-link:hover{background:#444}.bookmark-editor-panel h3{font-size:.95rem;margin-bottom:.5rem;color:#fff}.bookmark-editor-panel .bookmark-row{margin-bottom:.5rem}.bookmark-editor-panel .bookmark-row button{width:100%}.camera-constraints-section{display:flex;flex-direction:column;gap:.5rem}.camera-constraints-section h4{font-size:.8rem;font-weight:600;color:#aaa;margin-bottom:.25rem}.camera-constraints-hint{font-size:.75rem;color:#666;margin-bottom:.25rem}.camera-constraints-rows{display:flex;flex-direction:column;gap:.5rem}.camera-constraints-row{display:flex;align-items:center;gap:.5rem}.camera-constraints-label{font-size:.8rem;color:#888;min-width:5.5rem}.camera-constraints-input{flex:1;min-width:0;padding:.35rem .5rem;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.8rem}.camera-constraints-reset-btn{margin-top:.35rem;padding:.3rem .5rem;border-radius:4px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;font-size:.75rem}.camera-constraints-reset-btn:hover:not(:disabled){background:#444;color:#fff}.camera-constraints-reset-btn:disabled{opacity:.5;cursor:not-allowed}.camera-dof-section{display:flex;flex-direction:column;gap:.5rem}.camera-dof-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.camera-dof-section h4{font-size:.8rem;font-weight:600;color:#aaa;margin:0}.camera-dof-toggle-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid #444;background:#333;color:#ccc;font-size:.7rem;cursor:pointer;white-space:nowrap}.camera-dof-toggle-btn:hover{background:#444;color:#fff}.camera-dof-hint{font-size:.75rem;color:#666;margin-bottom:.25rem}.camera-dof-rows{display:flex;flex-direction:column;gap:.5rem}.camera-dof-row{display:flex;align-items:center;gap:.5rem}.camera-dof-label{font-size:.8rem;color:#888;min-width:6rem}.camera-dof-slider{flex:1;min-width:0;accent-color:#666}.camera-dof-input{width:4rem;padding:.35rem .5rem;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.8rem}.transform-params-panel{display:flex;flex-direction:column;gap:.75rem}.transform-params-section h4{font-size:.8rem;font-weight:600;color:#aaa;margin-bottom:.35rem}.transform-param-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.transform-param-label{width:1.25rem;font-size:.8rem;color:#888}.transform-param-input{flex:1;min-width:0;padding:.35rem .5rem;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.8rem}.color-range-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.color-range-panel h4{font-size:.8rem;font-weight:600;color:#aaa;margin-bottom:.5rem}.color-range-panel-body{display:flex;flex-direction:column;gap:.5rem}.color-range-section{display:flex;flex-direction:column;gap:.4rem}.color-range-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.color-range-row label{font-size:.8rem;color:#888;flex-shrink:0}.color-range-row span{font-size:.8rem;color:#888;min-width:4em}.color-range-tools{gap:.25rem}.color-range-tool-btn{flex:1;padding:.3rem .25rem;font-size:.72rem;border-radius:4px;border:1px solid #3a3a3a;background:#252525;color:#ccc;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.color-range-tool-btn:hover{background:#333;border-color:#555}.color-range-tool-btn.active{background:#1a3a5a;border-color:#2a6aaa;color:#8dd}.color-range-hex{flex:1;min-width:6em;padding:.35rem .5rem;border-radius:4px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:.8rem}.color-range-panel input[type=range]{flex:1;min-width:4em}.color-range-panel input[type=color]{width:2rem;height:1.5rem;padding:2px;border:1px solid #444;border-radius:4px;background:#2a2a2a;cursor:pointer}.color-range-panel button.active{background:#2a4a6a;border-color:#3a6a9a}.color-range-count{font-size:.75rem;color:#888;margin-left:auto}.color-range-panel hr{border:none;border-top:1px solid #333;margin:.5rem 0}