.main-workspace{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.main-workspace .workspace-left{flex:1;overflow:hidden;position:relative}.video-hidden{position:absolute;left:-9999rem;top:0;width:1rem;height:1rem}.main-workspace .workspace-left .ai-tip{position:absolute;top:0;left:0;background:#ff4500;color:#fff;padding:.25rem .5rem;font-size:.75rem;display:inline-block;animation:blink 1s infinite}.main-workspace .workspace-left .canvas-wrapper{width:100%;height:100%;max-width:100%;overflow:hidden}.main-workspace .workspace-left .canvas-wrapper canvas{width:100%;max-width:100%!important;height:auto!important}.main-workspace .workspace-left .canvas-wrapper canvas.video-canvas{background-color:var(--bg-light)}.main-workspace .workspace-right{flex:1}.main-workspace .workspace-right .action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.main-workspace .workspace-right .action-buttons .action-btn{flex:1;padding:.8rem 0;background:var(--primary-color);color:#fff;border-radius:.5rem;font-size:.875rem;cursor:pointer;border:0}.main-workspace .workspace-right .action-buttons .action-btn.action-btn-upload{background:var(--bg-light);color:var(--text-color);border:.0625rem solid var(--primary-color)}.main-workspace .workspace-right .control-panel{background-color:var(--bg-light);color:var(--text-color);padding:1rem;margin-top:1rem}.main-workspace .workspace-right .control-panel .panel-title{font-size:1rem;font-weight:700;margin-bottom:1rem}.main-workspace .workspace-right .control-panel .tab-buttons{display:flex;flex-wrap:wrap;gap:.5rem;white-space:nowrap}.main-workspace .workspace-right .control-panel .tab-buttons .tab-btn{flex:1;padding:.5rem .8rem;background:#fff;border:.0625rem solid var(--border-color);border-radius:.5rem;font-size:.875rem;cursor:pointer}.main-workspace .workspace-right .control-panel .tab-buttons .tab-btn.active{background:var(--primary-color);color:#fff}.main-workspace .workspace-right .control-panel .color-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.main-workspace .workspace-right .control-panel .color-options .color-btn{width:2rem;height:2rem;border-radius:50%;border:.2rem solid transparent;cursor:pointer;box-shadow:0 .2rem .5rem rgba(0,0,0,.15)}.main-workspace .workspace-right .control-panel .custom-color-wrapper,.main-workspace .workspace-right .control-panel .custom-image-wrapper{margin-top:1rem}.main-workspace .workspace-right .control-panel .custom-color-wrapper .custom-color-label{display:block;font-size:.875rem;color:var(--text-light);margin-bottom:.5rem}.main-workspace .workspace-right .control-panel .custom-color-wrapper .custom-color-input{width:2rem!important;height:2rem!important;cursor:pointer;border:0;background:0 0;border-radius:50%;box-sizing:border-box;appearance:none;-webkit-appearance:none;padding:0;margin:0}.main-workspace .workspace-right .control-panel .custom-color-wrapper .custom-color-input::-webkit-color-swatch-wrapper,.main-workspace .workspace-right .control-panel .row input[type=color]::-webkit-color-swatch-wrapper{padding:0!important}.main-workspace .workspace-right .control-panel .custom-color-wrapper .custom-color-input::-webkit-color-swatch,.main-workspace .workspace-right .control-panel .row input[type=color]::-webkit-color-swatch{border:0!important}.main-workspace .workspace-right .control-panel .custom-image-wrapper .custom-bg-btn{width:100%;padding:.875rem;font-size:.875rem;background:#fff;border:.0625rem dashed var(--primary-color);border-radius:.5rem;cursor:pointer;color:var(--primary-color)}.main-workspace .workspace-right .control-panel .custom-image-wrapper .custom-bg-btn:hover{background:#f0f2ff}.main-workspace .workspace-right .control-panel .custom-image-wrapper input{display:none}.main-workspace .workspace-right .control-panel .size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.main-workspace .workspace-right .control-panel .model-options .model-btn,.main-workspace .workspace-right .control-panel .size-options .size-btn{padding:.75rem .625rem;background:#fff;border:.0625rem solid var(--primary-color);border-radius:.5rem;cursor:pointer;font-size:.75rem;text-align:center;color:var(--text-color)}.main-workspace .workspace-right .control-panel .model-options .model-btn.active,.main-workspace .workspace-right .control-panel .size-options .size-btn.active{background:var(--primary-color);color:#fff}.main-workspace .workspace-right .control-panel .model-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.main-workspace .workspace-right .control-panel .model-options .model-btn{font-size:.875rem}button:disabled{opacity:.5!important;cursor:not-allowed!important;border-color:var(--border-color)!important}.main-workspace .workspace-right .control-panel .model-note{margin-top:1rem;font-size:.75rem;color:var(--text-light)}.main-workspace .workspace-right .control-panel .model-note p{margin-bottom:.5rem}.main-workspace .workspace-right .control-panel .model-note p:last-child{margin-bottom:0}.main-workspace .workspace-right .control-panel .model-note p a,.main-workspace .workspace-right .control-panel .row p a{color:var(--primary-color)}.main-workspace .workspace-right .control-panel .lip-color{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.main-workspace .workspace-right .control-panel .lip-color label.custom-color-label{margin-bottom:0}.main-workspace .workspace-right .control-panel .row{display:flex;align-items:center;gap:1rem;margin-top:1rem}.main-workspace .workspace-right .control-panel .row label{font-size:.875rem;color:var(--text-light);min-width:3.5rem}.main-workspace .workspace-right .control-panel .row select{flex:1;border:.0625rem solid var(--border-color);border-radius:.5rem;padding:.5rem;outline:0}.main-workspace .workspace-right .control-panel .row input[type=range]{flex:1;accent-color:#4caf50}.main-workspace .workspace-right .control-panel .row input[type=color]{width:2rem!important;height:2rem!important;cursor:pointer;border:0;background:0 0;border-radius:50%;box-sizing:border-box;appearance:none;-webkit-appearance:none;padding:0;margin:0}.main-workspace .workspace-right .control-panel .row .val{width:1.5rem;text-align:center;font-size:.75rem;color:#aaa}.main-workspace .workspace-right .control-panel .row p{font-size:.875rem;color:var(--text-light)}.main-workspace .workspace-left .canvas-wrapper canvas.pointer{cursor:pointer}@media (max-width:768px){.main-workspace{flex-direction:column}}