:root{--color-bg: #18181b;--color-bg-secondary: #23232a;--color-text: #f4f4f5;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-border: #27272a;--color-card: #23232a;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text)}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-accent-hover)}button{border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;transition:border-color .25s,background .25s}button:hover{border-color:var(--color-accent);background:var(--color-card)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em;background:var(--color-card);border-radius:1em;box-shadow:0 2px 8px #0002;border:1px solid var(--color-border)}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{--color-bg: #ffffff;--color-bg-secondary: #f4f4f5;--color-text: #213547;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-border: #e5e7eb;--color-card: #f9fafb;color:var(--color-text);background-color:var(--color-bg)}a:hover{color:var(--color-accent-hover)}button{background-color:var(--color-bg-secondary);color:var(--color-text)}.card{background:var(--color-card);border:1px solid var(--color-border)}}#app[data-v-c7bd5f5c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.drop-area[data-v-c7bd5f5c]{border:2px dashed var(--color-accent);background:var(--color-bg-secondary);color:var(--color-text);border-radius:1em;padding:3em 2em;margin-top:2em;transition:background .2s,border-color .2s;cursor:pointer;max-width:400px;width:100%}.drop-area.active[data-v-c7bd5f5c]{background:var(--color-card);border-color:var(--color-accent-hover)}.file-link[data-v-c7bd5f5c]{color:var(--color-accent);text-decoration:underline;cursor:pointer}.processing[data-v-c7bd5f5c]{margin-top:1.5em;color:var(--color-accent)}.error[data-v-c7bd5f5c]{margin-top:1.5em;color:#ff6b6b}.result[data-v-c7bd5f5c]{margin-top:2em;background:var(--color-card);border-radius:1em;padding:2em;box-shadow:0 2px 8px #0002;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.preview[data-v-c7bd5f5c]{max-width:320px;max-height:320px;border-radius:.5em;margin-bottom:1em;border:1px solid var(--color-border)}button[data-v-c7bd5f5c]{margin-top:1em}