@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--hue: 224;--saturation: 85%;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--md-sys-typescale-body-large-font: var(--font-sans);--md-sys-typescale-display-large-font: var(--font-sans);--md-sys-typescale-headline-large-font: var(--font-sans);--md-sys-color-primary: hsl(var(--hue) var(--saturation) 45%);--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: hsl(var(--hue) 80% 90%);--md-sys-color-on-primary-container: hsl(var(--hue) 80% 15%);--md-sys-color-secondary: hsl(var(--hue) 20% 45%);--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: hsl(var(--hue) 30% 92%);--md-sys-color-on-secondary-container: hsl(var(--hue) 50% 15%);--md-sys-color-tertiary: hsl(280 50% 45%);--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: hsl(280 50% 90%);--md-sys-color-on-tertiary-container: hsl(280 50% 15%);--md-sys-color-error: #d9383a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #fce8e6;--md-sys-color-on-error-container: #600f0d;--md-sys-color-background: hsl(var(--hue) 30% 97%);--md-sys-color-on-background: hsl(var(--hue) 60% 10%);--md-sys-color-surface: hsla(var(--hue) 30% 98% / .75);--md-sys-color-on-surface: hsl(var(--hue) 60% 10%);--md-sys-color-surface-variant: hsl(var(--hue) 20% 92%);--md-sys-color-on-surface-variant: hsl(var(--hue) 30% 30%);--md-sys-color-outline: hsla(var(--hue) 30% 40% / .15);--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: hsl(var(--hue) 20% 95%);--md-sys-color-surface-container-high: hsl(var(--hue) 20% 90%);--md-sys-color-surface-container-highest: hsl(var(--hue) 20% 85%);--md-sys-color-outline-variant: hsla(var(--hue) 30% 40% / .1);--glass-bg: hsla(0, 0%, 100%, .6);--glass-border: hsla(0, 0%, 100%, .4);--glass-blur: blur(16px);--border-radius-lg: 16px;--border-radius-md: 12px;--border-radius-sm: 8px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--md-sys-color-primary: hsl(var(--hue) var(--saturation) 65%);--md-sys-color-on-primary: hsl(var(--hue) var(--saturation) 10%);--md-sys-color-primary-container: hsl(var(--hue) 50% 20%);--md-sys-color-on-primary-container: hsl(var(--hue) 80% 90%);--md-sys-color-secondary: hsl(var(--hue) 20% 65%);--md-sys-color-on-secondary: hsl(var(--hue) 20% 10%);--md-sys-color-secondary-container: hsl(var(--hue) 20% 20%);--md-sys-color-on-secondary-container: hsl(var(--hue) 30% 90%);--md-sys-color-tertiary: hsl(280 50% 70%);--md-sys-color-on-tertiary: hsl(280 50% 10%);--md-sys-color-tertiary-container: hsl(280 50% 20%);--md-sys-color-on-tertiary-container: hsl(280 50% 90%);--md-sys-color-error: #ff8b8b;--md-sys-color-on-error: #560002;--md-sys-color-error-container: #8c1d1d;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: hsl(var(--hue) 35% 8%);--md-sys-color-on-background: hsl(var(--hue) 20% 95%);--md-sys-color-surface: hsla(var(--hue) 25% 12% / .65);--md-sys-color-on-surface: hsl(var(--hue) 20% 95%);--md-sys-color-surface-variant: hsl(var(--hue) 15% 20%);--md-sys-color-on-surface-variant: hsl(var(--hue) 20% 80%);--md-sys-color-outline: hsla(var(--hue) 20% 80% / .1);--md-sys-color-surface-container-lowest: hsl(var(--hue) 35% 6%);--md-sys-color-surface-container-low: hsl(var(--hue) 25% 10%);--md-sys-color-surface-container-high: hsl(var(--hue) 20% 15%);--md-sys-color-surface-container-highest: hsl(var(--hue) 20% 18%);--md-sys-color-outline-variant: hsla(var(--hue) 20% 80% / .05);--glass-bg: hsla(var(--hue), 25%, 12%, .5);--glass-border: hsla(0, 0%, 100%, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 30px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .4)}}body{margin:0;padding:0;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--md-sys-typescale-body-large-font);transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1);min-height:100vh;scrollbar-gutter:stable}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--border-radius-lg);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}dialog{border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);padding:2rem;color:var(--md-sys-color-on-surface);max-width:500px;width:90%;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1),display .3s allow-discrete,overlay .3s allow-discrete}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.9)}}dialog::backdrop{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]::backdrop{opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container-low)}.tool-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;min-height:600px;container-type:inline-size;container-name:tool-layout-container}@container tool-layout-container (max-width: 680px){.tool-layout{grid-template-columns:1fr;min-height:auto}}.input-section,.output-section{display:flex;flex-direction:column;background:var(--md-sys-color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--md-sys-color-outline);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,border-color .3s ease}.input-section:focus-within,.output-section:hover{box-shadow:var(--shadow-md);border-color:var(--md-sys-color-primary)}.input-section h3,.output-section h3{margin-top:0;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600;color:var(--md-sys-color-primary)}.media-container,.image-container,.video-container{display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container-high);border-radius:var(--border-radius-md);overflow:hidden;position:relative;min-height:350px;border:1px solid var(--md-sys-color-outline-variant)}img,video{max-width:100%;max-height:100%;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.16,1,.3,1)}img:hover,video:hover{transform:scale(1.015)}img{object-fit:contain}.preview{flex:1;min-height:300px;border:1px solid var(--md-sys-color-outline);border-radius:var(--border-radius-md);padding:1.25rem;overflow:auto;background:var(--md-sys-color-surface-container-lowest);transition:border-color .3s ease}.preview:focus-within{border-color:var(--md-sys-color-primary)}.placeholder{flex:1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--md-sys-color-outline);border-radius:var(--border-radius-md);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-low);gap:.75rem;transition:background-color .3s ease,border-color .3s ease}.placeholder:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high)}.error{color:var(--md-sys-color-error);font-weight:600;margin-top:1rem;padding:.75rem 1rem;border-radius:var(--border-radius-sm);background:var(--md-sys-color-error-container);border:1px solid hsla(0,100%,50%,.1)}.btn-primary{padding:.8rem 1.5rem;border-radius:var(--border-radius-md);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 14px hsla(var(--hue),var(--saturation),45%,.2);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,box-shadow .2s ease;margin-top:auto}.btn-primary:hover:not(:disabled){background:hsla(var(--hue),var(--saturation),40%,1);transform:translateY(-2px);box-shadow:0 6px 20px hsla(var(--hue),var(--saturation),45%,.3)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.markdown-input{flex:1;min-height:150px;margin-bottom:1.25rem}.login-container[data-v-3c047fca]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--md-sys-color-surface-variant, #f0f4f8);font-family:Roboto,sans-serif}.login-card[data-v-3c047fca]{background:var(--md-sys-color-surface, #ffffff);padding:3rem;border-radius:28px;box-shadow:0 4px 8px 3px #0000000d,0 1px 3px #0000001a;text-align:center;max-width:400px;width:100%}.logo-area[data-v-3c047fca]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;color:var(--md-sys-color-primary, #005ac1)}.logo-icon[data-v-3c047fca]{font-size:48px;margin-bottom:.5rem}h1[data-v-3c047fca]{margin:0;font-size:2.25rem;font-weight:500;color:var(--md-sys-color-on-surface, #1b1b1f)}.subtitle[data-v-3c047fca]{color:var(--md-sys-color-on-surface-variant, #44474f);margin-bottom:2.5rem;font-size:1rem}.auth-section[data-v-3c047fca]{display:flex;justify-content:center;margin-bottom:2rem;min-height:50px}.verifying-spinner[data-v-3c047fca]{color:var(--md-sys-color-primary);font-weight:500;display:flex;align-items:center}.legal[data-v-3c047fca]{font-size:.75rem;color:var(--md-sys-color-outline, #74777f);line-height:1.5}.error-text[data-v-3c047fca]{color:var(--md-sys-color-error, #ba1a1a);font-size:.9rem;margin-bottom:1.5rem;font-weight:500}.modal-overlay[data-v-73db9269]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-73db9269]{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);width:95%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;border-radius:24px;box-shadow:0 8px 32px #0000004d;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.header[data-v-73db9269]{padding:1.5rem 2rem;background:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}h2[data-v-73db9269]{margin:0;color:var(--md-sys-color-primary);font-size:1.25rem;font-weight:600;letter-spacing:.5px}.close-btn[data-v-73db9269]{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--md-sys-color-on-surface-variant);line-height:1;padding:.25rem;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-btn[data-v-73db9269]:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-primary)}.content[data-v-73db9269]{padding:2rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline) transparent}.content[data-v-73db9269]::-webkit-scrollbar{width:8px}.content[data-v-73db9269]::-webkit-scrollbar-track{background:transparent}.content[data-v-73db9269]::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline);border-radius:4px}.grid-layout[data-v-73db9269]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:768px){.grid-layout[data-v-73db9269]{grid-template-columns:1fr;gap:1.5rem}}.config-section h3[data-v-73db9269]{margin-top:0;margin-bottom:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--md-sys-color-primary);font-weight:700}.section-desc[data-v-73db9269]{font-size:.9rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:1.5rem;margin-top:0;line-height:1.4}.divider[data-v-73db9269]{border:0;height:1px;background:var(--md-sys-color-outline-variant);margin:2rem 0}.form-group[data-v-73db9269]{margin-bottom:1.25rem}label[data-v-73db9269]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--md-sys-color-on-surface);font-size:.9rem}input[data-v-73db9269]{width:100%;padding:.85rem 1rem;border:1px solid var(--md-sys-color-outline);border-radius:12px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);font-size:.95rem;transition:border-color .2s,box-shadow .2s}input[data-v-73db9269]:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 4px rgba(var(--md-sys-color-primary-rgb),.1)}.api-key-input[data-v-73db9269]{position:relative}.status-success[data-v-73db9269]{color:var(--md-sys-color-primary);display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;font-weight:500;padding:.5rem .75rem;background:var(--md-sys-color-surface-container);border-radius:8px}.status-warning[data-v-73db9269]{color:var(--md-sys-color-error);display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;font-weight:500;padding:.5rem .75rem;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:8px}.actions[data-v-73db9269]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;border-top:1px solid var(--md-sys-color-outline-variant);position:sticky;bottom:-2rem;background:var(--md-sys-color-surface);margin-left:-2rem;margin-right:-2rem;padding:1.5rem 2rem .5rem}.btn-primary[data-v-73db9269]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:.85rem 1.75rem;border:none;border-radius:100px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;font-size:.95rem}.btn-primary[data-v-73db9269]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-secondary[data-v-73db9269]{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);padding:.85rem 1.5rem;border-radius:100px;font-weight:600;cursor:pointer;transition:background .2s;font-size:.95rem}.btn-secondary[data-v-73db9269]:hover{background:var(--md-sys-color-surface-container-high)}.test-result-container[data-v-73db9269]{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--md-sys-color-surface-container-low);border-radius:12px;border:1px solid var(--md-sys-color-outline-variant)}.result-row[data-v-73db9269]{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;border-radius:8px}.result-row.success .icon[data-v-73db9269]{color:green}.result-row.error .icon[data-v-73db9269]{color:var(--md-sys-color-error)}.details[data-v-73db9269]{display:flex;flex-direction:column;gap:.25rem;flex:1}.message[data-v-73db9269]{text-align:center;margin-top:1rem;font-weight:600;color:var(--md-sys-color-primary)}.utility-grid[data-v-c86c5bda]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.utility-card[data-v-c86c5bda]{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);padding:1.5rem;border-radius:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid transparent}.utility-card[data-v-c86c5bda]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;border-color:var(--md-sys-color-primary)}.icon[data-v-c86c5bda]{font-size:2.5rem;margin-bottom:1rem}h3[data-v-c86c5bda]{margin:0 0 .5rem;color:var(--md-sys-color-primary)}p[data-v-c86c5bda]{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.markdown-input[data-v-8a69d514]{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline);border-radius:8px;background:var(--md-sys-color-surface);overflow:hidden;height:100%}.toolbar[data-v-8a69d514]{display:flex;gap:1rem;padding:.5rem;background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap}.format-group[data-v-8a69d514]{display:flex;gap:.25rem;padding-right:.5rem;border-right:1px solid var(--md-sys-color-outline-variant)}.format-group[data-v-8a69d514]:last-child{border-right:none}.action-group[data-v-8a69d514]{margin-left:auto}button[data-v-8a69d514]{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:none;border-radius:4px;background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font-family:inherit;font-size:.9rem;transition:background .2s}button[data-v-8a69d514]:hover{background:var(--md-sys-color-surface-variant)}.upload-btn[data-v-8a69d514]{gap:.5rem;font-size:.8rem;font-weight:500;color:var(--md-sys-color-primary)}textarea[data-v-8a69d514]{flex:1;padding:1rem;border:none;background:transparent;color:var(--md-sys-color-on-surface);font-family:monospace;font-size:.95rem;line-height:1.5;resize:none}textarea[data-v-8a69d514]:focus{outline:none}.style-selector[data-v-d396a0d5],.palette-selector[data-v-d396a0d5]{margin-bottom:1.5rem}.style-selector h4[data-v-d396a0d5],.palette-selector h4[data-v-d396a0d5]{margin:0 0 .5rem;font-size:.9rem;color:var(--md-sys-color-on-surface-variant);font-weight:600}.styles-grid[data-v-d396a0d5]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.style-card[data-v-d396a0d5]{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;cursor:pointer;background:var(--md-sys-color-surface-container-lowest);transition:all .2s cubic-bezier(.4,0,.2,1)}.style-card[data-v-d396a0d5]:hover{background:var(--md-sys-color-surface-container-low);border-color:var(--md-sys-color-outline)}.style-card.active[data-v-d396a0d5]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.style-icon[data-v-d396a0d5]{font-size:1.25rem;background:var(--md-sys-color-surface-container-high);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.active .style-icon[data-v-d396a0d5]{background:var(--md-sys-color-primary)}.style-info[data-v-d396a0d5]{display:flex;flex-direction:column}.style-name[data-v-d396a0d5]{font-weight:700;font-size:.85rem}.style-desc[data-v-d396a0d5]{font-size:.7rem;opacity:.8;line-height:1.2}.palettes-list[data-v-d396a0d5]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.modal-grid[data-v-d396a0d5]{grid-template-columns:repeat(3,1fr);gap:1rem}.palette-item[data-v-d396a0d5]{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;cursor:pointer;background:var(--md-sys-color-surface-container-lowest);transition:all .2s}.palette-item[data-v-d396a0d5]:hover{background:var(--md-sys-color-surface-container-low);border-color:var(--md-sys-color-outline)}.palette-item.active[data-v-d396a0d5]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container)}.palette-swatch[data-v-d396a0d5]{display:flex;gap:2px;flex:1}.color-dot[data-v-d396a0d5]{flex:1;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.palette-info[data-v-d396a0d5]{display:flex;flex-direction:column;min-width:120px}.palette-name[data-v-d396a0d5]{font-size:.85rem;font-weight:600;color:var(--md-sys-color-on-surface)}.palette-change-txt[data-v-d396a0d5]{font-size:.7rem;opacity:.7}.modal-overlay[data-v-d396a0d5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-d396a0d5]{background:var(--md-sys-color-surface);border-radius:16px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;overflow:hidden}.modal-header[data-v-d396a0d5]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.modal-header h2[data-v-d396a0d5]{margin:0;font-size:1.25rem}.close-btn[data-v-d396a0d5]{background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.modal-body[data-v-d396a0d5]{padding:1.5rem;overflow-y:auto}.tool-layout[data-v-3e02c28c]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:600px}.input-section[data-v-3e02c28c],.output-section[data-v-3e02c28c]{display:flex;flex-direction:column}.markdown-input[data-v-3e02c28c]{flex:1;margin-bottom:1rem}.readonly-output[data-v-3e02c28c]{flex:1;padding:1rem;border-radius:8px;border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:monospace;resize:none;margin-bottom:1rem}.error[data-v-3e02c28c]{color:var(--md-sys-color-error);font-weight:700}.btn-primary[data-v-3e02c28c]{padding:.75rem;border-radius:8px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;font-weight:700;cursor:pointer}.btn-primary[data-v-3e02c28c]:disabled{opacity:.5;cursor:not-allowed}.tool-layout[data-v-9f07c694]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:600px}.input-section[data-v-9f07c694],.output-section[data-v-9f07c694]{display:flex;flex-direction:column}.markdown-input[data-v-9f07c694]{flex:1;margin-bottom:1rem}.pdf-container[data-v-9f07c694]{flex:1;display:flex;flex-direction:column;gap:1rem}iframe[data-v-9f07c694]{flex:1;border:1px solid var(--md-sys-color-outline);border-radius:8px;background:#fff}.placeholder[data-v-9f07c694]{flex:1;display:flex;align-items:center;justify-content:center;border:1px dashed var(--md-sys-color-outline);border-radius:8px;color:var(--md-sys-color-on-surface-variant)}.actions[data-v-9f07c694]{display:flex;justify-content:center}.download-btn[data-v-9f07c694]{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary);padding:.75rem 1.5rem;border-radius:20px;font-weight:700;transition:opacity .2s}.download-btn[data-v-9f07c694]:hover{opacity:.9}.error[data-v-9f07c694]{color:var(--md-sys-color-error);font-weight:700}.btn-primary[data-v-9f07c694]{padding:.75rem;border-radius:8px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;font-weight:700;cursor:pointer}.btn-primary[data-v-9f07c694]:disabled{opacity:.5;cursor:not-allowed}.desc[data-v-92cd1a30]{color:var(--md-sys-color-on-surface-variant);margin-bottom:1rem}.file-upload[data-v-92cd1a30]{margin-bottom:1rem}input[type=file][data-v-92cd1a30]{display:none}.file-label[data-v-92cd1a30]{display:inline-block;padding:.75rem 1rem;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:8px;cursor:pointer;font-weight:500;text-align:center;border:1px dashed var(--md-sys-color-outline);width:100%}.tool-content[data-v-fd5a35fe]{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.desc[data-v-fd5a35fe]{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;margin-bottom:.5rem}.editor-container[data-v-fd5a35fe]{height:400px}.actions[data-v-fd5a35fe]{display:flex;justify-content:flex-end}.btn-primary[data-v-fd5a35fe]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;font-size:1rem}.btn-primary[data-v-fd5a35fe]:disabled{opacity:.7;cursor:not-allowed}.error-box[data-v-fd5a35fe]{padding:1rem;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:8px}.success-box[data-v-fd5a35fe]{padding:2rem;background:#0080001a;border:1px solid var(--md-sys-color-primary);border-radius:12px;text-align:center}.success-box h3[data-v-fd5a35fe]{margin-top:0;color:var(--md-sys-color-primary)}.link-btn[data-v-fd5a35fe]{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);text-decoration:none;border-radius:20px;font-weight:600}.media-manager[data-v-160503f8]{display:flex;flex-direction:column;gap:1rem}.drop-zone[data-v-160503f8]{border:2px dashed var(--border-color, #ccc);padding:2rem;text-align:center;border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg-secondary, #f9f9f9)}.drop-zone.active[data-v-160503f8]{border-color:var(--primary-color, #007bff);background:var(--bg-active, #e6f0ff)}.media-grid[data-v-160503f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.media-item[data-v-160503f8]{border:1px solid var(--border-color, #eee);border-radius:6px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .1s}.media-item[data-v-160503f8]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.img-wrapper[data-v-160503f8]{aspect-ratio:16/9;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.img-wrapper img[data-v-160503f8]{width:100%;height:100%;object-fit:cover}.media-info[data-v-160503f8]{padding:.5rem;font-size:.8rem;display:flex;justify-content:space-between;align-items:center}.media-name[data-v-160503f8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.delete-btn[data-v-160503f8]{background:none;border:none;color:#f44;font-weight:700;cursor:pointer;padding:0 4px}.template-grid[data-v-d408964c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.template-card[data-v-d408964c]{border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;background:var(--bg-surface, #fff);display:flex;flex-direction:column;align-items:center;text-align:center}.template-card[data-v-d408964c]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color, #007bff)}.card-icon[data-v-d408964c]{font-size:2.5rem;margin-bottom:1rem}.card-content h4[data-v-d408964c]{margin:0 0 .5rem;font-size:1.1rem}.desc[data-v-d408964c]{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.4}.badges[data-v-d408964c]{margin-top:auto}.badge[data-v-d408964c]{background:#eee;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;color:#555}.header-layout[data-v-78200b8a]{display:flex;flex-direction:column;height:100%}.header-section[data-v-78200b8a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-text[data-v-78200b8a]{background:none;border:none;color:var(--primary-color, #007bff);text-decoration:underline;cursor:pointer}.step-container[data-v-78200b8a]{flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow:auto}.split-view[data-v-78200b8a]{flex-direction:row;height:100%}.config-pane[data-v-78200b8a]{flex:0 0 300px;background:var(--bg-surface, #f8f9fa);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #eee);display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.content-pane[data-v-78200b8a]{flex:1;display:flex;flex-direction:column}.form-group[data-v-78200b8a]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-78200b8a]{font-weight:700;font-size:.9rem}.form-group input[data-v-78200b8a]{padding:.5rem;border:1px solid #ccc;border-radius:4px}.logo-preview[data-v-78200b8a]{height:100px;border:1px dashed #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background:#fff}.logo-preview img[data-v-78200b8a]{max-height:100%;max-width:100%}.logo-preview .overlay[data-v-78200b8a]{position:absolute;background:#00000080;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.logo-preview:hover .overlay[data-v-78200b8a]{opacity:1}.constraints-info[data-v-78200b8a]{margin-top:1rem;font-size:.85rem;color:#666;background:#eef;padding:.5rem;border-radius:4px}.constraints-info ul[data-v-78200b8a]{padding-left:1.2rem;margin:.5rem 0 0}.success-box[data-v-78200b8a]{text-align:center;margin-top:2rem;padding:3rem;background:#e6f7e6;border-radius:8px;border:1px solid #c3e6cb}.btn-download[data-v-78200b8a]{display:inline-block;background:#28a745;color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.2rem;margin:1.5rem 0;box-shadow:0 4px 6px #0000001a}.btn-secondary[data-v-78200b8a]{display:block;margin:0 auto;background:none;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.modal-overlay[data-v-78200b8a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-78200b8a]{background:#fff;padding:2rem;border-radius:8px;width:600px;max-width:90%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.close-btn[data-v-78200b8a]{align-self:flex-end;padding:.5rem 1rem;background:#eee;border:none;border-radius:4px;cursor:pointer}.app-layout[data-v-c8dba2f9]{min-height:100vh;display:flex;flex-direction:column}header[data-v-c8dba2f9]{padding:1rem 2rem;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--md-sys-color-outline)}h1[data-v-c8dba2f9]{margin:0;font-size:1.5rem;font-weight:500}.header-left[data-v-c8dba2f9]{display:flex;align-items:center;gap:1rem}.profile-pic[data-v-c8dba2f9]{width:40px;height:40px;border-radius:50%;object-fit:cover}.icon-btn[data-v-c8dba2f9]{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s}.icon-btn[data-v-c8dba2f9]:hover{background:var(--md-sys-color-secondary-container)}main[data-v-c8dba2f9]{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.welcome-section[data-v-c8dba2f9]{text-align:center;margin-bottom:2rem}.dashboard[data-v-c8dba2f9]{width:100%}.tool-view[data-v-c8dba2f9]{width:100%;background:var(--md-sys-color-surface-container-low);padding:2rem;border-radius:16px}.badge[data-v-c8dba2f9]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:700}