.cam-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;height:60px!important;padding:0 16px!important;background:#2b2b2b!important;border-bottom:1px solid #444!important;color:#f0f0f0!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.logo{font-size:18px!important;font-weight:600!important;color:#fff!important}.top-actions{display:flex!important;align-items:center!important;gap:8px!important}.action-group{display:flex!important;align-items:center!important;gap:2px!important}.icon-btn{border:none!important;background:transparent!important;padding:8px!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;transition:background .2s,color .2s!important;color:#ccc!important}.icon-btn:hover{background:#444!important;color:#fff!important}.icon-btn:active{background:#555!important}.divider{width:1px!important;height:24px!important;background:#444!important;margin:0 8px!important}.MuiTooltip-tooltip{background-color:#000000d9!important;font-size:12px!important;padding:6px 10px!important;border-radius:4px!important}.part_dom{border:1px solid #444;padding:16px;cursor:pointer;border-radius:8px;background-color:#2a2a2a;color:#fff;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .3s,border-color .3s;max-height:max-content}.part_dom:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0006}.part_dom.selected{background-color:#d1ecff!important;color:#000!important}.part_dom.selected:hover{background-color:gray}.part_wrapper{width:100%!important;max-width:250px!important}.sidebar{display:flex!important;flex-direction:column!important;background:#1e1e1e!important;padding:10px!important;width:clamp(180px,20vw,100px)!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:hidden!important;resize:horizontal!important}.header{font-size:1.2rem!important;font-weight:600!important;color:#66b5ff!important;padding:12px 0!important;border-bottom:1px solid #333!important;margin-bottom:10px!important;text-align:center!important}.part_list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:16px!important;padding:10px!important;justify-content:center!important;height:100vh;overflow-y:auto;align-items:start;grid-auto-rows:min-content}.blur{position:fixed!important;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;z-index:1000}.dialogue-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2c2c2c;border-radius:8px;padding:20px 24px;width:320px;text-align:center;box-shadow:0 0 15px #00000080;color:#e0e0e0}.dialogue-box h2{margin-bottom:16px;font-size:1.2rem;font-weight:600;color:#f1f1f1}.dialogue-box-content{margin-bottom:18px;font-size:.95rem;color:#c9c9c9}.dialogue-box-buttons{display:flex;justify-content:center;gap:10px}.dialogue-box button{padding:8px 16px;border-radius:6px;border:1px solid #444;background:#3a3a3a;color:#e0e0e0;font-weight:500;cursor:pointer;transition:all .2s ease}.dialogue-box button:hover{background:#4a4a4a}.dialogue-box button:active{background:#5a5a5a}.dialogue-box button:first-of-type{background:#1976d2;border-color:#1976d2;color:#fff}.dialogue-box button:first-of-type:hover{background:#2196f3}.dialogue-box button:last-of-type{background:#444;border-color:#555}.dialogue-box button:last-of-type:hover{background:#555}.dialogue-box input[type=number]{width:100%;padding:6px 8px;margin:6px 0 12px;background:#1f1f1f;border:1px solid #444;border-radius:4px;color:#f1f1f1;font-size:.95rem;transition:border .2s ease,background .2s ease}.dialogue-box input[type=number]:focus{outline:none;border-color:#2196f3;background:#262626}.dialogue-box p{margin:6px 0 4px;font-size:.9rem;color:#bbb;text-align:left}.properties-panel{display:flex!important;flex-direction:column!important;background-color:#2b2b2b!important;color:silver!important;border-left:1px solid #3a3a3a!important;padding:15px!important;width:313px!important;min-width:313px!important;font-family:Segoe UI,Roboto,sans-serif!important}.properties-panel h4{color:#fff!important;font-size:16px!important;margin-bottom:10px!important;padding-bottom:5px!important;border-bottom:1px solid #444!important}.input-group-container{margin-bottom:20px!important}.input-group{margin-bottom:15px!important}.input-group label{display:block!important;font-size:12px!important;color:#999!important;margin-bottom:5px!important}.input-group input[type=number]{width:90%!important;padding:8px 10px!important;background-color:#3e3e3e!important;border:1px solid #555!important;color:#fff!important;border-radius:4px!important;outline:none!important;transition:border-color .2s!important}.input-group input[type=number]:focus{border-color:#66b5ff!important}.block-title{display:block!important;font-size:.9rem!important;font-weight:600!important;color:#66b5ff!important;margin:10px 0 8px!important;letter-spacing:.5px!important;text-transform:uppercase!important}.panel-content{flex:1!important;padding:20px 0!important;font-size:.95rem!important;color:#a0a0a0!important;overflow-y:auto!important}.parts-list{list-style:none!important;padding:0!important;margin:0!important}.parts-list li{background-color:#3e3e3e!important;padding:10px!important;margin-bottom:8px!important;border-radius:4px!important;border-left:3px solid #66b5ff!important}.properties-panel .MuiFormControl-root{background-color:#3e3e3e!important;border:1px solid #555!important;border-radius:4px!important;color:#fff!important}.properties-panel .MuiInputLabel-root{color:#999!important;font-size:12px!important}.properties-panel .MuiSelect-select{color:#fff!important;padding:8px 10px!important;background-color:#3e3e3e!important}.properties-panel .MuiSelect-icon{color:#fff!important}.properties-panel .MuiMenu-paper{background-color:#3e3e3e!important;color:#fff!important}.properties-panel .MuiMenuItem-root{color:#fff!important;font-size:14px!important}.properties-panel .MuiMenuItem-root:hover{background-color:#505050!important}.error-text{font-size:11px!important;color:#ff4d4f!important;margin-top:3px!important}body{margin:0;padding:0;box-sizing:border-box;background:#121212;color:#e0e0e0;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}:root{--sidebar-width: 180px;--min-sidebar-width: 128px;--max-sidebar-width: 340px;--props-width: 260px;--min-props-width: 130px;--max-props-width: 400px}.logo{font-size:1.65rem;font-weight:600;letter-spacing:1px;color:#66b5ff;margin-right:36px}.icon-btn{background:none;border:none;color:#999;font-size:1.3rem;margin:0 2px;width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .13s,color .14s;cursor:pointer;box-shadow:0 2px 6px #0003;box-sizing:border-box}.icon-btn:active,.icon-btn:focus{background:#66b5ff33;color:#66b5ff;outline:none}.icon-btn:hover{background:#66b5ff1a;color:#66b5ff}.spacer{flex:none;width:16px}.cam-body{display:flex;height:calc(100vh - 58px);min-height:400px;overflow:hidden;box-sizing:border-box;background:transparent}.workspace-container{display:flex;flex:1;min-width:0;height:100%}.workspace{flex:1 1 380px;position:relative;display:flex;flex-direction:column;min-width:180px;background:#1e1e1e;border-radius:12px;margin-top:10px;margin-left:5px;margin-right:5px;box-shadow:0 4px 32px #0003;overflow:hidden;transition:width .12s}.workspace-header{height:55px;padding:0 32px 0 24px;display:flex;align-items:center;border-bottom:1px solid #333;justify-content:space-between}.ws-title{font-size:1.13rem;font-weight:500;color:#66b5ff;letter-spacing:.04em}.ws-actions{display:flex;gap:10px}.primary-btn,.secondary-btn{min-width:86px;padding:.63rem 1.17rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-left:3px;box-shadow:0 2px 12px #0003;transition:background .14s,color .14s,box-shadow .12s}.primary-btn{background:linear-gradient(92deg,#54abfb,#4097f7);color:#fff;border:1.5px solid #49a7ee22}.primary-btn:hover{background:linear-gradient(92deg,#438fe7,#2974c6)}.secondary-btn{background:#2b2b2b;color:#66b5ff;border:1.2px solid #444}.secondary-btn:hover{background:#3e3e3e;color:#66b5ff}.workspace-canvas{flex:1;margin:14px;background:#000;border-radius:13px;border:1px solid #333;display:flex;align-items:center;justify-content:center;min-height:260px;position:relative;box-shadow:0 2px 24px #0003}.placeholder{color:#888;font-size:1.18rem;text-align:center;opacity:.85}.props-panel{min-width:var(--min-props-width);width:var(--props-width);max-width:var(--max-props-width);background:#1e1e1e;color:silver;border-left:1px solid #333;display:flex;flex-direction:column;height:100%;border-radius:12px;margin:12px;box-shadow:0 4px 28px #0003;transition:width .12s}.panel-header{font-size:1.1rem;font-weight:600;background:#2b2b2b;color:#66b5ff;padding:16px 22px 10px;border-bottom:1px solid #444;border-radius:12px 12px 0 0}.panel-content{flex:1;padding:22px;font-size:.97rem;color:#a0a0a0;overflow-y:auto}.panel-content h4{color:#fff;font-size:16px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #444}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:12px;color:#999;margin-bottom:5px}.input-group input[type=number]{width:100%;padding:8px 10px;background-color:#3e3e3e;border:1px solid #555;color:#fff;border-radius:4px;outline:none;transition:border-color .2s}.input-group input[type=number]:focus{border-color:#66b5ff}.block-title{display:block;font-size:.9rem;font-weight:600;color:#66b5ff;margin:10px 0 8px;letter-spacing:.5px;text-transform:uppercase}.placeholder-panel{color:#a0a0a0;opacity:.84}.resize-handle.vertical{width:6px;cursor:col-resize;background:transparent;transition:background .2s;z-index:20;height:100%}.resize-handle.left{position:absolute;right:0;top:0;width:8px;height:100%;cursor:col-resize;z-index:15;background:transparent;border-radius:0 6px 6px 0}.resize-handle.vertical:hover,.resize-handle.left:hover{background:#66b5ff80}::-webkit-scrollbar{width:8px;border-radius:7px}::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:7px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:7px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 30;-webkit-user-select:none;user-select:none}@media (max-width: 1250px){:root{--props-width: 160px;--min-props-width: 120px;--sidebar-width: 110px;--min-sidebar-width: 78px}.workspace-canvas{margin:17px 9px 14px}.workspace{margin:18px 0}.props-panel{margin:18px 7px 18px 0}}@media (max-width: 700px){.cam-body{flex-direction:column}.sidebar,.props-panel{width:100vw;min-width:80px;max-width:100vw}.sidebar{flex-direction:row;border-right:none;border-bottom:1px solid #333;height:54px;align-items:center;padding:10px 0 0}.side-block{flex-direction:row;display:flex;margin-bottom:0;align-items:center}.side-btn{border-radius:7px 7px 0 0;padding:8px 5px 5px;font-size:.95rem;width:auto}.workspace{min-height:140px;margin:7px 2px;border-radius:15px}.props-panel{height:105px;border-left:none;border-top:1.5px solid #333;margin:7px 2px;border-radius:0 0 12px 12px}.panel-header{padding:12px 13px 7px}.panel-content{padding:10px}.workspace-canvas{margin:7px;min-height:110px;border-radius:9px}}