.tool-btn{position:relative}@media (max-width:768px){.canvas-tools{gap:8px;left:10px;top:10px}.tool-btn{font-size:16px;height:40px;width:40px}}.header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px var(--shadow);padding:15px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-left,.header-right{align-items:center;display:flex;gap:15px}.drawer-toggle-btn{background:#0000;border:none;border-radius:8px;box-shadow:0 2px 10px #0099ff4d;color:var(--primary-color);cursor:pointer;font-size:16px;font-weight:700;left:20px;padding:10px 12px;position:absolute;top:12px;transition:all .3s ease;z-index:1}.drawer-toggle-btn:hover{background:var(--primary-dark);box-shadow:0 4px 15px #09f6;color:#fff;transform:translateY(-1px)}.header-title{color:var(--primary-color);font-size:24px;font-weight:600;margin:0;text-shadow:0 1px 3px #09f3}.header-logo{height:32px;width:32px}.theme-toggle-btn{background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 10px #0099ff4d;color:#fff;cursor:pointer;font-size:14px;padding:8px 10px;transition:all .3s ease}.theme-toggle-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.language-selector{display:flex;gap:5px}.language-btn{background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.language-btn:hover{background:#0099ff1a;transform:translateY(-1px)}.language-btn.active{background:var(--primary-color);box-shadow:0 2px 10px #0099ff4d;color:#fff}@media (max-width:1200px){.header-left{padding-left:64px}}@media (max-width:768px){.header-left{padding-left:0}.drawer-toggle-btn{left:20px;top:36px}.header-content{flex-direction:column;gap:15px;text-align:center}.header-title{font-size:20px}.header-logo{height:28px;width:28px}.drawer-toggle-btn,.language-btn,.theme-toggle-btn{font-size:12px;padding:6px 12px}}.accordion-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow);margin-bottom:8px;overflow:hidden;transition:all .3s ease}.accordion-section:hover{border-color:var(--primary-color);box-shadow:0 6px 20px var(--shadow)}.accordion-header{align-items:center;background:linear-gradient(135deg,var(--border-color) 0,#66b3ff1a 100%);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .3s ease}.accordion-header:hover,body.dark-theme .accordion-header{background:linear-gradient(135deg,#66b3ff1a,#66b3ff26)}body.dark-theme .accordion-header:hover{background:linear-gradient(135deg,#66b3ff26,#66b3ff33)}.accordion-title{color:var(--primary-color);font-size:14px;font-weight:600;margin:0}.accordion-toggle{background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:12px;padding:4px;transition:transform .3s ease}.accordion-toggle.closed{transform:rotate(-90deg)}.accordion-toggle.open{transform:rotate(0deg)}.accordion-content{overflow:hidden;transition:max-height .3s ease,padding .3s ease}.accordion-content.closed{max-height:0}.accordion-content.open{max-height:1000px}.accordion-body{padding:12px}@media (max-width:768px){.accordion-section{margin-bottom:6px}.accordion-header{padding:8px 12px}.accordion-title{font-size:13px}.accordion-body{padding:10px}}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.info-item{background:linear-gradient(135deg,var(--bg-secondary) 0,#66b3ff0d 100%);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.info-item:before{background:linear-gradient(180deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.info-item:hover{background:linear-gradient(135deg,var(--bg-secondary) 0,#66b3ff1a 100%);border-color:var(--primary-color);box-shadow:0 3px 15px var(--shadow);transform:translateX(3px)}.info-label{align-items:center;color:var(--primary-color);display:flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.info-label:after{background:linear-gradient(90deg,var(--primary-color) 0,#0000 100%);content:"";flex:1 1;height:1px}.info-value{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3;word-break:break-word}body.dark-theme .info-item{background:linear-gradient(135deg,#28283ce6,#66b3ff14);border-color:#66b3ff33}body.dark-theme .info-item:hover{background:linear-gradient(135deg,#28283cf2,#66b3ff26);border-color:var(--primary-color);box-shadow:0 3px 18px #66b3ff4d}body.dark-theme .info-item:before{background:linear-gradient(180deg,#66b3ff,#4da6ff)}@media (max-width:768px){.info-item{padding:10px}.info-label{font-size:9px;margin-bottom:4px}.info-value{font-size:12px}}.group-selector-wrapper{margin-bottom:6px;position:relative}.group-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-secondary);background-image:none;border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 40px 10px 12px;transition:all .3s ease;width:100%}.group-selector:focus{box-shadow:0 0 0 3px #66b3ff1a;outline:none}.group-selector:focus,.group-selector:hover{background:var(--bg-primary);border-color:var(--primary-color)}.group-selector:hover{transform:translateY(-1px)}.dropdown-arrow{color:var(--primary-color);font-size:12px;font-weight:700;line-height:1;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.group-selector-wrapper:hover .dropdown-arrow{color:var(--primary-dark);transform:translateY(-50%) scale(1.1)}.group-selector:focus~.dropdown-arrow{transform:translateY(-50%) rotate(180deg)}body.dark-theme .group-selector{background:#28283ce6;border-color:#66b3ff4d;color:var(--text-primary)}body.dark-theme .group-selector:focus{background:var(--bg-primary);box-shadow:0 0 0 3px #66b3ff33}body.dark-theme .group-selector:hover{background:var(--bg-primary);border-color:var(--primary-color)}body.dark-theme .dropdown-arrow{color:var(--primary-color)}body.dark-theme .group-selector-wrapper:hover .dropdown-arrow{color:#9cf}.model-list{display:flex;flex-direction:column;gap:8px}.model-item{background:linear-gradient(135deg,var(--bg-secondary) 0,#66b3ff05 100%);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.model-item:before{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-dark) 100%);content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.model-item:hover{background:linear-gradient(135deg,var(--bg-secondary) 0,#66b3ff14 100%);border-color:var(--primary-color);box-shadow:0 6px 20px var(--shadow);transform:translateY(-2px)}.model-item:hover:before{transform:scaleX(1)}.model-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.model-name{color:var(--text-primary);font-size:13px;font-weight:600;transition:color .3s ease}.model-item:hover .model-name{color:var(--primary-color)}.model-checkbox{-webkit-appearance:none;appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:5px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}.model-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #66b3ff4d}.model-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.model-checkbox:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #66b3ff1a}.opacity-control{background:#66b3ff0d;border:1px solid #66b3ff1a;border-radius:8px;margin-top:8px;padding:8px}.opacity-label{color:var(--primary-color);font-size:11px;font-weight:600;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.opacity-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 0,var(--border-color) 0,var(--border-color) 100%);background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) var(--fill-percent,0),var(--border-color) var(--fill-percent,0),var(--border-color) 100%);border-radius:3px;cursor:pointer;height:6px;outline:none;transition:all .3s ease;width:100%}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #66b3ff66;cursor:pointer;height:18px;-webkit-transition:all .3s ease;transition:all .3s ease;width:18px}.opacity-slider::-webkit-slider-thumb:hover{background:var(--primary-dark);box-shadow:0 4px 12px #66b3ff80;transform:scale(1.1)}.opacity-slider::-moz-range-thumb{background:var(--primary-color);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #66b3ff66;cursor:pointer;height:18px;width:18px}.opacity-slider::-moz-range-track{background:var(--border-color);border-radius:3px;height:6px}.opacity-slider:hover{background:linear-gradient(to right,var(--primary-dark) 0,var(--primary-dark) 0,#66b3ff1a 0,#66b3ff1a 100%);background:linear-gradient(to right,var(--primary-dark) 0,var(--primary-dark) var(--fill-percent,0),#66b3ff1a var(--fill-percent,0),#66b3ff1a 100%)}.opacity-slider[value="0"]{background:var(--border-color)}.opacity-slider[value="0"]:hover{background:#66b3ff1a}.no-models{background:linear-gradient(135deg,#66b3ff0d,#66b3ff05);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-style:italic;padding:24px 14px;text-align:center;transition:all .3s ease}.no-models:before{content:"📦";display:block;font-size:26px;margin-bottom:6px;opacity:.6}body.dark-theme .model-item{background:linear-gradient(135deg,#28283ce6,#66b3ff0d);border-color:#66b3ff33}body.dark-theme .model-item:hover{background:linear-gradient(135deg,#28283cf2,#66b3ff1f);box-shadow:0 6px 25px #66b3ff33}body.dark-theme .model-checkbox{background:#28283ce6;border-color:#66b3ff4d}body.dark-theme .model-checkbox:checked{background:var(--primary-color);box-shadow:0 2px 12px #66b3ff66}body.dark-theme .opacity-control{background:#66b3ff14;border-color:#66b3ff33}body.dark-theme .no-models{background:linear-gradient(135deg,#66b3ff14,#66b3ff0a);border-color:#66b3ff4d}@media (max-width:768px){.group-selector-wrapper{margin-bottom:4px}.group-selector{font-size:12px;padding:8px 32px 8px 10px}.dropdown-arrow{font-size:10px;line-height:1;right:10px}.model-list{gap:6px}.model-item{padding:8px}.model-name{font-size:12px}.model-checkbox{height:18px;width:18px}.opacity-control{margin-top:6px;padding:6px}.opacity-slider::-webkit-slider-thumb{height:16px;width:16px}.no-models{padding:20px 10px}.no-models:before{font-size:22px;margin-bottom:4px}}.pc-side{height:100%;margin:0;max-height:inherit;overflow:auto;padding:0;position:relative}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000001a;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:25px;width:350px}.section{margin-bottom:30px}.section:last-child{margin-bottom:0}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 0;-webkit-user-select:none;user-select:none}.section-header:hover{border-bottom-color:#667eea}.section-title{color:#333;font-size:18px;font-weight:600;margin:0}.collapse-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:18px;padding:5px;transition:transform .3s ease}.collapse-btn.collapsed{transform:rotate(-90deg)}.section-content{overflow:hidden;transition:all .3s ease}.section-content.collapsed{margin-bottom:0;max-height:0!important;padding-bottom:0;padding-top:0}@media (max-width:768px){.sidebar{margin-bottom:20px;max-height:none;width:100%}.section-header{padding:10px 0}.collapse-btn,.section-title{font-size:16px}}.color-picker{position:relative}.color-picker-trigger{border:3px solid var(--primary-color)!important;position:relative}.color-picker-trigger:after{background:var(--primary-color);border:2px solid #fff;border-radius:50%;bottom:-2px;content:"";height:8px;position:absolute;right:-2px;width:8px}.color-picker-overlay{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.color-picker-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 25px var(--shadow);left:0;margin-top:5px;padding:12px;position:absolute;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.color-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);width:150px}.color-option{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.color-option:hover{border-color:var(--primary-color);transform:scale(1.1)}.color-option.selected{border-color:var(--primary-color);border-width:3px;transform:scale(1.05)}.color-option.selected:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}body.dark-theme .color-picker-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 8px 30px #66b3ff4d}body.dark-theme .color-option{border-color:#66b3ff4d}@media (max-width:768px){.color-picker-dropdown{padding:10px}.color-grid{width:120px}.color-option{height:20px;width:20px}}.canvas-tools{display:flex;gap:10px;left:20px;position:absolute;top:20px;z-index:15}.tool-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:none;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow);color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.tool-btn:hover{background:var(--bg-secondary);box-shadow:0 6px 20px var(--shadow)}.tool-btn.active,.tool-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.tool-btn.active{background:var(--primary-color);box-shadow:0 6px 20px #66b3ff66;color:#fff}body.dark-theme .tool-btn{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 15px #66b3ff33;color:var(--text-primary)}body.dark-theme .tool-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 6px 20px #66b3ff4d;color:var(--primary-color)}body.dark-theme .tool-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px #66b3ff99;color:#1a1a2e}.tool-btn.active:before{animation:pulse 2s infinite;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes pulse{0%{box-shadow:0 0 0 0 #66b3ffb3}70%{box-shadow:0 0 0 10px #66b3ff00}to{box-shadow:0 0 0 0 #66b3ff00}}body.dark-theme .tool-btn.active:before{background:linear-gradient(45deg,var(--primary-color),#9cf)}@media (max-width:768px){.canvas-tools{gap:8px;left:10px;top:10px}.tool-btn{border-radius:10px;font-size:16px;height:40px;width:40px}.tool-btn.active:before{border-radius:12px}}.tool-btn:first-child:hover{color:var(--primary-color)}.tool-btn:nth-child(2):hover{color:#ff6b6b}body.dark-theme .tool-btn:nth-child(2):hover{color:#ff8a8a}.tool-btn:nth-child(3):hover{color:#51cf66}body.dark-theme .tool-btn:nth-child(3):hover{color:#69db7c}.tool-btn:active{box-shadow:0 2px 8px var(--shadow);transform:translateY(0)}.tool-btn:focus{box-shadow:0 0 0 3px #66b3ff4d;outline:none}body.dark-theme .tool-btn:focus{box-shadow:0 0 0 3px #66b3ff80}.canvas-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 8px 32px var(--shadow);flex:1 1;min-height:400px;overflow:hidden;position:relative;transition:all .3s ease}.canvas-area{background:var(--canvas-gradient);height:100%;position:relative;width:100%}.canvas-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:20px;color:var(--primary-color);padding:40px;text-align:center;transition:all .3s ease}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.empty-state p{color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:8px}.empty-state small{color:var(--text-secondary);font-size:14px;opacity:.8}@media (max-width:768px){.canvas-container{min-height:300px}.empty-state{padding:30px 20px}.empty-state p{font-size:16px}}.progress-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 8px 32px var(--shadow);padding:20px;transition:all .3s ease}.progress-bar{display:flex;gap:10px;margin-bottom:12px}.progress-step{background:var(--border-color);border-radius:4px;flex:1 1;height:8px;position:relative;transition:all .3s ease}.progress-step.active{background:var(--primary-color);box-shadow:0 0 15px #66b3ff66}.progress-step.completed{background:#0c6;box-shadow:0 0 10px #00cc664d}body.dark-theme .progress-step.active{box-shadow:0 0 15px #66b3ff99}body.dark-theme .progress-step.completed{box-shadow:0 0 10px #00cc6680}.progress-info{color:var(--text-secondary);font-size:14px;font-weight:500;text-align:center}@media (max-width:768px){.progress-container{padding:15px}.progress-info{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#64646433 #0000;scrollbar-width:thin}:root{--primary-color:#09f;--primary-dark:#06c;--bg-gradient:linear-gradient(135deg,#09f,#06c);--text-primary:#333;--text-secondary:#666;--bg-primary:#fffffff2;--bg-secondary:#ffffffe6;--border-color:#0099ff1a;--shadow:#0099ff26;--canvas-gradient:linear-gradient(135deg,#b0c4de73,#77889959 25%,#b0e0e666 50%,#87ceeb59 75%,#b0c4de73)}body.dark-theme{--primary-color:#66b3ff;--primary-dark:#09f;--bg-gradient:linear-gradient(135deg,#1a1a2e,#16213e);--text-primary:#e0e6ed;--text-secondary:#a0a8b5;--bg-primary:#1e1e32f2;--bg-secondary:#28283ce6;--border-color:#66b3ff4d;--shadow:#66b3ff40;--canvas-gradient:linear-gradient(135deg,#6482aa59,#879bb94d 25%,#78a0c852 50%,#698cb459 75%,#7da5cd61)}body,html{height:100vh;max-height:100vh;overflow:hidden}body{background:linear-gradient(135deg,#09f,#06c);background:var(--bg-gradient);color:#333;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;transition:all .3s ease}.app{flex-direction:column;height:100vh;max-height:100vh}.app,.app-content{display:flex;overflow:hidden}.app-content{flex:1 1;gap:0;height:calc(100vh - 70px);padding:15px;position:relative}.sidebar-container{flex-shrink:0;height:100%;margin-right:15px;overflow:hidden;position:relative;width:360px}.main-content{display:flex;flex:1 1;flex-direction:column;gap:15px;height:100%;overflow:hidden;transition:all .3s ease}.drawer-overlay{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:999}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;background:var(--bg-primary);border-right:1px solid #0099ff1a;border-right:1px solid var(--border-color);box-shadow:2px 0 20px #0099ff26;box-shadow:2px 0 20px var(--shadow);height:100vh;left:0;overflow-y:auto;padding:15px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:360px;z-index:1000}.drawer.open{transform:translateX(0)}.app-error,.app-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-error button{background:#fffffff2;background:var(--bg-primary);border:2px solid #09f;border:2px solid var(--primary-color);border-radius:8px;color:#333;color:var(--text-primary);cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.app-error button:hover{background:#09f;background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.app-content{height:calc(100vh - 60px);padding:10px}.drawer{padding:12px;width:300px}.sidebar-container{margin-right:10px}.main-content{gap:12px}}@media (min-width:1200px){.drawer,.drawer-overlay{display:none}}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#64646433;border:1px solid #0000;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#6464644d}
/*# sourceMappingURL=main.ab4891d7.css.map*/