.tyk-tool{--blue:#1769e0;--navy:#17243b;--muted:#65758b;--line:#dbe5f0;box-sizing:border-box;color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:24px auto;max-width:1120px}
.tyk-tool *{box-sizing:inherit}.tyk-tool [hidden]{display:none!important}
.tyk-card{background:#fff;border:1px solid #e5ebf2;border-radius:18px;box-shadow:0 18px 50px rgba(24,45,76,.1);padding:28px}
.tyk-privacy{align-items:center;background:#eef7ff;border:1px solid #d5e9ff;border-radius:10px;color:#174f8c;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:9px 12px}.tyk-tool.has-workspace .tyk-drop{display:none}
.tyk-drop{align-items:center;background:#f6faff;border:2px dashed #8bb9f4;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:150px;padding:14px;text-align:center;transition:.2s}
.tyk-drop:hover,.tyk-drop:focus-visible,.tyk-drop.is-drag{background:#eef6ff;border-color:var(--blue);outline:0}.tyk-drop input{height:1px;opacity:0;position:absolute;width:1px}
.tyk-upload{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:flex;font-size:24px;height:42px;justify-content:center;width:42px}.tyk-drop strong{font-size:19px}.tyk-drop>span:not(.tyk-upload),.tyk-drop small{color:var(--muted)}
.tyk-error{background:#fff0f0;border:1px solid #ffc9c9;border-radius:8px;color:#a31e1e;margin-top:12px;padding:11px}
.tyk-workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);margin-top:14px}
.tyk-canvas-wrap{align-items:center;aspect-ratio:16/9;background:#e9eef5;border-radius:13px;display:flex;justify-content:center;overflow:hidden;position:relative}
.tyk-canvas-wrap canvas{cursor:grab;display:block;height:100%;touch-action:none;width:100%}.tyk-canvas-wrap canvas:active{cursor:grabbing}.tyk-canvas-wrap canvas.is-over-text,.tyk-canvas-wrap.is-text-drag canvas{cursor:move}
.tyk-empty{align-items:center;color:#74859b;display:flex;flex-direction:column;gap:7px;pointer-events:none;position:absolute}.tyk-empty strong{font-size:30px}
.tyk-live{background:rgba(15,28,47,.82);border-radius:99px;color:#fff;font-size:11px;font-weight:700;left:12px;padding:5px 9px;position:absolute;top:12px}
.tyk-canvas-delete{background:#c92b35;border:2px solid rgba(255,255,255,.9);border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:11px;font-weight:750;padding:7px 10px;position:absolute;right:12px;top:12px;z-index:3}.tyk-canvas-delete:hover{background:#a91620}
.tyk-preview>p{color:var(--muted);font-size:11px;margin:5px 0}
.tyk-preview-actions{display:grid;gap:7px;grid-template-columns:.8fr .8fr .8fr 1fr auto}.tyk-preview-actions button{background:#eef3f8;border:1px solid var(--line);border-radius:8px;color:#34465e;cursor:pointer;padding:9px}
.tyk-preview-actions [data-tyk-undo],.tyk-preview-actions [data-tyk-redo]{align-items:center;background:#eef5ff;color:#155fc5;display:flex;gap:4px;justify-content:center}.tyk-preview-actions [data-tyk-undo] span:first-child,.tyk-preview-actions [data-tyk-redo] span:first-child{font-size:22px;line-height:1}.tyk-preview-actions [data-tyk-undo]:disabled,.tyk-preview-actions [data-tyk-redo]:disabled{cursor:not-allowed;opacity:.45}.tyk-preview-actions [data-tyk-clear]{background:#fff0f0;color:#a22c2c}
.tyk-controls{background:#f8fafd;border:1px solid #e5ebf2;border-radius:13px;padding:9px}.tyk-controls h3{font-size:13px;margin:0 0 5px}.tyk-controls h3:not(:first-child){border-top:1px solid #e2e9f1;margin-top:6px;padding-top:6px}
.tyk-controls label>span{display:block;font-size:11px;font-weight:700;margin-bottom:4px}.tyk-controls input[type=range]{accent-color:var(--blue);width:100%}
.tyk-controls textarea,.tyk-controls input[type=number],.tyk-controls select{background:#fff;border:1px solid var(--line);border-radius:7px;font:inherit;padding:4px 6px;width:100%}.tyk-controls textarea{min-height:42px;resize:vertical}.tyk-controls input[type=color]{background:#fff;border:1px solid var(--line);border-radius:7px;height:27px;padding:2px;width:100%}
.tyk-grid{display:grid;gap:5px 7px;grid-template-columns:1fr 1fr}.tyk-check{align-items:center;display:inline-flex;gap:5px;margin:5px 10px 0 0}.tyk-check input{accent-color:var(--blue);height:14px;width:14px}.tyk-check span{margin:0!important}
.tyk-layer-row{align-items:flex-start;display:flex;gap:7px;margin-bottom:8px}.tyk-layers{display:flex;flex:1;flex-wrap:wrap;gap:5px}.tyk-layers button,.tyk-add-text{background:#fff;border:1px solid #cddbed;border-radius:7px;color:#36516f;cursor:pointer;font-size:11px;padding:6px 8px}.tyk-layers button.is-active{background:var(--blue);border-color:var(--blue);color:#fff}.tyk-add-text{color:#155fc5;font-weight:700;white-space:nowrap}
.tyk-selected-row{align-items:center;background:#f0f5fb;border-radius:7px;display:flex;font-size:11px;justify-content:space-between;margin-bottom:7px;padding:5px 8px}.tyk-selected-row button{background:transparent;border:0;color:#bb3030;cursor:pointer;font-size:10px}.tyk-selected-row button:disabled{opacity:.35}
.tyk-background-controls,.tyk-shadow-controls{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-top:5px}.tyk-template-row{background:#f1f5fb;border-radius:8px;margin-bottom:7px;padding:7px}.tyk-template-row>span{color:#50657e;display:block;font-size:10px;font-weight:700;margin-bottom:6px}.tyk-template-row>div{display:grid;gap:5px;grid-template-columns:repeat(5,1fr)}.tyk-template-row button{border:1px solid #cbd9ea;border-radius:7px;cursor:pointer;font-size:12px;min-height:42px;padding:6px 5px;text-align:center}.tyk-template-row button:nth-child(1){background:#171717;color:#fff;font-family:Impact,Arial,sans-serif;font-size:14px;letter-spacing:.4px;text-shadow:1px 1px #000}.tyk-template-row button:nth-child(2){background:#20102f;color:#72f6ff;font-weight:900;text-shadow:0 0 7px #a431ff}.tyk-template-row button:nth-child(3){background:#d71920;color:#fff;font-weight:800;text-shadow:1px 1px #700}.tyk-template-row button:nth-child(4){background:#fff8e6;color:#8b6216;font-family:Georgia,serif;font-style:italic}.tyk-template-row button:nth-child(5){background:#ffe600;color:#111;font-family:Impact,Arial,sans-serif;font-size:14px}.tyk-template-row button:hover{border-color:#4b91df;box-shadow:0 2px 8px rgba(23,105,224,.2);transform:translateY(-1px)}
.tyk-preview .tyk-background-controls{background:#f7f9fc;border:1px solid #e3eaf3;border-radius:8px;gap:6px;margin-top:6px;padding:6px}.tyk-preview .tyk-background-controls label>span{display:block;font-size:10px;font-weight:700;margin-bottom:3px}.tyk-preview .tyk-background-controls select{background:#fff;border:1px solid var(--line);border-radius:6px;font:inherit;padding:5px;width:100%}.tyk-preview .tyk-background-controls input[type=color]{background:#fff;border:1px solid var(--line);border-radius:6px;height:29px;padding:2px;width:100%}.tyk-controls .tyk-template-row{margin-bottom:5px;padding:5px}.tyk-controls .tyk-template-row>span{margin-bottom:4px}.tyk-controls .tyk-template-row button{font-size:10px;min-height:34px;padding:4px 3px}.tyk-controls .tyk-layer-row,.tyk-controls .tyk-selected-row{margin-bottom:5px}
.tyk-template-row button:nth-child(6){background:#f7f7f7;color:#202020;font-family:"Trebuchet MS",sans-serif;font-weight:600}.tyk-template-row button:nth-child(7){background:#7b2f20;color:#ffcf70;font-family:Georgia,serif;font-weight:900}.tyk-template-row button:nth-child(8){background:#23105c;color:#8aff00;font-family:Impact,Arial,sans-serif;font-size:13px;text-shadow:0 0 6px #7b20ff}.tyk-template-row button:nth-child(9){background:#17120a;color:#f4d77d;font-family:"Times New Roman",serif;font-weight:700;text-decoration:underline}.tyk-template-row button:nth-child(10){background:#fff;color:#e00034;font-family:"Trebuchet MS",sans-serif;font-style:italic;font-weight:900;text-shadow:1px 1px #151f54}
.tyk-image-layers-row{align-items:center;background:#f7f9fc;border:1px solid #e3eaf3;border-radius:8px;display:flex;gap:7px;margin-top:8px;padding:7px}.tyk-image-layers-row>span{color:#5a6d84;font-size:11px;font-weight:700;white-space:nowrap}.tyk-image-layers-row>div{display:flex;flex:1;flex-wrap:wrap;gap:4px}.tyk-image-layers-row button{background:#fff;border:1px solid #ccd9e8;border-radius:6px;color:#405775;cursor:pointer;font-size:10px;padding:5px 7px}.tyk-image-layers-row div button.is-active{background:#ffb020;border-color:#ffb020;color:#312000}.tyk-image-layers-row>[data-tyk-remove-image]{color:#b52e2e}.tyk-image-layers-row>[data-tyk-remove-image]:disabled{opacity:.35}
.tyk-order-row{align-items:center;background:#f3f0ff;border:1px solid #ded5ff;border-radius:8px;display:flex;gap:5px;margin-top:5px;padding:6px}.tyk-order-row>span{color:#5c4b88;font-size:10px;font-weight:700;white-space:nowrap}.tyk-order-row>div{display:flex;flex:1;flex-wrap:wrap;gap:3px}.tyk-order-row button{background:#fff;border:1px solid #cfc4f5;border-radius:6px;color:#514276;cursor:pointer;font-size:11px;height:27px;min-width:28px;padding:3px 6px}.tyk-order-row div button.is-active{background:#7453d6;border-color:#7453d6;color:#fff}.tyk-order-row>button{font-size:16px;font-weight:800}.tyk-order-row>button:disabled{cursor:not-allowed;opacity:.35}
.tyk-size-control{grid-column:1/-1}.tyk-size-control>div{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 68px}.tyk-size-control input[type=number]{padding:6px 7px}
.tyk-output-panel{background:#f8fafd;border:1px solid #e1e9f3;border-radius:11px;margin-top:7px;padding:9px}.tyk-output-panel h3{font-size:13px;margin:0 0 6px}.tyk-output-panel label>span{display:block;font-size:10px;font-weight:700;margin-bottom:3px}.tyk-output-panel select{background:#fff;border:1px solid var(--line);border-radius:7px;font:inherit;padding:5px;width:100%}.tyk-output-panel input[type=range]{accent-color:var(--blue);width:100%}
.tyk-create{background:linear-gradient(135deg,#2378ed,#115bc4);border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;font-weight:750;margin-top:6px;min-height:36px;width:100%}.tyk-create:disabled{cursor:not-allowed;opacity:.5}
.tyk-result{align-items:center;background:#effaf5;border:1px solid #c7ead9;border-radius:10px;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.tyk-result div{display:flex;flex-direction:column}.tyk-result span{color:var(--muted);font-size:11px}.tyk-result button{background:#07855b;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 13px}
@media(max-width:820px){.tyk-workspace{grid-template-columns:1fr}}
@media(max-width:520px){.tyk-card{padding:15px}.tyk-grid{grid-template-columns:1fr}.tyk-preview-actions{grid-template-columns:1fr 1fr}.tyk-result{align-items:stretch;flex-direction:column;gap:9px}.tyk-drop{padding:18px 10px}.tyk-layer-row{align-items:stretch;flex-direction:column}.tyk-add-text{width:100%}.tyk-size-control{grid-column:auto}.tyk-template-row>div{grid-template-columns:1fr 1fr}.tyk-background-controls,.tyk-shadow-controls{grid-template-columns:1fr}}