:root{--txt-bg:#07070c;--txt-bg-2:#0d0d16;--txt-panel:rgba(20,20,32,.85);--txt-panel-solid:#141420;--txt-panel-2:#1a1a2a;--txt-border:hsla(0,0%,100%,.06);--txt-border-strong:hsla(0,0%,100%,.12);--txt-text:#f0f0f8;--txt-muted:#7a7a90;--txt-muted-2:#52525e;--txt-accent:#a855f7;--txt-accent-glow:rgba(168,85,247,.4);--txt-accent-2:#22d3ee;--txt-accent-2-glow:rgba(34,211,238,.4);--txt-success:#4ade80;--txt-danger:#ef4444;--txt-warning:#fbbf24;--txt-radius:10px;--txt-radius-sm:6px;--txt-shadow-lg:0 24px 60px -20px rgba(0,0,0,.6),0 8px 20px -8px rgba(0,0,0,.4)}html.dark{--txt-bg:#07070c;--txt-bg-2:#0d0d16;--txt-panel:rgba(20,20,32,.85);--txt-panel-solid:#141420;--txt-panel-2:#1a1a2a;--txt-border:hsla(0,0%,100%,.06);--txt-border-strong:hsla(0,0%,100%,.12);--txt-text:#f0f0f8;--txt-muted:#7a7a90}:root:not(html.dark){--txt-bg:#f5f5f7;--txt-bg-2:#ebebef;--txt-panel:hsla(0,0%,100%,.92);--txt-panel-solid:#fff;--txt-panel-2:#f0f0f4;--txt-border:rgba(0,0,0,.08);--txt-border-strong:rgba(0,0,0,.15);--txt-text:#1a1a2e;--txt-muted:#6b6b80;--txt-muted-2:#9a9ab0}*{margin:0;padding:0;box-sizing:border-box}.txtfx-app{display:grid;grid-template-rows:56px 1fr 140px;height:100vh;background:radial-gradient(circle at 20% 0,rgba(168,85,247,.08),transparent 50%),radial-gradient(circle at 80% 100%,rgba(34,211,238,.06),transparent 50%),var(--txt-bg);font-family:Outfit,sans-serif;color:var(--txt-text);font-size:13px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}.txtfx-app ::-webkit-scrollbar{width:8px;height:8px}.txtfx-app ::-webkit-scrollbar-track{background:transparent}.txtfx-app ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.txtfx-app ::-webkit-scrollbar-thumb:hover{background:#ffffff26}.txtfx-app header{display:flex;align-items:center;padding:0 20px;background:var(--txt-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--txt-border);gap:16px;z-index:10}.logo,.txtfx-landing-logo{gap:10px}.logo{display:flex;align-items:center}.logo-text{flex-direction:column}.logo-mark,.logo-text{display:flex;justify-content:center}.logo-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--txt-accent),#ec4899);border-radius:7px;align-items:center;box-shadow:0 4px 16px var(--txt-accent-glow);position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,hsla(0,0%,100%,.3) 50%,transparent 60%);animation:txtfx-shimmer 3s infinite}@keyframes txtfx-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logo span{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;letter-spacing:.5px;color:#fff}.logo small{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt-muted);letter-spacing:1.5px;font-weight:400;margin-top:2px;display:block}.header-divider{width:1px;height:24px;background:var(--txt-border)}.size-selector{display:flex;align-items:center;gap:8px;background:var(--txt-bg-2);border:1px solid var(--txt-border);border-radius:var(--txt-radius-sm);padding:4px}.size-selector select{background:transparent;border:none;color:var(--txt-text);font-family:inherit;font-size:12px;padding:6px 10px;outline:none;cursor:pointer;min-width:180px}.size-selector select option{background:var(--txt-panel-solid);color:var(--txt-text)}.size-dim{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--txt-muted);padding:0 10px;border-left:1px solid var(--txt-border)}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.txtfx-btn{background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:8px 14px;border-radius:var(--txt-radius-sm);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.txtfx-btn:hover{background:var(--txt-panel-2);border-color:var(--txt-border-strong);transform:translateY(-1px)}.txtfx-btn:active{transform:translateY(0)}.txtfx-btn-primary{background:linear-gradient(135deg,var(--txt-accent),#ec4899);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 16px var(--txt-accent-glow)}.txtfx-btn-primary:hover{box-shadow:0 6px 24px var(--txt-accent-glow);transform:translateY(-1px)}.txtfx-btn-ghost{background:transparent;border-color:transparent}.txtfx-btn-ghost:hover{background:var(--txt-bg-2)}.txtfx-app main{display:grid;grid-template-columns:260px 1fr 320px;overflow:hidden;min-height:0}.txtfx-left-panel,.txtfx-right-panel{background:var(--txt-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.txtfx-left-panel{border-right:1px solid var(--txt-border)}.txtfx-right-panel{border-left:1px solid var(--txt-border);overflow-y:auto}.txtfx-panel-header{padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between}.txtfx-panel-title,.txtfx-section-title{font-family:Space Grotesk,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--txt-muted);font-weight:600}.txtfx-section-title{margin-bottom:12px;display:flex;align-items:center;gap:8px}.txtfx-section-title i{color:var(--txt-accent);font-size:10px}.txtfx-category-tabs{display:flex;gap:4px;padding:0 12px 10px;flex-wrap:wrap}.txtfx-cat-tab{background:transparent;border:1px solid var(--txt-border);color:var(--txt-muted);padding:5px 10px;border-radius:20px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.txtfx-cat-tab:hover{color:var(--txt-text);border-color:var(--txt-border-strong)}.txtfx-cat-tab.active{background:var(--txt-accent);border-color:var(--txt-accent);color:#fff;box-shadow:0 2px 12px var(--txt-accent-glow)}.txtfx-effect-grid{flex:1;overflow-y:auto;padding:4px 12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.txtfx-effect-thumb{background:var(--txt-bg-2);border:1px solid var(--txt-border);border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:all .2s;aspect-ratio:1.6;min-width:0;min-height:65px}.txtfx-effect-thumb:hover{border-color:var(--txt-accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px var(--txt-accent)}.txtfx-effect-thumb.selected{border-color:var(--txt-accent);box-shadow:0 0 0 2px var(--txt-accent),0 4px 16px var(--txt-accent-glow)}.txtfx-effect-thumb canvas{width:100%;height:100%;display:block}.txtfx-effect-thumb-name{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(transparent,#000000d9);font-size:9px;font-weight:500;color:#fff;text-align:center;pointer-events:none}.txtfx-effect-thumb-badge{right:4px;border-radius:4px;padding:2px 5px;font-size:7px;font-weight:600;color:var(--txt-accent-2);text-transform:uppercase;letter-spacing:.5px}.txtfx-effect-thumb-badge,.txtfx-effect-thumb-fav{position:absolute;top:4px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.txtfx-effect-thumb-fav{left:4px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--txt-warning);cursor:pointer;border:none}.txtfx-effect-thumb-fav:not(.active){color:#ffffff4d}.txtfx-effect-thumb-fav:not(.active):hover{color:var(--txt-warning)}.txtfx-center-panel{flex-direction:column;background:var(--txt-bg)}.txtfx-center-panel,.txtfx-preview-area{display:flex;overflow:hidden;position:relative}.txtfx-preview-area{flex:1;align-items:center;justify-content:center;padding:24px;min-height:0}.txtfx-preview-area:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.txtfx-canvas-wrap{position:relative;max-width:100%;max-height:100%;border-radius:12px;overflow:hidden;box-shadow:var(--txt-shadow-lg),0 0 0 1px var(--txt-border-strong);background:transparent}.txtfx-canvas-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#1a1a2a 25%,transparent 0),linear-gradient(-45deg,#1a1a2a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1a1a2a 0),linear-gradient(-45deg,transparent 75%,#1a1a2a 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;opacity:.3;pointer-events:none}.txtfx-main-canvas{display:block;max-width:100%;max-height:100%;position:relative;z-index:1}.txtfx-canvas-overlay{position:absolute;top:12px;left:12px;display:flex;gap:6px;pointer-events:none;z-index:2}.txtfx-canvas-tag{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;color:#fff;border:1px solid hsla(0,0%,100%,.1)}.txtfx-canvas-tag.alpha{color:var(--txt-accent-2)}.txtfx-canvas-tag.alpha:before{content:"◆";margin-right:4px}.txtfx-transport-bar{display:flex;align-items:center;padding:12px 20px;background:var(--txt-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--txt-border);gap:16px}.txtfx-transport-controls{display:flex;gap:6px;align-items:center}.txtfx-transport-btn{width:34px;height:34px;border-radius:50%;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.txtfx-transport-btn:hover{background:var(--txt-panel-2);border-color:var(--txt-border-strong)}.txtfx-transport-btn.play{background:linear-gradient(135deg,var(--txt-accent),#ec4899);border-color:transparent;color:#fff;width:40px;height:40px;box-shadow:0 4px 16px var(--txt-accent-glow)}.txtfx-transport-btn.loop-on{color:var(--txt-accent);border-color:var(--txt-accent)}.txtfx-time-display{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--txt-text);background:var(--txt-bg-2);padding:6px 12px;border-radius:6px;border:1px solid var(--txt-border);min-width:120px;text-align:center}.txtfx-time-display .muted{color:var(--txt-muted)}.txtfx-duration-input{width:60px;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:5px 8px;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:11px}.txtfx-right-section{padding:14px 16px;border-bottom:1px solid var(--txt-border)}.txtfx-right-section:last-child{border-bottom:none}.txtfx-param-row{margin-bottom:14px}.txtfx-param-row:last-child{margin-bottom:0}.txtfx-param-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.txtfx-param-label span{font-size:11px;color:var(--txt-text);font-weight:500}.txtfx-param-value{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt-muted);background:var(--txt-bg-2);padding:2px 6px;border-radius:3px}.txtfx-param-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--txt-bg-2);border-radius:2px;outline:none;cursor:pointer}.txtfx-param-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--txt-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 0 3px #a855f733;-webkit-transition:transform .15s;transition:transform .15s}.txtfx-param-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.txtfx-param-slider::-moz-range-thumb{width:14px;height:14px;background:var(--txt-accent);border-radius:50%;cursor:pointer;border:none}.txtfx-text-input{width:100%;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:9px 12px;border-radius:6px;font-family:inherit;font-size:13px;outline:none;resize:vertical;min-height:60px}.txtfx-text-input:focus{border-color:var(--txt-accent)}.txtfx-select-input{width:100%;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:9px 12px;border-radius:6px;font-family:inherit;font-size:12px;outline:none;cursor:pointer}.txtfx-select-input:focus{border-color:var(--txt-accent)}.txtfx-select-input option{background:var(--txt-panel-solid);color:var(--txt-text)}.txtfx-color-row{display:flex;gap:8px;align-items:center}.txtfx-color-input{width:32px;height:32px;border:1px solid var(--txt-border);border-radius:6px;cursor:pointer;background:transparent;padding:0;overflow:hidden}.txtfx-color-input::-webkit-color-swatch{border:none;border-radius:5px}.txtfx-color-input::-webkit-color-swatch-wrapper{padding:2px}.txtfx-color-hex{flex:1;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:7px 10px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:11px;outline:none}.txtfx-color-hex:focus{border-color:var(--txt-accent)}.txtfx-toggle-switch{position:relative;width:36px;height:20px;background:var(--txt-bg-2);border:1px solid var(--txt-border);border-radius:10px;cursor:pointer;transition:all .2s}.txtfx-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--txt-muted);border-radius:50%;transition:all .2s}.txtfx-toggle-switch.on{background:var(--txt-accent);border-color:var(--txt-accent)}.txtfx-toggle-switch.on:after{left:18px;background:#fff}.txtfx-preset-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.txtfx-preset-color{height:24px;border-radius:4px;cursor:pointer;border:1px solid var(--txt-border);transition:transform .15s}.txtfx-preset-color:hover{transform:scale(1.1);border-color:var(--txt-accent)}.txtfx-timeline-panel{background:var(--txt-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--txt-border);display:flex;flex-direction:column;overflow:hidden}.txtfx-timeline-header{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--txt-border);gap:12px}.txtfx-zoom-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--txt-bg-2);border-radius:2px;outline:none;cursor:pointer}.txtfx-timeline-track-container{flex:1;overflow:auto;padding:10px 16px;position:relative}.txtfx-timeline-inner{position:relative;min-width:100%}.txtfx-timeline-ruler{position:relative;height:18px;margin-bottom:4px;background:var(--txt-bg-2);border-radius:4px;border:1px solid var(--txt-border);cursor:pointer}.txtfx-ruler-mark{position:absolute;top:0;width:1px;height:8px;background:var(--txt-muted-2)}.txtfx-ruler-mark.major{height:12px;background:var(--txt-muted)}.txtfx-ruler-label{position:absolute;top:8px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt-muted);transform:translate(-50%);white-space:nowrap}.txtfx-timeline-track{position:relative;height:48px;background:var(--txt-bg-2);border-radius:6px;border:1px solid var(--txt-border);overflow:hidden}.txtfx-playhead{top:0;bottom:0;width:2px;box-shadow:0 0 8px var(--txt-accent-2-glow);pointer-events:none;z-index:5}.txtfx-playhead,.txtfx-playhead:before{position:absolute;background:var(--txt-accent-2)}.txtfx-playhead:before{content:"";top:-3px;left:-5px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px var(--txt-accent-2-glow)}.txtfx-playhead:after{content:"";position:absolute;top:-6px;bottom:-6px;left:-8px;width:18px;pointer-events:auto;cursor:ew-resize}.txtfx-playhead.dragging:before{background:#fff;box-shadow:0 0 18px var(--txt-accent-2-glow),0 0 0 3px var(--txt-accent-2);transform:scale(1.2);transition:transform .1s}.txtfx-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:100}.txtfx-modal-backdrop.show{display:flex;animation:txtfx-fadeIn .2s}@keyframes txtfx-fadeIn{0%{opacity:0}to{opacity:1}}.txtfx-modal{background:var(--txt-panel-solid);border:1px solid var(--txt-border-strong);border-radius:12px;padding:24px;min-width:460px;max-width:520px;box-shadow:var(--txt-shadow-lg)}.txtfx-modal h3{font-family:Space Grotesk,sans-serif;font-size:18px;margin-bottom:6px}.txtfx-modal p{color:var(--txt-muted);font-size:12px;margin-bottom:18px}.txtfx-modal-row{margin-bottom:14px}.txtfx-modal-row label{display:block;font-size:11px;color:var(--txt-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.txtfx-modal-row input,.txtfx-modal-row select{width:100%;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:9px 12px;border-radius:6px;font-family:inherit;font-size:13px;outline:none}.txtfx-modal-row input:focus,.txtfx-modal-row select:focus{border-color:var(--txt-accent)}.txtfx-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.txtfx-toast-container{position:fixed;bottom:160px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.txtfx-toast{background:var(--txt-panel-solid);border:1px solid var(--txt-border-strong);padding:10px 16px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--txt-shadow-lg);animation:txtfx-slideIn .3s;min-width:200px}@keyframes txtfx-slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.txtfx-toast.success{border-left:3px solid var(--txt-success)}.txtfx-toast.success i{color:var(--txt-success)}.txtfx-toast.error{border-left:3px solid var(--txt-danger)}.txtfx-toast.error i{color:var(--txt-danger)}.txtfx-toast.info{border-left:3px solid var(--txt-accent-2)}.txtfx-toast.info i{color:var(--txt-accent-2)}.txtfx-progress-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:300;flex-direction:column;gap:20px}.txtfx-progress-overlay.show{display:flex}.txtfx-progress-text{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.txtfx-progress-bar-bg{width:300px;height:6px;background:var(--txt-bg-2);border-radius:3px;overflow:hidden}.txtfx-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--txt-accent),var(--txt-accent-2));width:0;transition:width .2s}.txtfx-progress-detail{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--txt-muted)}.txtfx-saved-presets-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:200px;overflow-y:auto}.txtfx-saved-preset-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--txt-bg-2);border:1px solid var(--txt-border);border-radius:5px;font-size:11px;cursor:pointer}.txtfx-saved-preset-item:hover{border-color:var(--txt-accent)}.txtfx-saved-preset-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txtfx-saved-preset-actions{display:flex;gap:4px}.txtfx-saved-preset-actions button{background:transparent;border:none;color:var(--txt-muted);cursor:pointer;padding:2px 4px;font-size:10px}.txtfx-saved-preset-actions button:hover{color:var(--txt-text)}.txtfx-saved-preset-actions button.delete:hover{color:var(--txt-danger)}.txtfx-empty-hint{font-size:10px;color:var(--txt-muted-2);font-style:italic;text-align:center;padding:12px}.txtfx-save-preset-row{display:flex;gap:6px;margin-top:8px}.txtfx-save-preset-row input{flex:1;background:var(--txt-bg-2);border:1px solid var(--txt-border);color:var(--txt-text);padding:6px 10px;border-radius:5px;font-family:inherit;font-size:11px;outline:none}.txtfx-save-preset-row input:focus{border-color:var(--txt-accent)}.txtfx-save-preset-row button{background:var(--txt-accent);border:none;color:#fff;padding:6px 12px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}.txtfx-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--txt-bg);position:relative;overflow:hidden}.txtfx-landing-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.12),transparent 50%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.08),transparent 50%)}.txtfx-landing-content{position:relative;z-index:1;text-align:center;padding:40px;max-width:700px}.txtfx-landing-hero{gap:24px}.txtfx-landing-hero,.txtfx-landing-logo{display:flex;flex-direction:column;align-items:center}.txtfx-landing-logo{gap:12px}.txtfx-landing-logo-mark{width:64px;height:64px;background:linear-gradient(135deg,var(--txt-accent),#ec4899);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--txt-accent-glow)}.txtfx-landing-title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;background:linear-gradient(90deg,#fff,var(--txt-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.txtfx-landing-subtitle{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--txt-muted);letter-spacing:2px;text-transform:uppercase}.txtfx-landing-desc{color:var(--txt-muted);font-size:15px;line-height:1.6;max-width:500px}.txtfx-landing-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:500px}.txtfx-landing-feature{display:flex;align-items:flex-start;gap:12px;text-align:left;background:var(--txt-panel);border:1px solid var(--txt-border);border-radius:10px;padding:16px}.txtfx-landing-feature i{font-size:18px;margin-top:2px}.txtfx-landing-feature strong{font-size:12px;color:var(--txt-text)}.txtfx-landing-feature span{font-size:11px;color:var(--txt-muted)}.txtfx-landing-cta{background:linear-gradient(135deg,var(--txt-accent),#ec4899);border:none;color:#fff;padding:14px 32px;border-radius:10px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px var(--txt-accent-glow);transition:all .2s}.txtfx-landing-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px var(--txt-accent-glow)}.txtfx-mobile-tabs{display:none}@media(max-width:1100px){.txtfx-app main{grid-template-columns:220px 1fr 280px}}@media(max-width:1023px){.txtfx-app{grid-template-rows:48px 1fr 52px!important;height:100dvh!important;min-height:0!important}.txtfx-app header{padding:0 10px!important;gap:8px!important}.txtfx-app main{display:flex!important;flex-direction:column;overflow:hidden;min-height:0!important;height:auto!important}.txtfx-app main>*{width:100%!important;min-width:0!important;max-width:100%!important;flex-shrink:0;height:0!important;min-height:0!important}.txtfx-app main>:nth-child(2){flex:1 1 0!important;order:0!important;display:flex!important;border-right:none!important;border-left:none!important}.txtfx-app main>:first-child,.txtfx-app main>:nth-child(3){display:none!important;flex:1 1 0!important;order:1!important;overflow-y:auto!important;border-right:none!important;border-left:none!important;border-top:1px solid var(--txt-border)!important}.txtfx-app[data-mobile-tab=effects] main>:first-child,.txtfx-app[data-mobile-tab=settings] main>:nth-child(3){display:flex!important}.txtfx-timeline-panel{display:none!important}.txtfx-mobile-tabs{display:flex;height:52px;border-top:1px solid var(--txt-border);background:var(--txt-panel-solid);flex-shrink:0}.txtfx-mobile-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;color:var(--txt-muted);background:transparent;border:none;cursor:pointer;transition:color .15s;font-family:inherit}.txtfx-mobile-tabs button i{font-size:18px}.txtfx-mobile-tabs button.active{color:var(--txt-accent)}.txtfx-mobile-tabs button:active{background:var(--txt-bg-2)}.txtfx-effect-grid{grid-template-columns:1fr 1fr 1fr!important}.txtfx-preview-area{padding:12px!important}.txtfx-center-panel{border-radius:0!important}.txtfx-toast-container{bottom:72px!important;right:12px!important;left:12px!important}.txtfx-modal{min-width:0!important;width:calc(100vw - 32px)!important;max-width:400px!important;padding:16px!important}.txtfx-canvas-overlay{top:6px!important;left:6px!important}.txtfx-canvas-tag{font-size:8px!important;padding:2px 5px!important}.txtfx-category-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px!important}.txtfx-category-tabs::-webkit-scrollbar{display:none}.txtfx-right-section{padding:10px 12px!important}.txtfx-param-row{margin-bottom:10px!important}}@media(max-width:380px){.txtfx-app{grid-template-rows:44px 1fr 48px!important}.txtfx-app main>*{flex:1 1 0!important;height:0!important;min-height:0!important}.txtfx-mobile-tabs button{font-size:9px!important}.txtfx-mobile-tabs button i{font-size:16px!important}.txtfx-effect-grid{grid-template-columns:1fr 1fr!important}}.txtfx-btn-gradient[data-v-2943cc12]{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.txtfx-btn-gradient[data-v-2943cc12]:hover{background:linear-gradient(135deg,#9333ea,#db2777);box-shadow:0 0 12px #a855f766}.txtfx-close-btn[data-v-2943cc12]{color:var(--txt-muted);font-size:14px;background:none;border:1px solid var(--txt-border);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.txtfx-close-btn[data-v-2943cc12]:hover{color:var(--txt-danger);border-color:var(--txt-danger);background:#ef44441a}@media(max-width:1023px){.header-divider[data-v-2943cc12],.logo-text[data-v-2943cc12],.size-selector[data-v-2943cc12],.txtfx-mobile-hide-label .txtfx-btn-label[data-v-2943cc12]{display:none!important}.txtfx-mobile-hide-label[data-v-2943cc12]{padding:6px 10px!important}header[data-v-2943cc12]{padding:0 10px!important;gap:8px!important}}@media(max-width:1023px){.txtfx-transport-bar[data-v-3cf97458]{display:none!important}}