.virtual-list-wrapper.svelte-1qhxbsx{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1qhxbsx{position:relative;display:flex;width:100%}[data-bits-floating-content-wrapper]{z-index:10000!important}.app.svelte-jhgqnd{display:flex;height:100vh;background:#1a1a1a;padding:20px;gap:20px;overflow:hidden;font-family:Lato,sans-serif;font-weight:300;font-style:thin}.sidebar.svelte-jhgqnd{width:360px;background:#2a2a2a;border-radius:20px;overflow-y:auto;padding:0;height:100%;flex-shrink:0}.sidebar-content.svelte-jhgqnd{padding:24px}.app-title.svelte-jhgqnd{font-family:Sixtyfour,monospace;font-size:36px;font-weight:400;margin:0;color:#f6f28a;letter-spacing:2px}.debug-view.svelte-jhgqnd{background:#1a1a1a;border-radius:12px;padding:12px;margin-bottom:24px;border:1px solid #3a3a3a}.debug-canvas.svelte-jhgqnd{width:100%;height:auto;border-radius:8px;background:#000;display:block;border:1px solid #444}.settings-section.svelte-jhgqnd{margin-bottom:32px}.section-title.svelte-jhgqnd{font-size:16px;font-weight:600;margin:0 0 16px}.color-grid.svelte-jhgqnd{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.color-btn.svelte-jhgqnd{width:32px;height:32px;border-radius:9999px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease;outline:none}.color-btn.svelte-jhgqnd:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000040}.color-btn.svelte-jhgqnd:focus-visible{box-shadow:0 0 0 3px #ffffff59;border-color:#fff}.color-btn.active.svelte-jhgqnd{border-color:#fff;box-shadow:0 0 0 2px #0006 inset}.color-picker-wrapper.svelte-jhgqnd{position:relative;width:32px;height:32px}.color-picker-input.svelte-jhgqnd{width:32px;height:32px;border-radius:9999px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.color-picker-input.svelte-jhgqnd::-webkit-color-swatch-wrapper{padding:0;border-radius:9999px;border:none}.color-picker-input.svelte-jhgqnd::-webkit-color-swatch{border:none;border-radius:9999px}.color-picker-input.svelte-jhgqnd::-moz-color-swatch{border:none;border-radius:9999px}.color-picker-wrapper.svelte-jhgqnd:hover .color-picker-input:where(.svelte-jhgqnd){transform:translateY(-1px);box-shadow:0 4px 10px #00000040}.color-picker-wrapper.svelte-jhgqnd:hover .color-picker-icon:where(.svelte-jhgqnd){transform:translate(-50%,calc(-50% - 1px))}.color-picker-input.svelte-jhgqnd:focus-visible{box-shadow:0 0 0 3px #ffffff59;border-color:#fff}.color-picker-icon.svelte-jhgqnd{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#000;display:flex;align-items:center;justify-content:center;transition:transform .1s ease;filter:drop-shadow(0 1px 1px rgba(255,255,255,.3))}.canvas-color-picker.svelte-jhgqnd{width:32px;height:32px;border-radius:9999px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.canvas-color-picker.svelte-jhgqnd::-webkit-color-swatch-wrapper{padding:0;border-radius:9999px;border:none}.canvas-color-picker.svelte-jhgqnd::-webkit-color-swatch{border:none;border-radius:9999px}.canvas-color-picker.svelte-jhgqnd::-moz-color-swatch{border:none;border-radius:9999px}.canvas-color-picker.svelte-jhgqnd:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000040}.canvas-color-picker.svelte-jhgqnd:focus-visible{box-shadow:0 0 0 3px #ffffff59;border-color:#fff}.color-selected-info.svelte-jhgqnd{display:flex;align-items:center;gap:8px;color:#cfcfcf;font-size:12px}.color-selected-dot.svelte-jhgqnd{width:12px;height:12px;border-radius:9999px;border:1px solid rgba(255,255,255,.6)}.color-selected-name.svelte-jhgqnd{text-transform:capitalize}.color-selected-hex.svelte-jhgqnd{color:#9aa0a6}.color-btn.color-white.svelte-jhgqnd{background-color:#fff}.color-btn.color-black.svelte-jhgqnd{background-color:#000}.color-btn.color-yellow.svelte-jhgqnd{background-color:#ff0}.color-btn.color-red.svelte-jhgqnd{background-color:#ff0a00}.color-btn.color-blue.svelte-jhgqnd{background-color:#0f31f2}.color-btn.color-green.svelte-jhgqnd{background-color:#2ea60d}.aspect-ratio-buttons.svelte-jhgqnd{display:flex;gap:4px;margin-top:8px}.aspect-btn.svelte-jhgqnd{flex:1;padding:8px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ccc;font-size:12px;cursor:pointer;transition:all .2s ease}.aspect-btn.active.svelte-jhgqnd,.aspect-btn.svelte-jhgqnd:hover{background-color:#4169e1;border-color:#4169e1;color:#fff}.control-group.svelte-jhgqnd{margin-bottom:20px}.slider.svelte-jhgqnd{width:100%;height:4px;background:#3a3a3a;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.slider.svelte-jhgqnd::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4169e1;cursor:pointer;border:2px solid #ffffff}.slider.svelte-jhgqnd::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4169e1;cursor:pointer;border:2px solid #ffffff}.checkbox-label.svelte-jhgqnd{display:flex!important;align-items:center;gap:8px;cursor:pointer}.select-input.svelte-jhgqnd{width:100%;padding:8px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.radio-group.svelte-jhgqnd{display:flex;flex-direction:column;gap:8px}.radio-label.svelte-jhgqnd{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-size:14px!important}.file-input.svelte-jhgqnd{width:100%;padding:8px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.file-input.svelte-jhgqnd::-webkit-file-upload-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;padding:6px 12px;margin-right:8px;cursor:pointer;font-size:12px}.font-info.svelte-jhgqnd{color:#4169e1;font-size:14px;font-weight:500;margin:0;padding:8px 12px;background-color:#4169e11a;border-radius:6px;border:1px solid rgba(65,105,225,.3)}.variation-control.svelte-jhgqnd{margin-bottom:12px}.effects-preview.svelte-jhgqnd{margin:16px 0;padding:12px;background-color:#1a1a1a;border-radius:8px;border:1px solid #333;text-align:center}.preview-canvas.svelte-jhgqnd{max-width:100%;border-radius:4px;border:1px solid #444;background:#000}.main-content.svelte-jhgqnd{flex:1;display:flex;flex-direction:column;background:#2d2c2c;border-radius:20px;position:relative;overflow:hidden;height:100%;min-width:0}.text-input-section-sidebar.svelte-jhgqnd,.export-section.svelte-jhgqnd,.debug-toggle-section.svelte-jhgqnd{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #3a3a3a}.text-input-area.svelte-jhgqnd{width:100%;height:100px;background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:12px;color:#fff;font-size:14px;font-family:inherit;resize:none;outline:none;margin-bottom:12px;transition:border-color .2s ease;box-sizing:border-box}.text-input-area.svelte-jhgqnd:focus{border-color:#4169e1}.text-input-area.svelte-jhgqnd::placeholder{color:#666}.generate-btn.svelte-jhgqnd{width:100%;padding:16px;background:#4169e1;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.generate-btn.svelte-jhgqnd:hover:not(:disabled){background:#3557c7;transform:translateY(-1px)}.generate-btn.svelte-jhgqnd:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message.svelte-jhgqnd{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;color:#c33;font-size:14px;margin-top:12px}.upload-option.svelte-jhgqnd{text-align:center;margin-top:16px;color:#666;font-size:14px}.upload-link.svelte-jhgqnd{background:none;border:none;color:#4169e1;text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.upload-link.svelte-jhgqnd:hover{color:#3557c7}.poster-display.svelte-jhgqnd{flex:1;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%;box-sizing:border-box}.poster-preview-container.svelte-jhgqnd{flex:1;border-radius:16px;padding:32px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.poster-preview-container.svelte-jhgqnd:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;opacity:.05;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);mix-blend-mode:multiply}.placeholder-content.svelte-jhgqnd{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;border:2px solid #ddd;box-sizing:border-box}.empty-state.svelte-jhgqnd{text-align:center;padding:32px}.empty-state.svelte-jhgqnd p:where(.svelte-jhgqnd){color:#999;font-size:16px;margin:0}.poster-section.svelte-jhgqnd{background:#e8e8e8;border-radius:20px;margin-top:20px;overflow:hidden}.poster-content.svelte-jhgqnd{display:grid;grid-template-columns:350px 1fr;gap:0;min-height:600px}.poster-controls.svelte-jhgqnd{padding:32px;background:#f8f9fa;overflow-y:auto;border-right:1px solid #eee}.poster-header.svelte-jhgqnd{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #eee}.template-section.svelte-jhgqnd{margin-bottom:32px}.template-grid.svelte-jhgqnd{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.template-btn.svelte-jhgqnd{padding:8px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ccc;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.template-btn.active.svelte-jhgqnd,.template-btn.svelte-jhgqnd:hover{background-color:#4169e1;border-color:#4169e1;color:#fff}.control-section.svelte-jhgqnd{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eee}.control-section.svelte-jhgqnd:last-of-type{border-bottom:none}.text-input.svelte-jhgqnd{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;box-sizing:border-box}.text-input.svelte-jhgqnd:focus{outline:none;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a}.color-input.svelte-jhgqnd{width:60px;height:40px;border:1px solid #ddd;border-radius:6px;cursor:pointer;background:none;padding:0}.radio-buttons.svelte-jhgqnd{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.radio-option.svelte-jhgqnd{display:flex!important;align-items:center;gap:6px;cursor:pointer;font-size:14px!important;color:#ccc}.download-poster-btn.svelte-jhgqnd{width:100%;padding:16px;background:#4169e1;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;margin-top:24px}.download-poster-btn.svelte-jhgqnd:hover{background:#3557c7;transform:translateY(-1px)}.poster-preview.svelte-jhgqnd{padding:32px;background:#fff;display:flex;flex-direction:column;overflow:auto}@media (max-width: 768px){.app.svelte-jhgqnd{flex-direction:column;height:100vh;padding:10px;gap:10px}.sidebar.svelte-jhgqnd{width:100%;height:40vh;max-height:40vh;flex-shrink:0}.main-content.svelte-jhgqnd{flex:1;height:auto;min-height:0}.text-input-section-sidebar.svelte-jhgqnd,.export-section.svelte-jhgqnd,.debug-toggle-section.svelte-jhgqnd{margin-bottom:16px;padding-bottom:16px}.poster-display.svelte-jhgqnd{padding:20px;height:100%}.poster-preview-container.svelte-jhgqnd canvas:where(.svelte-jhgqnd){max-height:calc(60vh - 100px)}.color-grid.svelte-jhgqnd{grid-template-columns:repeat(6,1fr)}.aspect-ratio-buttons.svelte-jhgqnd{flex-direction:column}}.sidebar.svelte-jhgqnd::-webkit-scrollbar{width:6px}.sidebar.svelte-jhgqnd::-webkit-scrollbar-track{background:#2a2a2a}.sidebar.svelte-jhgqnd::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.sidebar.svelte-jhgqnd::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.poster-wrapper.svelte-jhgqnd{position:relative;display:inline-block;max-width:100%;max-height:100%}.poster-preview-container.svelte-jhgqnd canvas:where(.svelte-jhgqnd){max-width:100%;max-height:calc(100vh - 200px);height:auto;width:auto;object-fit:contain}.floating-toolbar.svelte-jhgqnd{pointer-events:auto}.floating-toolbar.svelte-jhgqnd button:where(.svelte-jhgqnd){transition:all .15s ease}.floating-toolbar.svelte-jhgqnd button:where(.svelte-jhgqnd):hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.floating-toolbar.svelte-jhgqnd button:where(.svelte-jhgqnd):active{transform:translateY(0)}.floating-toolbar.svelte-jhgqnd input[type=color]:where(.svelte-jhgqnd){transition:all .15s ease}.floating-toolbar.svelte-jhgqnd input[type=color]:where(.svelte-jhgqnd):hover{transform:scale(1.05)}.interactive-text-box.svelte-jhgqnd{transition:border-color .2s ease,background .2s ease}.interactive-text-box.selected.svelte-jhgqnd{z-index:100}.interactive-text-box.svelte-jhgqnd textarea:where(.svelte-jhgqnd){transition:none}