*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #faf8f5;--color-surface: #f0ede8;--color-border: #ddd8cf;--color-text: #3d3833;--color-text-dimmed: #8a8279;--color-accent: #0d9488;--color-accent-light: rgba(13, 148, 136, .08);--color-accent-border: rgba(13, 148, 136, .4);--radius: 8px;--transition: .2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.container{max-width:700px;margin:0 auto;padding:48px 24px 32px;display:flex;flex-direction:column;gap:24px}header{text-align:center}header h1{color:var(--color-accent);font-size:2rem;font-weight:700;line-height:1.2}.caption{color:var(--color-text-dimmed);font-size:.95rem}main{display:flex;flex-direction:column;gap:16px}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background-color var(--transition);position:relative}.dropzone:hover{border-color:var(--color-accent-border);background-color:var(--color-accent-light)}.dropzone.drag-over{transform:scale(1.02);border-color:var(--color-accent);background-color:var(--color-accent-light)}.dropzone-initial:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:152px;padding:16px 24px;pointer-events:none}.dropzone-icon{width:48px;height:48px;color:var(--color-text-dimmed)}.dropzone-initial p{color:var(--color-text-dimmed)}.dropzone-preview:not([hidden]){display:flex;align-items:center;gap:16px;padding:16px;pointer-events:none}.preview-thumb{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);flex-shrink:0}.preview-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.clear-btn{pointer-events:auto;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-dimmed);font-size:1.25rem;line-height:1;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition),border-color var(--transition)}.clear-btn:hover{color:var(--color-text);border-color:var(--color-text-dimmed)}.result{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;overflow:auto}.result-text{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--color-text);margin:0}footer{text-align:center;border-top:1px solid var(--color-border);padding-top:24px}footer p{font-size:.85rem;color:var(--color-text-dimmed);margin:0}footer p+p{margin-top:4px}footer a{color:var(--color-accent);text-decoration:none}footer a:hover{text-decoration:underline}.version{opacity:.6}.github-corner{position:fixed;top:0;right:0;z-index:100;display:block;color:#fff}.github-corner svg{fill:var(--color-accent);color:var(--color-bg);width:80px;height:80px;transition:fill var(--transition)}.github-corner:hover svg{fill:#0f766e}.github-corner-arm{transform-origin:130px 106px}.github-corner:hover .github-corner-arm{animation:wave .56s ease-in-out}@keyframes wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:600px){.container{padding:32px 16px 24px}header h1{font-size:1.5rem}.github-corner svg{width:60px;height:60px}.dropzone-initial{padding:32px 16px}}