:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.material-icons{color:#ffffffde}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.site-header[data-v-5b242f5c]{padding:2rem 2rem 0}.site-title[data-v-5b242f5c]{text-align:center;margin:0 0 2rem;font-size:clamp(1.75rem,5vw,3.2em);line-height:1.1;font-weight:700}.gif-clickable[data-v-5b242f5c]{cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:text-decoration-color .2s}.gif-clickable[data-v-5b242f5c]:hover{text-decoration:underline}.about-prompt[data-v-5b242f5c]{margin-left:.15em;cursor:pointer;color:inherit;text-decoration:none;font-weight:inherit}.about-prompt[data-v-5b242f5c]:hover{text-decoration:underline}.main-layout[data-v-61bb2c8c]{min-height:100vh}.adsense-unit[data-v-097dfea7]{display:flex;justify-content:center;margin:1rem 0;min-height:1px}.container[data-v-485011d4]{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.search-container[data-v-485011d4]{display:flex;justify-content:center;gap:1rem;margin-bottom:.75rem}.klipy-attribution[data-v-485011d4]{text-align:center;font-size:.85rem;color:#666;margin:0 0 1.5rem}.klipy-attribution a[data-v-485011d4]{color:#2e7d32}.search-input[data-v-485011d4]{width:100%;max-width:500px;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:4px}.search-button[data-v-485011d4]{padding:.75rem 1.5rem;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.search-button[data-v-485011d4]:hover:not(:disabled){background-color:#45a049}.search-button[data-v-485011d4]:disabled{opacity:.65;cursor:not-allowed}.gif-grid[data-v-485011d4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gif-item[data-v-485011d4]{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer;transition:transform .2s}.gif-item[data-v-485011d4]:hover{transform:scale(1.05)}.gif-item img[data-v-485011d4]{width:100%;height:100%;object-fit:cover}.container[data-v-3c0ff886]{max-width:720px;margin:0 auto;padding:0 2rem 2rem}.top-nav[data-v-3c0ff886]{margin-bottom:1.5rem}.back-link[data-v-3c0ff886]{color:#81c784;text-decoration:none;font-weight:500}.back-link[data-v-3c0ff886]:hover{text-decoration:underline}@media (prefers-color-scheme: light){.back-link[data-v-3c0ff886]{color:#2e7d32}}.about-article h1[data-v-3c0ff886]{font-size:1.75rem;line-height:1.25;margin:0 0 1.25rem;text-align:left;color:inherit}.about-article h2[data-v-3c0ff886]{font-size:1.25rem;margin:1.75rem 0 .75rem;color:inherit}.about-article p[data-v-3c0ff886]{margin:0 0 1rem;line-height:1.6;color:inherit}.closing[data-v-3c0ff886]{margin-top:1.5rem;font-weight:500}.kitten[data-v-3c0ff886]{margin:1rem 0 0;padding:0}.kitten img[data-v-3c0ff886]{display:block;width:100%;max-width:480px;height:auto;border-radius:8px}.frame-editor[data-v-3182075e]{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;overflow:hidden;margin:auto}[data-v-3182075e] .konvajs-content{transition:cursor .2s}[data-v-3182075e] .konvajs-content:active{cursor:grabbing!important}.gif-editor[data-v-2c602aa3]{display:flex;flex-direction:column;gap:2rem;padding:1rem;height:100%}.element-item[data-v-45ab5f1b]{display:flex;flex-direction:column;background:#242424;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.element-header[data-v-45ab5f1b]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#1a1a1a;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.element-header[data-v-45ab5f1b]:hover{background:#2a2a2a}.element-header.active[data-v-45ab5f1b]{background:#2a2a2a;border:1px solid #646cff}.element-name[data-v-45ab5f1b]{flex:1;font-size:.9rem;color:#f8fafc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-btn[data-v-45ab5f1b]{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:#888;cursor:pointer;border-radius:4px}.visibility-btn[data-v-45ab5f1b]:hover{color:#f8fafc;background:#333}.visibility-btn .material-icons[data-v-45ab5f1b]{font-size:1.2rem}.visibility-checkbox-input[data-v-45ab5f1b]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#646cff}.element-controls[data-v-45ab5f1b]{padding:1rem;background:#1a1a1a}.control-group[data-v-45ab5f1b]{display:flex;flex-direction:column;gap:.75rem}.control-row[data-v-45ab5f1b]{display:flex;align-items:center;gap:.75rem}.control-row label[data-v-45ab5f1b]{color:#888;font-size:.9rem;min-width:80px;text-align:right}.text-input[data-v-45ab5f1b]{flex:1;width:100%;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff}.position-inputs[data-v-45ab5f1b]{display:flex;gap:.5rem;flex:1}.number-input[data-v-45ab5f1b]{flex:1;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff;min-width:0;width:100%}.color-input[data-v-45ab5f1b]{width:50px;height:30px;padding:0;border:none;border-radius:4px;background:#242424}.select-input[data-v-45ab5f1b]{flex:1;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff;width:100%}.node-control-group[data-v-45ab5f1b]{margin-top:.75rem}.action-buttons-row[data-v-45ab5f1b]{display:flex;flex-direction:row;gap:.5rem;margin-top:.75rem}.center-btn[data-v-45ab5f1b],.delete-btn[data-v-45ab5f1b]{flex:1;padding:.4rem .6rem;border:none;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.center-btn[data-v-45ab5f1b]{background:#2563eb;color:#fff}.center-btn[data-v-45ab5f1b]:hover{background:#1d4ed8}.delete-btn[data-v-45ab5f1b]{background:#dc2626;color:#fff}.delete-btn[data-v-45ab5f1b]:hover{background:#ef4444}.layout-buttons-row[data-v-45ab5f1b]{display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem}.layout-btn[data-v-45ab5f1b]{flex:1;padding:.4rem .6rem;border:none;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;background:#444c56;color:#e5e7eb;cursor:pointer;transition:background-color .2s}.layout-btn[data-v-45ab5f1b]:hover{background:#636c76}.element-item[data-v-686cab75]{display:flex;flex-direction:column;background:#242424;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.element-header[data-v-686cab75]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#1a1a1a;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.element-header[data-v-686cab75]:hover{background:#2a2a2a}.element-header.active[data-v-686cab75]{background:#2a2a2a;border:1px solid #646cff}.element-name[data-v-686cab75]{flex:1;font-size:.9rem;color:#f8fafc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-btn[data-v-686cab75]{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:#888;cursor:pointer;border-radius:4px}.visibility-btn[data-v-686cab75]:hover{color:#f8fafc;background:#333}.visibility-btn .material-icons[data-v-686cab75]{font-size:1.2rem}.visibility-checkbox-input[data-v-686cab75]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#646cff}.element-controls[data-v-686cab75]{padding:1rem;background:#1a1a1a}.control-group[data-v-686cab75]{display:flex;flex-direction:column;gap:.75rem}.control-row[data-v-686cab75]{display:flex;align-items:center;gap:.75rem}.control-row label[data-v-686cab75]{color:#888;font-size:.9rem;min-width:80px;text-align:right}.control-row-stacked[data-v-686cab75]{flex-wrap:wrap}.control-row-stacked label[data-v-686cab75]{width:100%;min-width:unset;text-align:left;margin-bottom:.25rem}.control-row-stacked .image-input-row[data-v-686cab75]{flex:1 1 100%;min-width:0;width:100%}.file-input-hidden[data-v-686cab75]{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.image-input-row[data-v-686cab75]{flex:1;display:flex;gap:.5rem;align-items:center;min-width:0}.text-input[data-v-686cab75]{flex:1;min-width:0;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff}.upload-btn[data-v-686cab75]{flex-shrink:0;padding:.4rem .75rem;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.upload-btn[data-v-686cab75]:hover{background:#535bf2}.size-warning-row[data-v-686cab75]{margin-left:80px}.size-warning[data-v-686cab75]{font-size:.8rem;color:#f59e0b}.preview-row[data-v-686cab75]{align-items:flex-start}.image-preview[data-v-686cab75]{max-width:120px;max-height:80px;object-fit:contain;border:1px solid #333;border-radius:4px;background:#242424}.position-inputs[data-v-686cab75]{display:flex;gap:.5rem;flex:1}.number-input[data-v-686cab75]{flex:1;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff;min-width:0;width:100%}.node-control-group[data-v-686cab75]{margin-top:.75rem}.delete-btn[data-v-686cab75]{width:100%;padding:.75rem;margin-top:.75rem;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.delete-btn[data-v-686cab75]:hover{background:#ef4444}.timeline[data-v-b9f830e7]{min-width:500px;width:100%;border:1px solid #333;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;background:#1a1a1a;color:#fff}.timeline-header[data-v-b9f830e7]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #333;background:#1a1a1a}.timeline-controls[data-v-b9f830e7]{display:flex;align-items:center;gap:8px}.control-buttons[data-v-b9f830e7]{display:flex;align-items:center;gap:2px}.control-btn[data-v-b9f830e7]{margin:0;padding:4px 6px;border:none;border-radius:2px;background:transparent;cursor:pointer;font-size:12px;color:#fff}.control-btn[data-v-b9f830e7]:hover{background:#ffffff1a}.controls-separator[data-v-b9f830e7]{width:1px;height:20px;background:#333;margin:0 4px}.timeline-content[data-v-b9f830e7]{position:relative}.ruler-spacer[data-v-b9f830e7]{flex:0 0 min(176px)}.timeline-ruler[data-v-b9f830e7]{position:relative;height:24px;border-bottom:1px solid #333;background:#242424;display:flex}.ruler-marks[data-v-b9f830e7]{position:relative;height:100%;flex:1 1 calc(100% - 176px)}.time-mark[data-v-b9f830e7]{position:absolute;font-size:11px;color:#c2c1c1;transform:translate(-50%);padding-top:2px}.mark-line[data-v-b9f830e7]{position:absolute;top:18px;left:50%;height:6px;width:1px;background:#444}.timeline-tracks[data-v-b9f830e7]{position:relative;min-height:32px;background:#242424}.track[data-v-b9f830e7]{display:flex;border-bottom:1px solid #333}.track-info[data-v-b9f830e7]{display:flex;align-items:center;width:160px;padding:4px 8px;border-right:1px solid #333;background:#1a1a1a}.delete-btn[data-v-b9f830e7]{width:16px;height:16px;border:none;background:transparent;color:#666;cursor:pointer;font-size:14px;padding:0;margin-right:4px}.delete-btn[data-v-b9f830e7]:hover{color:#fff}.track-name[data-v-b9f830e7]{flex:1;font-size:12px;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-value-container[data-v-b9f830e7]{display:flex;align-items:center;gap:4px}.track-value[data-v-b9f830e7]{font-size:11px;color:#888;min-width:40px;text-align:right}.value-controls[data-v-b9f830e7]{display:flex;flex-direction:column;gap:2px}.arrow-btn[data-v-b9f830e7]{padding:0;width:12px;height:8px;border:none;background:transparent;color:#666;cursor:pointer;font-size:8px;line-height:1}.arrow-btn[data-v-b9f830e7]:hover{color:#fff}.track-timeline[data-v-b9f830e7]{flex:1;position:relative;height:32px;background:#1a1a1a}.grid-lines[data-v-b9f830e7]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.grid-line[data-v-b9f830e7]{position:absolute;top:0;bottom:0;width:1px;background:#333}.keyframe[data-v-b9f830e7]{position:absolute;transform:translate(-50%,-50%);top:50%;color:#646cff;font-size:10px;cursor:pointer;transition:color .2s,transform .2s;-webkit-user-select:none;user-select:none}.keyframe[data-v-b9f830e7]:hover{color:#747bff;transform:translate(-50%,-50%) scale(1.2)}.timeline-playhead[data-v-b9f830e7]{position:absolute;top:0;bottom:0;width:1.5px;background:#ff6464;cursor:col-resize;z-index:10}.timeline-playhead.dragging[data-v-b9f830e7]{background:#ff8484}.timeline-playhead[data-v-b9f830e7]:after{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #f70000;cursor:col-resize}.speed-controls[data-v-b9f830e7]{display:flex;align-items:center;gap:4px}.speed-label[data-v-b9f830e7]{font-size:12px;color:#888}.speed-buttons[data-v-b9f830e7]{display:flex;align-items:center;gap:1px}.speed-btn[data-v-b9f830e7]{padding:4px 8px;background:#242424;border:1px solid #333;border-radius:0;color:#888;font-size:12px;cursor:pointer;transition:all .2s;margin:0}.speed-btn[data-v-b9f830e7]:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.speed-btn[data-v-b9f830e7]:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}.speed-btn[data-v-b9f830e7]:not(:last-child){border-right:none}.speed-btn[data-v-b9f830e7]:hover{background:#333;color:#fff}.speed-btn.active[data-v-b9f830e7]{background:#646cff;color:#fff;border-color:#646cff;z-index:1}.timeline-time[data-v-b9f830e7]{color:#888;font-size:12px}.context-menu[data-v-b9f830e7]{position:fixed;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:4px;z-index:1000;min-width:120px}.context-menu button[data-v-b9f830e7]{width:100%;padding:6px 12px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;font-size:12px;transition:background-color .2s}.context-menu button[data-v-b9f830e7]:hover{background:#333}.editor-container[data-v-20aaa2f3]{height:calc(100vh - 2rem);padding:1rem;display:flex;flex-direction:column;gap:1rem}.editor-layout[data-v-20aaa2f3]{flex:1;display:flex;gap:1rem;min-height:0}.editor-main[data-v-20aaa2f3]{flex:1;display:flex;flex-direction:column;gap:1rem;background:#242424;border-radius:8px}.toolbar[data-v-20aaa2f3]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#1a1a1a;border-radius:4px}.toolbar-spacer[data-v-20aaa2f3]{flex:1;min-width:0}.tool-btn[data-v-20aaa2f3]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s}.tool-btn[data-v-20aaa2f3]:hover{background:#444}.canvas-area[data-v-20aaa2f3]{flex:1;min-height:0;background:#1a1a1a;border-radius:4px;overflow:hidden}.editor-sidebar[data-v-20aaa2f3]{width:250px;display:flex;flex-direction:column;gap:1rem;background:#1a1a1a;border-radius:8px;padding:1rem}.sidebar-header[data-v-20aaa2f3]{font-size:1.2rem;font-weight:500;color:#fff;padding-bottom:.5rem;border-bottom:1px solid #333}.elements-list[data-v-20aaa2f3]{flex:1;overflow-y:auto}.element-group[data-v-20aaa2f3]{display:flex;flex-direction:column;gap:.5rem}.group-title[data-v-20aaa2f3]{font-size:.9rem;color:#888;padding:.5rem}.element-item[data-v-20aaa2f3]{display:flex;flex-direction:column;background:#242424;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.element-header[data-v-20aaa2f3]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#1a1a1a;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.element-header[data-v-20aaa2f3]:hover{background:#2a2a2a}.element-header.active[data-v-20aaa2f3]{background:#2a2a2a;border:1px solid #646cff}.element-name[data-v-20aaa2f3]{flex:1;font-size:.9rem}.element-controls[data-v-20aaa2f3]{padding:1rem;background:#1a1a1a}.node-control-group[data-v-20aaa2f3]{margin-top:.75rem}.control-group[data-v-20aaa2f3]{display:flex;flex-direction:column;gap:.75rem}.control-row[data-v-20aaa2f3]{display:flex;align-items:center;gap:.75rem}.control-row label[data-v-20aaa2f3]{color:#888;font-size:.9rem;min-width:80px;text-align:right}.text-input[data-v-20aaa2f3]{flex:1;width:100%}.position-inputs[data-v-20aaa2f3]{display:flex;gap:.5rem;flex:1}.number-input[data-v-20aaa2f3]{flex:1;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff;min-width:0;width:100%}.color-input[data-v-20aaa2f3]{width:50px;height:30px;padding:0;border:none;border-radius:4px;background:#242424}.select-input[data-v-20aaa2f3]{flex:1;padding:.4rem;border:1px solid #333;border-radius:4px;background:#242424;color:#fff;width:100%}.delete-btn[data-v-20aaa2f3]{width:100%;padding:.75rem;margin-top:.75rem;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.delete-btn[data-v-20aaa2f3]:hover{background:#ef4444}.export-btn[data-v-20aaa2f3]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#22c55e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.export-btn[data-v-20aaa2f3]:hover:not(:disabled){background:#16a34a}.export-btn[data-v-20aaa2f3]:disabled{background:#333;cursor:not-allowed}.timeline-controls[data-v-20aaa2f3],.playback-controls[data-v-20aaa2f3],.control-btn[data-v-20aaa2f3],.speed-controls[data-v-20aaa2f3],.speed-label[data-v-20aaa2f3],.speed-btn[data-v-20aaa2f3],.frame-slider[data-v-20aaa2f3],.frame-range[data-v-20aaa2f3]{display:none}