.progress-bar[data-v-f3b69245]{height:6px;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-top:1rem}.progress-bar__fill[data-v-f3b69245]{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.button--outline:hover:not(:disabled){background-color:var(--color-bg-secondary)}.button--text{background-color:transparent;color:var(--color-primary);border:none}.button--text:hover:not(:disabled){background-color:var(--color-bg-secondary)}.button--small{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.button--medium{padding:var(--space-sm) var(--space-md);font-size:1rem}.button--large{padding:var(--space-md) var(--space-lg);font-size:1.125rem}.image-preview[data-v-46c9ccac]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.preview-header[data-v-46c9ccac]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.preview-header h3[data-v-46c9ccac]{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.preview-container[data-v-46c9ccac]{padding:1rem;display:flex;justify-content:center;background-color:var(--color-bg)}.preview-image[data-v-46c9ccac]{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px}.file-uploader[data-v-8fd98cf2]{margin-bottom:2rem}.upload-area[data-v-8fd98cf2]{border:2px dashed var(--color-border);border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease}.upload-area[data-v-8fd98cf2]:hover{border-color:var(--color-primary)}.upload-label[data-v-8fd98cf2]{display:block;cursor:pointer}.upload-input[data-v-8fd98cf2]{display:none}.upload-content[data-v-8fd98cf2]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-content svg[data-v-8fd98cf2]{color:var(--color-primary)}.upload-content h3[data-v-8fd98cf2]{margin:0;font-size:1.25rem}.upload-content p[data-v-8fd98cf2]{margin:0;color:var(--color-text-secondary)}.card[data-v-6026cdaa]{background-color:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card--shadow-sm[data-v-6026cdaa]{box-shadow:var(--shadow-sm)}.card--shadow-md[data-v-6026cdaa]{box-shadow:var(--shadow-md)}.card--shadow-lg[data-v-6026cdaa]{box-shadow:var(--shadow-lg)}.card--shadow-lg[data-v-6026cdaa]:hover{transform:translateY(-2px)}.platform-preview[data-v-223d6e49]{display:flex;flex-direction:column;height:100%}.platform-header[data-v-223d6e49]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#fff}.platform-icon[data-v-223d6e49]{width:24px;height:24px;filter:brightness(0) invert(1)}.platform-name[data-v-223d6e49]{margin:0;font-size:1rem;flex-grow:1;font-weight:600}.platform-dimensions[data-v-223d6e49]{font-size:.875rem;opacity:.9;background:#0003;padding:2px 6px;border-radius:4px}.preview-image-container[data-v-223d6e49]{flex-grow:1;padding:0;background-color:var(--color-bg-secondary)}.preview-image-container .aspect-ratio-wrapper[data-v-223d6e49]{position:relative;width:100%;overflow:hidden;background:linear-gradient(45deg,#f0f0f0 25%,#e0e0e0 25% 50%,#f0f0f0 50% 75%,#e0e0e0 75%);background-size:20px 20px;padding-bottom:100%}.preview-image-container .preview-image[data-v-223d6e49]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-image-container:hover .preview-image[data-v-223d6e49]{transform:scale(1.02)}.platform-actions[data-v-223d6e49]{padding:1rem;border-top:1px solid var(--color-border);background-color:var(--color-bg);display:flex;flex-direction:column;gap:.5rem}.error-message[data-v-223d6e49]{color:var(--color-error);font-size:.8rem}@media (max-width: 768px){.platform-header[data-v-223d6e49]{padding:.5rem}.platform-name[data-v-223d6e49]{font-size:.9rem}.platform-dimensions[data-v-223d6e49]{display:none}}.social-previews[data-v-81e97abe]{padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d}.social-previews .section-title[data-v-81e97abe]{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.25rem}.social-previews .section-subtitle[data-v-81e97abe]{font-size:1rem;color:#666;margin-bottom:1.5rem}.social-previews .previews-grid[data-v-81e97abe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}@media (max-width: 768px){.social-previews[data-v-81e97abe]{padding:1rem}.social-previews .section-title[data-v-81e97abe]{font-size:1.25rem}.social-previews .section-subtitle[data-v-81e97abe]{font-size:.95rem}.social-previews .previews-grid[data-v-81e97abe]{gap:1rem}}.app-container[data-v-3cde3fe9]{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:1rem}.app-header[data-v-3cde3fe9]{text-align:center;margin-bottom:2rem}.app-header h1[data-v-3cde3fe9]{color:var(--color-primary);margin-bottom:.5rem}.app-main[data-v-3cde3fe9]{flex:1}.app-footer[data-v-3cde3fe9]{text-align:center;margin-top:2rem;padding:1rem;border-top:1px solid var(--color-border)}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}