.tve-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle,#ffffff1a);width:320px;max-height:min(640px,100vh - 40px);color:var(--text-main,#f4f4f5);z-index:10000;pointer-events:auto;font-size:12.5px;font-family:var(--font-sans,"Inter", system-ui, sans-serif);background:#0a0a0af5;border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 40px #0000008c,0 0 0 1px #9333ea2e}.light-mode .tve-panel,[data-theme=light] .tve-panel{color:var(--text-main,#111827);background:#fffffffa}.tve-panel-header{border-bottom:1px solid var(--border-subtle,#ffffff14);cursor:grab;-webkit-user-select:none;user-select:none;background:#00000059;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.tve-panel-header:active{cursor:grabbing}.tve-panel-header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tve-panel-header-right{gap:2px;display:flex}.tve-tag-badge{color:#fff;text-transform:lowercase;background:#9333ea;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:600}.tve-breadcrumb{color:var(--text-subtle,#71717a);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.tve-icon-btn{width:24px;height:24px;color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s;display:flex}.tve-icon-btn:hover{color:var(--text-main,#fff);background:#ffffff14}.tve-tab-bar{border-bottom:1px solid var(--border-subtle,#ffffff0f);background:#0000004d;gap:2px;padding:4px;display:flex}.tve-tab{color:var(--text-subtle,#71717a);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-family:inherit;font-size:11.5px;transition:background .15s,color .15s;display:flex}.tve-tab:hover{color:var(--text-main,#fff);background:#ffffff0a}.tve-tab.active{color:#d8b4fe;background:#9333ea2e;font-weight:500}.tve-panel-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:12px;overflow-y:auto}.tve-panel-body::-webkit-scrollbar{width:6px}.tve-panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.tve-section{flex-direction:column;gap:10px;display:flex}.tve-subsection{border-bottom:1px solid var(--border-subtle,#ffffff0d);flex-direction:column;gap:8px;padding:10px 0;display:flex}.tve-subsection:last-child{border-bottom:none;padding-bottom:0}.tve-subsection-title-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.tve-subsection-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle,#71717a);font-size:10.5px;font-weight:600}.tve-lock-btn{width:22px;height:22px;color:var(--text-subtle,#71717a);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;font-size:12px;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.tve-lock-btn:hover{color:var(--text-main,#fff);background:#ffffff0d}.tve-lock-btn.active{color:#d8b4fe;background:#9333ea26;border-color:#9333ea4d}.tve-field{flex-direction:column;gap:4px;display:flex}.tve-label{color:var(--text-muted,#a1a1aa);justify-content:space-between;align-items:center;font-size:11px;display:flex}.tve-label-tiny{font-size:10px}.tve-value{color:var(--text-subtle,#71717a);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.tve-hint-sm{color:var(--text-subtle,#71717a);margin-top:2px;font-size:10px}.tve-input{width:100%;color:var(--text-main,#f4f4f5);border:1px solid var(--border-subtle,#ffffff14);background:#ffffff0a;border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.tve-input:focus{border-color:#9333ea99}.tve-textarea{resize:vertical;min-height:44px;font-family:inherit}.tve-number{font-variant-numeric:tabular-nums;width:60px}.tve-hex{text-transform:lowercase;width:80px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tve-unit{width:60px}.tve-num-input{padding:4px 6px;font-size:11px}.tve-row{align-items:center;gap:6px;display:flex}.tve-color-row{gap:8px}.tve-color-picker{border:1px solid var(--border-subtle,#ffffff26);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:28px;padding:0}.tve-color-picker::-webkit-color-swatch-wrapper{padding:0}.tve-color-picker::-webkit-color-swatch{border:none;border-radius:5px}.tve-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.tve-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#9333ea;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #9333ea80}.tve-slider::-moz-range-thumb{cursor:pointer;background:#9333ea;border:none;border-radius:50%;width:14px;height:14px}.tve-btn-group{background:#00000040;border-radius:7px;gap:2px;padding:2px;display:flex}.tve-btn-group-wrap{flex-wrap:wrap}.tve-btn{color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-family:inherit;font-size:11px;transition:background .15s,color .15s;display:inline-flex}.tve-btn:hover{color:var(--text-main,#fff);background:#ffffff0d}.tve-btn.active{color:#d8b4fe;background:#9333ea38}.tve-btn-small{background:#ffffff0a;border:1px solid #ffffff14;align-self:flex-start;padding:4px 10px;font-size:10.5px}.tve-btn-wide{width:100%;padding:10px;font-size:13px;font-weight:500}.tve-btn-primary{color:#fff;background:#9333ea}.tve-btn-primary:hover:not(:disabled){color:#fff;background:#7e22ce}.tve-btn-primary:disabled{cursor:not-allowed;background:#9333ea4d}.tve-btn-ghost{background:#ffffff0a;padding:6px 12px}.tve-btn-ghost:hover{background:#ffffff14}.tve-btn-danger{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;padding:6px 12px}.tve-btn-danger:hover{color:#fecaca;background:#ef444426}.tve-grid-2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tve-grid-4{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tve-num-cell{background:#ffffff08;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex}.tve-num-label{color:var(--text-subtle,#71717a);letter-spacing:.05em;font-size:9.5px;font-weight:600}.tve-ai-quick-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tve-ai-quick-action{color:var(--text-main,#e4e4e7);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:11px;transition:all .15s;display:flex}.tve-ai-quick-action:hover:not(:disabled){background:#9333ea14;border-color:#9333ea4d}.tve-ai-quick-action:disabled{opacity:.5;cursor:not-allowed}.tve-ai-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:6px;align-items:flex-start;margin-top:8px;padding:8px 10px;font-size:11px;display:flex}.tve-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:6px;animation:.7s linear infinite tve-spin;display:inline-block}@keyframes tve-spin{to{transform:rotate(360deg)}}.tve-panel-footer{border-top:1px solid var(--border-subtle,#ffffff0f);background:#0003;gap:6px;padding:8px 10px;display:flex}.tve-panel-footer .tve-btn{flex:1}.canvas-edit-toggle-active{color:#d8b4fe!important;background:#9333ea33!important}.tve-empty-state{text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.tve-empty-icon{color:#a78bfa;background:#9333ea26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:24px;display:flex}.tve-empty-title{color:var(--text-main,#ffffffeb);margin-bottom:6px;font-size:13.5px;font-weight:500}.tve-empty-hint{color:var(--text-subtle,#71717a);max-width:220px;font-size:11.5px;line-height:1.5}.tve-breadcrumb-trail{align-items:center;gap:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;overflow:hidden}.tve-crumb-wrap{align-items:center;gap:1px;display:inline-flex}.tve-crumb{color:var(--text-subtle,#71717a);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:1px 4px;font-family:inherit;font-size:11px}.tve-crumb:hover{color:var(--text-main,#fff);background:#ffffff0f}.tve-crumb.current{color:#d8b4fe;cursor:default}.tve-crumb.current:hover{background:0 0}.tve-crumb-sep{color:var(--text-subtle,#52525b);padding:0 1px}.tve-breadcrumb-empty{color:var(--text-subtle,#71717a);font-size:11px;font-style:italic}.tve-tab.disabled{opacity:.4;cursor:not-allowed}.tve-tab.disabled:hover{color:var(--text-subtle,#71717a);background:0 0}.tve-pending-bar{background:#9333ea1f;border-top:.5px solid #9333ea4d;border-bottom:.5px solid #9333ea4d;align-items:center;gap:8px;padding:8px 12px;display:flex}.tve-pending-dot{background:#a78bfa;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite tve-pending-pulse}@keyframes tve-pending-pulse{0%,to{opacity:.4}50%{opacity:1}}.tve-pending-text{color:#ffffffd9;flex:1;font-size:12px;font-weight:500}.light-mode .tve-pending-text,[data-theme=light] .tve-pending-text{color:#000c}.tve-btn-cancel{color:#ffffffd1;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s}.tve-btn-cancel:hover{background:#ffffff0d;border-color:#ffffff4d}.tve-btn-apply{color:#fff;cursor:pointer;background:#9333ea;border:1px solid #9333ea;border-radius:6px;padding:4px 14px;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s}.tve-btn-apply:hover{background:#a855f7}.tve-preview-wrap{border-radius:12px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tve-edge-glow{pointer-events:none;z-index:2;border-radius:inherit;transition:opacity .3s;animation:2.6s ease-in-out infinite tve-glow-pulse;position:absolute;inset:0;box-shadow:inset 0 0 60px #9333ea66,inset 0 0 120px #9333ea33,inset 0 0 200px #9333ea1a}@keyframes tve-glow-pulse{0%,to{box-shadow:inset 0 0 60px #9333ea66,inset 0 0 120px #9333ea33,inset 0 0 200px #9333ea1a}50%{box-shadow:inset 0 0 80px #9333ea8c,inset 0 0 160px #9333ea4d,inset 0 0 240px #9333ea26}}
.tve-download-dropdown{z-index:10001;background:var(--bg-card,#0f0f0ffa);border:.5px solid var(--border-subtle,#ffffff1a);-webkit-backdrop-filter:blur(14px);width:280px;color:var(--text-main);font-family:var(--font-sans,"Inter", system-ui, sans-serif);border-radius:12px;padding:6px;animation:.14s cubic-bezier(.2,.9,.3,1) tve-dropdown-in;position:fixed;box-shadow:0 16px 40px #00000080}.light-mode .tve-download-dropdown,[data-theme=light] .tve-download-dropdown{background:#fffffffa;border-color:#00000014;box-shadow:0 16px 40px #0000001f}@keyframes tve-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tve-download-dropdown-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);padding:8px 10px 6px;font-size:11px;font-weight:600}.tve-download-dropdown-item{cursor:pointer;width:100%;color:var(--text-main);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:background .12s;display:flex}.tve-download-dropdown-item:hover{background:#9333ea1a}.light-mode .tve-download-dropdown-item:hover,[data-theme=light] .tve-download-dropdown-item:hover{background:#9333ea14}.tve-download-dropdown-icon{color:var(--text-muted,#a1a1aa);text-align:center;flex-shrink:0;width:24px;font-size:20px}.tve-download-dropdown-text{flex:1;min-width:0}.tve-download-dropdown-name{color:var(--text-main);font-size:13px;font-weight:500;line-height:1.25}.tve-download-dropdown-desc{color:var(--text-subtle);margin-top:2px;font-size:11.5px;line-height:1.3}.tve-area-overlay{z-index:10050;pointer-events:auto;font-family:var(--font-sans,"Inter", system-ui, sans-serif);position:fixed;overflow:hidden}.tve-area-canvas{cursor:crosshair;background:#00000047;position:absolute;inset:0}.tve-area-rect{pointer-events:none;background:#9333ea1f;border:2px solid #9333ea;border-radius:2px;position:absolute;box-shadow:0 0 0 9999px #00000073}.tve-area-hint{color:#fff;pointer-events:none;z-index:2;background:#9333eaf2;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:500;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #9333ea59}.tve-area-toolbar,.tve-area-confirm-bar{-webkit-backdrop-filter:blur(14px);z-index:3;background:#0f0f0ff5;border:.5px solid #ffffff14;border-radius:14px;align-items:center;gap:6px;padding:10px 12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000008c}.light-mode .tve-area-toolbar,.light-mode .tve-area-confirm-bar,[data-theme=light] .tve-area-toolbar,[data-theme=light] .tve-area-confirm-bar{color:#111;background:#fffffff7;border-color:#00000014;box-shadow:0 16px 40px #0000002e}.tve-area-title{color:var(--text-main,#fffffff2);white-space:nowrap;padding:0 8px 0 6px;font-size:12.5px;font-weight:500}.tve-area-actions{gap:6px;display:flex}.tve-area-actions button,.tve-area-confirm-bar button{color:var(--text-main,#f4f4f5);cursor:pointer;background:#ffffff0f;border:.5px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,transform .12s;display:inline-flex}.light-mode .tve-area-actions button,.light-mode .tve-area-confirm-bar button,[data-theme=light] .tve-area-actions button,[data-theme=light] .tve-area-confirm-bar button{color:#111;background:#0000000a;border-color:#0000001a}.tve-area-actions button:hover,.tve-area-confirm-bar button:hover{background:#ffffff1f;transform:translateY(-1px)}.light-mode .tve-area-actions button:hover,.light-mode .tve-area-confirm-bar button:hover,[data-theme=light] .tve-area-actions button:hover,[data-theme=light] .tve-area-confirm-bar button:hover{background:#00000014}.tve-area-actions button i,.tve-area-confirm-bar button i{font-size:14px}.tve-area-cancel{color:var(--text-subtle,#ffffff80)!important}.tve-area-primary{color:#fff!important;background:#9333ea!important;border-color:#0000!important}.tve-area-primary:hover{background:#7e22ce!important}.canvas-download-btn{background:var(--btn-primary-bg,#000);height:34px;color:var(--btn-primary-text,#fff);cursor:pointer;border:.5px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:opacity .15s,transform .15s;display:inline-flex}.canvas-download-btn:hover{opacity:.88;transform:translateY(-.5px)}.canvas-download-btn i{font-size:14px}