@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Caveat:wght@400;600;700&display=swap);#app{font-family:var(--font-body,"Inter",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:var(--bg-paper);position:relative}.hero-section[data-v-50c7e45f]{border-radius:20px;overflow:hidden;background-image:url(https://firebasestorage.googleapis.com/v0/b/boardbuilder-f6627.firebasestorage.app/o/board-game-images%2FpjDDQPvGyWmT0NAZHuzC%2F1744150183603_ai_generated_image.png?alt=media&token=f66849d8-2563-46ae-bb7d-a9509b608a82);background-size:cover;background-position:50%;min-height:280px;display:flex;align-items:center}.hero-overlay[data-v-50c7e45f]{width:100%;padding:3rem 2.5rem;background:linear-gradient(135deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.7) 60%,hsla(0,0%,100%,.3));text-align:left}.hero-title[data-v-50c7e45f]{font-family:var(--font-heading);color:var(--ink);font-size:2.6rem;font-weight:700;line-height:1.15;margin-bottom:.25rem}.hero-subtitle[data-v-50c7e45f]{font-family:var(--font-handwritten);color:var(--pop-orange);font-size:1.6rem;margin-bottom:1.5rem}.hero-cta[data-v-50c7e45f]{font-size:1.1rem;padding:.7rem 2rem}.btn-block[data-v-50c7e45f]{width:100%}.user-icon[data-v-50c7e45f]{width:24px;height:24px;border-radius:50%;font-size:12px;background-color:var(--pop-purple);color:#fff}.game-icon[data-v-50c7e45f]{width:40px;height:40px;border-radius:12px;font-size:18px;background-color:var(--pop-blue);color:#fff}.bd-callout[data-v-ce935356]{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid var(--border-sketch,#eee);border-left-width:.25rem;border-radius:12px;background-color:var(--bg-surface,#fff)}.bd-callout-info[data-v-ce935356]{border-left-color:var(--pop-blue,#5bc0de)}.card-actions[data-v-ce935356]{margin-top:.5rem;display:flex;gap:.5rem;position:absolute;bottom:10px;left:10px;right:10px}.card-actions .btn[data-v-ce935356]{font-size:.75rem;padding:.25rem .5rem;white-space:nowrap}.card[data-v-ce935356]{height:262px;width:187px;border:1px solid #ddd;padding:12px;margin:2px;float:left;height:360px;width:240px;background-size:cover;background-position:50%;position:relative}.card.dark[data-v-ce935356]{color:#fff}.card .details-button[data-v-ce935356]{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.card:hover .details-button[data-v-ce935356]{opacity:1;visibility:visible}.card-repeats-badge[data-v-ce935356]{display:inline-block;background-color:rgba(0,0,0,.7);color:#fff;border-radius:50%;padding:2px 6px;font-size:14px;font-weight:700;margin-left:5px;position:absolute;top:10px;right:10px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.card.dark .primary-block[data-v-ce935356]{background-color:rgba(0,0,0,.5);border-top:1px solid hsla(0,0%,100%,.3)}.card.dark .primary-header[data-v-ce935356]{background-color:rgba(0,0,0,.5)}.primary-block[data-v-ce935356]{border-top:1px solid #eee;padding:4px 0}.ai-image-option[data-v-ce935356]{cursor:pointer;border:2px solid transparent;border-radius:4px;transition:all .2s}.ai-image-option[data-v-ce935356]:hover{border-color:var(--pop-blue,#007bff)}.ai-image-option.selected[data-v-ce935356]{border-color:var(--pop-green,#28a745);box-shadow:0 0 0 2px rgba(52,184,114,.4)}.card-image-preview[data-v-ce935356]{margin-top:10px}.preview-card .primary-block[data-v-ce935356]{padding:10px}.preview-card .primary-header[data-v-ce935356]{font-weight:700;margin-bottom:10px}.preview-card .primary-description[data-v-ce935356]{font-size:.9em;color:var(--ink-light,#666)}.primary-description[data-v-ce935356]{min-height:120px}.preview-card .primary-type-subtype[data-v-ce935356]{font-size:.8em;color:var(--ink-muted,#888);margin-bottom:5px;font-style:italic}.preview-card .primary-flavor-text[data-v-ce935356]{font-size:.8em;color:var(--ink-muted,#777);margin-top:5px;font-style:italic}.cards .card[data-v-ce935356]{cursor:pointer;transition:transform .2s,box-shadow .2s}.cards .card[data-v-ce935356]:hover{transform:scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,.1)}@media print{.btn[data-v-ce935356],.hide-print[data-v-ce935356],.navbar[data-v-ce935356]{display:none!important}.print-mode .cards[data-v-ce935356],.print-mode .container[data-v-ce935356]{display:block!important;visibility:visible;position:absolute;left:0;top:0;width:100%}.print-mode .card[data-v-ce935356]{page-break-inside:avoid;width:240px;height:360px;width:203.2mm;height:50.8mm;padding:10px;border:1px solid #000;display:inline-block!important;overflow:hidden;visibility:visible;height:262px;width:187px}.print-mode .cards[data-v-ce935356]{display:flex!important;flex-wrap:wrap;justify-content:center;position:static}.print-mode .card[data-v-ce935356]:nth-child(15){page-break-after:always;-moz-column-break-after:always;break-after:always;-moz-column-break-after:page;break-after:page}.card[data-v-ce935356],.cards[data-v-ce935356]{display:block!important}.print-mode .card[data-v-ce935356]:hover{transform:none;box-shadow:none}.print-mode .btn-secondary[data-v-ce935356],.print-mode .dropdown[data-v-ce935356],.print-mode .input-group[data-v-ce935356],.print-mode h1[data-v-ce935356],.print-mode h3[data-v-ce935356]{display:none!important}}.grid-board[data-v-4c3ab69a]{margin:0 auto;border-collapse:collapse}.grid-cell[data-v-4c3ab69a]{box-sizing:border-box;transition:background-color .2s ease;margin:0;padding:0}.grid-cell[data-v-4c3ab69a]:hover{background-color:rgba(0,0,0,.05)}.grid-cell.obstacle[data-v-4c3ab69a]{background-color:hsla(0,0%,50%,.5)!important}.hexagonal-board[data-v-70397e98]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:500px;position:relative;overflow:hidden}.hex-grid[data-v-70397e98]{position:relative;margin:0 auto}.hex-cell[data-v-70397e98]{position:absolute;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:1px solid rgba(0,0,0,.3);transition:background-color .3s ease}.hex-cell.obstacle[data-v-70397e98]{background-color:hsla(0,0%,40%,.5)!important;opacity:.7}.hex-cell.center[data-v-70397e98]{border:2px solid rgba(0,0,0,.5);box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.hex-coordinates[data-v-70397e98]{font-size:10px;color:rgba(0,0,0,.7)}@media (max-width:768px){.hexagonal-board[data-v-70397e98]{min-height:400px}}.circular-board[data-v-7856ae68]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.card[data-v-60d9ac0d]{margin-bottom:20px}.board-image-container[data-v-60d9ac0d]{height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center}.board-image[data-v-60d9ac0d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.board-placeholder[data-v-60d9ac0d]{height:180px;background-color:var(--bg-sketch,#f8f9fa);display:flex;align-items:center;justify-content:center;color:var(--ink-muted,#6c757d);font-size:1.2rem}.placeholder-text[data-v-60d9ac0d]{text-align:center;padding:1rem}.board-image-only[data-v-60d9ac0d]{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.no-image-placeholder[data-v-60d9ac0d]{padding:2rem;background-color:var(--bg-sketch,rgba(0,0,0,.05));border-radius:8px;text-align:center}.board-container.fullscreen[data-v-60d9ac0d]{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:1050;background-color:var(--bg-white,hsla(0,0%,100%,.95));padding:2rem}.board-container.fullscreen .board-image-display img[data-v-60d9ac0d],.board-container.fullscreen .circular-board[data-v-60d9ac0d],.board-container.fullscreen .grid-board[data-v-60d9ac0d],.board-container.fullscreen .hexagonal-board[data-v-60d9ac0d]{transform:scale(1.5);transition:transform .3s ease}.board-image-display[data-v-60d9ac0d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.board-image-display img[data-v-60d9ac0d]{max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.color-scheme-option[data-v-60d9ac0d]{width:80px;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:6px;padding:5px;transition:all .2s ease;border:2px solid transparent}.color-scheme-option[data-v-60d9ac0d]:hover{transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.color-scheme-option.active[data-v-60d9ac0d]{border-color:var(--pop-orange,#007bff);box-shadow:0 2px 8px var(--shadow-med,rgba(0,0,0,.15))}.color-preview[data-v-60d9ac0d]{height:20px;width:100%;border-radius:4px;overflow:hidden;margin-bottom:5px}.color-sample[data-v-60d9ac0d]{flex:1;height:20px}.color-scheme-name[data-v-60d9ac0d]{font-size:.8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-option[data-v-60d9ac0d]{width:80px;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:6px;padding:5px;transition:all .2s ease;border:2px solid transparent}.pattern-option[data-v-60d9ac0d]:hover{transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.pattern-option.active[data-v-60d9ac0d]{border-color:var(--pop-orange,#007bff);box-shadow:0 2px 8px var(--shadow-med,rgba(0,0,0,.15))}.pattern-preview[data-v-60d9ac0d]{height:40px;width:100%;border-radius:4px;background-size:cover;background-position:50%;margin-bottom:5px;border:1px solid var(--pencil-light,#dee2e6)}.pattern-name[data-v-60d9ac0d]{font-size:.8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-container[data-v-60d9ac0d]{background-repeat:repeat;background-size:auto;transition:background .3s ease}.gap-2[data-v-60d9ac0d]{gap:.5rem}.page-indicator[data-v-60d9ac0d]{position:absolute;pointer-events:none;z-index:10}.page-indicator.horizontal[data-v-60d9ac0d]{width:100%;height:0;border-top:2px dashed rgba(0,0,0,.3);left:0}.page-indicator.vertical[data-v-60d9ac0d]{height:100%;width:0;border-left:2px dashed rgba(0,0,0,.3);top:0}.page-number[data-v-60d9ac0d]{position:absolute;background-color:hsla(0,0%,100%,.8);border:1px dotted rgba(0,0,0,.4);border-radius:4px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:12px;z-index:11;pointer-events:none}.board-container[data-print-layout="4"] .page-number.page-1[data-v-60d9ac0d]{top:10px;left:10px}.board-container[data-print-layout="4"] .page-number.page-2[data-v-60d9ac0d]{top:10px;right:10px}.board-container[data-print-layout="4"] .page-number.page-3[data-v-60d9ac0d]{bottom:10px;left:10px}.board-container[data-print-layout="4"] .page-number.page-4[data-v-60d9ac0d]{bottom:10px;right:10px}.board-container[data-print-layout="6"] .page-number.page-1[data-v-60d9ac0d]{top:10px;left:10px}.board-container[data-print-layout="6"] .page-number.page-2[data-v-60d9ac0d]{top:10px;right:10px}.board-container[data-print-layout="6"] .page-number.page-3[data-v-60d9ac0d]{top:calc(33.333% + 5px);left:10px}.board-container[data-print-layout="6"] .page-number.page-4[data-v-60d9ac0d]{top:calc(33.333% + 5px);right:10px}.board-container[data-print-layout="6"] .page-number.page-5[data-v-60d9ac0d]{top:calc(66.666% + 5px);left:10px}.board-container[data-print-layout="6"] .page-number.page-6[data-v-60d9ac0d]{top:calc(66.666% + 5px);right:10px}.print-button[data-v-60d9ac0d]{position:absolute;bottom:10px;right:10px;z-index:20;background-color:var(--bg-white,#fff);border:1px solid var(--pencil-light,#ddd);border-radius:4px;padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;color:var(--ink,inherit);box-shadow:0 2px 4px var(--shadow-soft,rgba(0,0,0,.1))}.print-button[data-v-60d9ac0d]:hover{background-color:var(--bg-elevated,#f8f9fa)}.print-button i[data-v-60d9ac0d]{font-size:16px}.card[data-v-2226d68a],.card[data-v-2f5dbdd5]{box-shadow:0 4px 6px rgba(0,0,0,.1)}.create-board-game-page[data-v-29378fc2]{max-width:500px;margin:0 auto;padding:20px}.edit-board-game-overlay[data-v-6b7d0ab7]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.edit-board-game-container[data-v-6b7d0ab7]{background-color:#fff;border-radius:8px;padding:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.user-icon[data-v-6b7d0ab7]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:14px}.user-name[data-v-6b7d0ab7]{font-weight:500}.board-game-details[data-v-6b7d0ab7]{max-width:1200px;margin:0 auto}.game-header-image-container[data-v-6b7d0ab7]{position:relative}.image-upload-overlay[data-v-6b7d0ab7]{position:absolute;top:10px;right:10px;z-index:10;opacity:0;transition:opacity .3s ease}.game-header-image-container:hover .image-upload-overlay[data-v-6b7d0ab7]{opacity:1}.rules-section[data-v-6b7d0ab7]{max-height:600px;overflow-y:auto}.rules-editor-container[data-v-6b7d0ab7]{position:relative;max-height:500px}.rules-editor textarea[data-v-6b7d0ab7]{resize:vertical;min-height:300px;max-height:500px}.markdown-content[data-v-6b7d0ab7]{line-height:1.6;max-height:500px;overflow-y:auto}.markdown-content h1[data-v-6b7d0ab7]{font-size:1.5rem}.markdown-content h2[data-v-6b7d0ab7]{font-size:1.3rem}.markdown-content h3[data-v-6b7d0ab7]{font-size:1.2rem}.markdown-content ol[data-v-6b7d0ab7],.markdown-content ul[data-v-6b7d0ab7]{padding-left:20px;margin-bottom:15px}.markdown-content pre[data-v-6b7d0ab7]{background-color:#f4f4f4;padding:10px;border-radius:4px;overflow-x:auto}.rules-editor-actions[data-v-6b7d0ab7]{position:sticky;bottom:0;background-color:#fff;padding-top:10px;border-top:1px solid #e9ecef}.ai-image-option[data-v-6b7d0ab7]{cursor:pointer;border:3px solid transparent;transition:border-color .3s ease}.ai-image-option[data-v-6b7d0ab7]:hover{border-color:#007bff}.ai-image-option.selected[data-v-6b7d0ab7]{border-color:#28a745;box-shadow:0 0 10px rgba(40,167,69,.5)}.form-check-input[data-v-2e0352db]:checked,.list-group-item.active[data-v-2e0352db]{background-color:#0d6efd;border-color:#0d6efd}.card-details p[data-v-089d1ad3]{margin-bottom:.5rem}.card-preview[data-v-089d1ad3]{height:360px;width:240px;border:1px solid #ddd;padding:12px;margin:2px auto;background-size:cover;background-position:50%;position:relative;transition:transform .2s ease-in-out}.variant-container[data-v-089d1ad3]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.variant-container .card-preview[data-v-089d1ad3]:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.1)}.variant-actions[data-v-089d1ad3]{width:100%;padding:8px}.search-box[data-v-089d1ad3]{width:300px}.card.dark[data-v-089d1ad3]{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);background-size:cover;background-position:50%}.primary-header[data-v-089d1ad3]{padding:10px;font-size:1.2em;font-weight:700;border-bottom:1px solid rgba(0,0,0,.1)}.primary-block[data-v-089d1ad3]{padding:10px}.primary-type-subtype[data-v-089d1ad3]{font-style:italic;margin-bottom:10px}.primary-block-info[data-v-089d1ad3]{display:flex;flex-direction:column;gap:10px}.primary-description[data-v-089d1ad3]{font-size:1em}.primary-flavor-text[data-v-089d1ad3]{font-style:italic;opacity:.8}.designer-page[data-v-620b28db]{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem}.designer-container[data-v-620b28db]{max-width:560px;width:100%}.progress-dots[data-v-620b28db]{display:flex;justify-content:center;gap:8px;margin-bottom:3rem}.dot[data-v-620b28db]{width:10px;height:10px;border-radius:50%;background-color:var(--pencil-light,#d4c9b5);transition:all .3s ease}.dot.active[data-v-620b28db]{background-color:var(--pop-orange,#ff6b35);transform:scale(1.3)}.dot.done[data-v-620b28db]{background-color:var(--pop-green,#34b872)}.question-block[data-v-620b28db]{text-align:center}.hint[data-v-620b28db]{font-family:var(--font-handwritten,"Caveat",cursive);color:var(--ink-muted,#8a8a8a);font-size:1.3rem;margin-bottom:.5rem}.question-text[data-v-620b28db]{font-family:var(--font-heading,"Fredoka",sans-serif);color:var(--ink,#2d2d2d);font-size:1.8rem;font-weight:600;margin-bottom:2rem}.designer-input[data-v-620b28db]{width:100%;padding:1rem 0;font-size:1.25rem;font-family:var(--font-body,"Inter",sans-serif);color:var(--ink,#2d2d2d);background:transparent;border:none;border-bottom:2px solid var(--pencil-light,#d4c9b5);outline:none;text-align:center;transition:border-color .2s ease}.designer-input[data-v-620b28db]:focus{border-bottom-color:var(--pop-orange,#ff6b35)}.designer-input[data-v-620b28db]::-moz-placeholder{color:var(--ink-muted,#8a8a8a);font-style:italic}.designer-input[data-v-620b28db]::placeholder{color:var(--ink-muted,#8a8a8a);font-style:italic}.nav-buttons[data-v-620b28db]{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.btn-back[data-v-620b28db],.btn-next[data-v-620b28db]{font-family:var(--font-heading,"Fredoka",sans-serif);font-size:1rem;padding:.6rem 2rem;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.btn-next[data-v-620b28db]{background-color:var(--pop-orange,#ff6b35);color:#fff}.btn-next[data-v-620b28db]:hover:not(:disabled){background-color:var(--pop-orange-light,#ff8c5e);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,.3)}.btn-next[data-v-620b28db]:disabled{opacity:.4;cursor:not-allowed}.btn-back[data-v-620b28db]{background-color:var(--bg-sketch,#eee8dd);color:var(--ink-light,#5a5a5a)}.btn-back[data-v-620b28db]:hover{background-color:var(--pencil-light,#d4c9b5)}.fade-enter-active[data-v-620b28db],.fade-leave-active[data-v-620b28db]{transition:opacity .35s ease,transform .35s ease}.fade-enter-from[data-v-620b28db]{opacity:0;transform:translateY(12px)}.fade-leave-to[data-v-620b28db]{opacity:0;transform:translateY(-12px)}.complete-block[data-v-620b28db]{text-align:center}.complete-title[data-v-620b28db]{font-family:var(--font-heading,"Fredoka",sans-serif);color:var(--pop-green,#34b872);font-size:2rem;margin-bottom:2rem}.spec-card[data-v-620b28db]{background:var(--bg-surface,#fff);border:1px solid var(--border-sketch,rgba(0,0,0,.08));border-radius:16px;padding:2rem;text-align:left;box-shadow:0 4px 20px var(--shadow-soft,rgba(0,0,0,.08))}.spec-name[data-v-620b28db]{font-family:var(--font-heading,"Fredoka",sans-serif);font-size:1.5rem;color:var(--ink,#2d2d2d);margin-bottom:.25rem}.spec-theme[data-v-620b28db]{font-family:var(--font-handwritten,"Caveat",cursive);color:var(--ink-muted,#8a8a8a);font-size:1.2rem;margin-bottom:1.5rem}.spec-grid[data-v-620b28db]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.spec-item[data-v-620b28db]{display:flex;flex-direction:column}.spec-label[data-v-620b28db]{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted,#8a8a8a);font-weight:600;margin-bottom:.15rem}.spec-value[data-v-620b28db]{color:var(--ink,#2d2d2d);font-size:.95rem}.spec-turn[data-v-620b28db]{border-top:1px solid var(--border-sketch,rgba(0,0,0,.08));padding-top:1rem;margin-top:.5rem}.spec-turn .spec-value[data-v-620b28db]{margin-top:.15rem}.complete-actions[data-v-620b28db]{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.btn-save[data-v-620b28db]{font-family:var(--font-heading,"Fredoka",sans-serif);font-size:1rem;padding:.7rem 2rem;border-radius:12px;border:none;background-color:var(--pop-orange,#ff6b35);color:#fff;cursor:pointer;transition:all .2s ease}.btn-save[data-v-620b28db]:hover:not(:disabled){background-color:var(--pop-orange-light,#ff8c5e);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,.3)}.btn-save[data-v-620b28db]:disabled{opacity:.6;cursor:not-allowed}.btn-restart[data-v-620b28db]{font-family:var(--font-heading,"Fredoka",sans-serif);font-size:1rem;padding:.7rem 2rem;border-radius:12px;border:none;background-color:var(--bg-sketch,#eee8dd);color:var(--ink-light,#5a5a5a);cursor:pointer;transition:all .2s ease}.btn-restart[data-v-620b28db]:hover{background-color:var(--pencil-light,#d4c9b5)}.save-error[data-v-620b28db]{color:var(--pop-red,#e84855);margin-top:1rem;font-size:.9rem}@media (max-width:576px){.question-text[data-v-620b28db]{font-size:1.4rem}.designer-input[data-v-620b28db]{font-size:1.1rem}.spec-grid[data-v-620b28db]{grid-template-columns:1fr}}.game-image-generator[data-v-67adc342]{max-width:900px;margin:0 auto;padding:20px}.form-group[data-v-67adc342]{margin-bottom:20px}.form-control[data-v-67adc342]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.options-grid[data-v-67adc342]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.actions[data-v-67adc342]{margin-bottom:20px}.btn[data-v-67adc342]{padding:8px 16px;border-radius:4px;cursor:pointer}.btn-primary[data-v-67adc342]{background-color:#007bff;color:#fff;border:none}.btn-primary[data-v-67adc342]:disabled{background-color:#6c757d;cursor:not-allowed}.loading[data-v-67adc342]{display:flex;flex-direction:column;align-items:center;margin:20px 0}.spinner[data-v-67adc342]{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #007bff;width:40px;height:40px;animation:spin-67adc342 1s linear infinite;margin-bottom:10px}@keyframes spin-67adc342{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-grid[data-v-67adc342]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.image-container[data-v-67adc342]{border:1px solid #ddd;border-radius:4px;overflow:hidden}.generated-image[data-v-67adc342]{width:100%;height:auto;display:block}.image-actions[data-v-67adc342]{display:flex;justify-content:space-between;padding:10px;background-color:#f8f9fa}.btn-sm[data-v-67adc342]{padding:4px 8px;font-size:.875rem}.btn-outline-primary[data-v-67adc342]{color:#007bff;border:1px solid #007bff;background-color:transparent}.btn-success[data-v-67adc342]{background-color:#28a745;color:#fff;border:none}.error[data-v-67adc342]{margin:20px 0;padding:10px}.image-generator-demo[data-v-9ac93818]{padding:40px 0}.lead[data-v-9ac93818]{font-size:1.25rem;margin-bottom:30px}.selected-image-section[data-v-9ac93818]{margin-top:40px;padding-top:20px;border-top:1px solid #dee2e6}.selected-image-container[data-v-9ac93818]{max-width:600px;margin:0 auto;border:1px solid #ddd;border-radius:4px;overflow:hidden}.selected-image[data-v-9ac93818]{width:100%;height:auto;display:block}.ml-2[data-v-9ac93818]{margin-left:.5rem}.mt-3[data-v-9ac93818]{margin-top:1rem;text-align:center}.btn[data-v-9ac93818]{padding:8px 16px;border-radius:4px;cursor:pointer}.btn-success[data-v-9ac93818]{background-color:#28a745;color:#fff;border:none}.btn-outline-secondary[data-v-9ac93818]{color:#6c757d;border:1px solid #6c757d;background-color:transparent}:root{--bg-paper:#f5f0e8;--bg-white:#fefcf9;--bg-surface:#fff;--bg-elevated:#fff8f0;--bg-sketch:#eee8dd;--ink:#2d2d2d;--ink-light:#5a5a5a;--ink-muted:#8a8a8a;--pencil:#b8a88a;--pencil-light:#d4c9b5;--pop-orange:#ff6b35;--pop-orange-light:#ff8c5e;--pop-blue:#4a90d9;--pop-blue-light:#6ba8ed;--pop-green:#34b872;--pop-green-light:#4fd48e;--pop-red:#e84855;--pop-purple:#7c5cbf;--shadow-soft:rgba(45,45,45,.08);--shadow-med:rgba(45,45,45,.12);--border-sketch:rgba(0,0,0,.08);--font-heading:"Fredoka","Nunito",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-handwritten:"Caveat",cursive}body{background-color:var(--bg-paper)!important;color:var(--ink)!important;font-family:var(--font-body)!important;background-image:radial-gradient(circle at 20% 50%,rgba(255,107,53,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(74,144,217,.03) 0,transparent 50%),radial-gradient(circle at 50% 80%,rgba(52,184,114,.03) 0,transparent 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--ink)}a{color:var(--pop-blue);transition:color .2s ease}a:hover{color:var(--pop-blue-light)}#app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");opacity:.5}#app>*{position:relative;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:24px 24px}.navbar{background-color:var(--bg-white)!important;border-bottom:2px solid var(--bg-sketch);box-shadow:0 2px 8px var(--shadow-soft);position:relative;z-index:1030}.navbar-brand{font-family:var(--font-heading)!important;color:var(--pop-orange)!important;font-weight:700;font-size:1.4rem!important}.navbar-brand:hover{color:var(--pop-orange-light)!important}.navbar .nav-link{color:var(--ink-light)!important;font-weight:500;transition:color .2s ease}.navbar .nav-link.router-link-active,.navbar .nav-link:hover{color:var(--pop-orange)!important}.navbar-toggler{border-color:var(--pencil-light)!important}.dropdown-menu{background-color:var(--bg-surface);border:1px solid var(--border-sketch);border-radius:12px;box-shadow:0 8px 24px var(--shadow-med);z-index:1050}.dropdown-item{color:var(--ink-light);border-radius:8px;margin:2px 4px}.dropdown-item:hover{background-color:var(--bg-elevated);color:var(--pop-orange)}.dropdown-divider{border-color:var(--border-sketch)}.card{background-color:var(--bg-surface)!important;border:1px solid var(--border-sketch)!important;border-radius:16px!important;box-shadow:0 2px 12px var(--shadow-soft);transition:box-shadow .25s ease,transform .25s ease}.card:hover{box-shadow:0 8px 28px var(--shadow-med)!important;transform:translateY(-3px)}.card-header{background-color:var(--bg-elevated)!important;border-bottom:1px solid var(--border-sketch)!important;border-radius:16px 16px 0 0!important}.card-header.bg-warning{background-color:rgba(255,107,53,.08)!important;color:var(--pop-orange)!important}.card-title{font-family:var(--font-heading);color:var(--ink)!important;font-weight:600}.card-text{color:var(--ink-light)!important}.btn{border-radius:12px!important;font-family:var(--font-heading);font-weight:500;transition:all .2s ease!important}.btn-primary{background-color:var(--pop-orange)!important;border-color:var(--pop-orange)!important;color:#fff!important}.btn-primary:hover{background-color:var(--pop-orange-light)!important;border-color:var(--pop-orange-light)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,.3)}.btn-outline-primary{border-color:var(--pop-orange)!important;color:var(--pop-orange)!important}.btn-outline-primary:hover{background-color:var(--pop-orange)!important;color:#fff!important}.btn-secondary{background-color:var(--bg-sketch)!important;border:1px solid var(--pencil-light)!important;color:var(--ink-light)!important}.btn-secondary:hover{background-color:var(--pencil-light)!important;color:var(--ink)!important}.btn-success{background-color:var(--pop-green)!important;border-color:var(--pop-green)!important;color:#fff!important}.btn-success:hover{background-color:var(--pop-green-light)!important;border-color:var(--pop-green-light)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,184,114,.3)}.btn-danger{background-color:var(--pop-red)!important;border-color:var(--pop-red)!important;color:#fff!important}.btn-danger:hover{background-color:#f05a66!important;border-color:#f05a66!important}.btn-link{color:var(--ink-light)!important}.btn-link:hover{color:var(--pop-orange)!important}.btn:focus{box-shadow:0 0 0 .2rem rgba(255,107,53,.25)!important}.form-control,.form-select{background-color:var(--bg-white)!important;border:2px solid var(--pencil-light)!important;color:var(--ink)!important;border-radius:12px!important}.form-control::-moz-placeholder{color:var(--ink-muted)!important}.form-control::placeholder{color:var(--ink-muted)!important}.form-control:focus,.form-select:focus{border-color:var(--pop-blue)!important;box-shadow:0 0 0 .2rem rgba(74,144,217,.15)!important;background-color:var(--bg-white)!important}.form-label{color:var(--ink-light);font-family:var(--font-heading);font-size:.85rem;font-weight:500}.alert{border-radius:12px!important;border:none!important;border-left:4px solid!important}.alert-success{background-color:rgba(52,184,114,.08)!important;border-left-color:var(--pop-green)!important;color:var(--ink)!important}.alert-danger{background-color:rgba(232,72,85,.08)!important;border-left-color:var(--pop-red)!important}.alert-danger,.alert-info{color:var(--ink)!important}.alert-info{background-color:rgba(74,144,217,.08)!important;border-left-color:var(--pop-blue)!important}.alert-warning{background-color:rgba(255,107,53,.08)!important;border-left-color:var(--pop-orange)!important;color:var(--ink)!important}.alert a{color:var(--pop-blue);font-weight:500}.badge{border-radius:20px!important;font-family:var(--font-heading);font-weight:500}.badge.bg-secondary{background-color:var(--bg-sketch)!important;color:var(--ink-light)!important}.badge.bg-primary{background-color:rgba(255,107,53,.12)!important;color:var(--pop-orange)!important}.badge.bg-info{background-color:rgba(74,144,217,.12)!important;color:var(--pop-blue)!important}.list-group-item{background-color:var(--bg-surface)!important;border-color:var(--border-sketch)!important;color:var(--ink)!important}.list-group-item-action:hover{background-color:var(--bg-elevated)!important}.modal-content{background-color:var(--bg-white)!important;border:1px solid var(--border-sketch)!important;border-radius:20px!important;box-shadow:0 16px 48px rgba(0,0,0,.15)!important}.modal-header{border-bottom-color:var(--border-sketch)!important}.modal-header .modal-title{font-family:var(--font-heading);color:var(--ink)}.modal-footer{border-top-color:var(--border-sketch)!important}.spinner-border{color:var(--pop-orange)!important}.text-muted{color:var(--ink-muted)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-paper)}::-webkit-scrollbar-thumb{background:var(--pencil-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pencil)}@media print{body{background-color:#fff!important;background-image:none!important;color:#333!important}#app:before,body:after{display:none!important}.card{background-color:#fff!important;border-color:#ccc!important;box-shadow:none!important;transform:none!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif);line-height:1.6;color:var(--parchment,#333)}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.btn{display:inline-block;padding:.5rem 1rem;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.form-control{width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border:1px solid var(--gold-dim,#ced4da);border-radius:8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-control:focus{color:var(--parchment,#495057);background-color:var(--bg-elevated,#fff)}.form-control:focus{border-color:var(--gold,#80bdff);outline:0;box-shadow:0 0 0 .2rem rgba(212,164,76,.2)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-3{margin-bottom:1rem}.mt-5{margin-top:3rem}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media print{body{background-color:#fff!important;color:#333!important}.containter,.containter.mt-5,.mt-5,body{margin:0!important;padding:0!important}.hide-print,.navbar,.no-print{display:none!important}.page{margin:0;border:initial;width:215.9mm;min-height:auto;box-shadow:none;background:initial;outline:none}.card{position:relative;background-color:#fff;float:left;padding-left:20px;padding-right:20px;padding-top:15px;height:262px!important;width:187px!important}}.primary-header>.ra{float:right}