.textfx-wrap{position:relative;display:block;max-width:100%}.textfx-wrap canvas{width:100%;height:auto;background:0 0;border-radius:14px;border:1px solid #1e2133;display:block;position:relative;z-index:2}.textfx-overlay{position:absolute;pointer-events:auto;top:0;left:0;z-index:4}.textfx-layer-box{position:absolute;border:2px dashed rgba(148,163,184,.65);border-radius:12px;transform-origin:center center;pointer-events:none;box-sizing:border-box}.textfx-layer-box.is-active{border-color:rgba(96,165,250,.85);box-shadow:0 0 0 1px rgba(59,130,246,.35)}.textfx-layer-handle{position:absolute;width:16px;height:16px;border-radius:4px;background:rgba(15,23,42,.92);border:2px solid rgba(96,165,250,.9);box-shadow:0 6px 16px rgba(59,130,246,.35);pointer-events:auto;touch-action:none}.textfx-layer-handle:after{content:'';position:absolute;inset:2px;border-radius:2px;background:rgba(96,165,250,.85)}.textfx-layer-handle--nw{top:-10px;left:-10px;cursor:nwse-resize}.textfx-layer-handle--ne{top:-10px;right:-10px;cursor:nesw-resize}.textfx-layer-handle--se{bottom:-10px;right:-10px;cursor:nwse-resize}.textfx-layer-handle--sw{bottom:-10px;left:-10px;cursor:nesw-resize}.textfx-controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;align-items:stretch;color:#e5e7eb}.textfx-panel{background:#0b1120;border:1px solid #273043;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 42px rgba(5,10,34,.32)}.textfx-panel--layers{flex:0 0 260px;max-width:280px}.textfx-panel--editor{flex:1 1 320px;min-width:280px}.textfx-panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.textfx-panel-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:600}.textfx-add-layer{padding:6px 12px;border-radius:8px;background:rgba(37,99,235,.1);border:1px dashed rgba(96,165,250,.6);color:#bfdbfe;font-size:13px;cursor:pointer;transition:all .2s ease}.textfx-add-layer:hover{background:rgba(37,99,235,.2);border-color:rgba(96,165,250,.9)}.textfx-layer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;scrollbar-width:thin}.textfx-layer-item{display:flex;align-items:center;gap:8px}.textfx-layer-select{flex:1;padding:8px 10px;border-radius:10px;border:1px solid #273043;background:#111827;color:#f9fafb;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease}.textfx-layer-select:hover{border-color:#3b82f6}.textfx-layer-item.is-active .textfx-layer-select{border-color:#2563eb;background:rgba(37,99,235,.18);color:#e0e7ff;box-shadow:0 0 0 1px rgba(37,99,235,.35)}.textfx-layer-delete{width:34px;height:34px;border-radius:50%;border:1px solid rgba(248,113,113,.45);background:rgba(17,24,39,.95);color:#f87171;font-size:18px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease}.textfx-layer-delete:hover{background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.75)}.textfx-field{display:flex;flex-direction:column;gap:6px}.textfx-field-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:600}.textfx-title{width:100%;min-height:72px;padding:10px 12px;border-radius:10px;border:1px solid #273043;background:#111827;color:#f9fafb;resize:vertical;font-size:15px;line-height:1.4}.textfx-title:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.25)}.textfx-style{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #273043;background:#111827;color:#f9fafb;font-size:14px;cursor:pointer}.textfx-style:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px rgba(56,189,248,.2)}.textfx-field--scale{gap:10px}.textfx-scale-control{display:flex;align-items:center;gap:12px}.textfx-scale{flex:1;accent-color:#10b981}.textfx-scale-value{min-width:52px;text-align:right;font-weight:600;color:#bbf7d0;font-size:14px}.textfx-field--rotation{gap:10px}.textfx-rotation-control{display:flex;align-items:center;gap:12px}.textfx-rotation{flex:1;accent-color:#2563eb}.textfx-rotation-value{min-width:52px;text-align:right;font-weight:600;color:#f8fafc;font-size:14px}.textfx-actions{display:flex;gap:10px;flex-wrap:wrap}.textfx-render{padding:10px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.textfx-render:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(124,58,237,.35)}.textfx-remove-layer{padding:10px 16px;border-radius:10px;border:1px solid rgba(248,113,113,.45);background:rgba(15,23,42,.9);color:#fca5a5;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.textfx-remove-layer:hover{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.8)}@media (max-width:960px){.textfx-panel--layers{flex:1 1 100%;max-width:none}.textfx-panel--editor{flex:1 1 100%;min-width:0}}