*{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}:root{--background-color: #ffffff;--text-color: #000000;--border-color: #D1D5DB;--primary-color: #2563EB;--primary-hover-color: #1D4ED8;--primary-disabled-color: #93C5FD;--link-hover-color: #2563EB;--drag-border-color: #3B82F6;--delete-color: #EF4444;--delete-hover-color: #DC2626;--delete-disabled-color: #FCA5A5}@media (prefers-color-scheme: dark){:root{--background-color: #000000;--text-color: #E5E7EB;--border-color: #4B5563;--primary-color: #3B82F6;--primary-hover-color: #2563EB;--primary-disabled-color: #1E40AF;--link-hover-color: #60A5FA;--drag-border-color: #60A5FA;--delete-color: #F87171;--delete-hover-color: #EF4444;--delete-disabled-color: #7F1D1D}}html,body{height:100%}body{padding:16px 32px;background-color:var(--background-color);color:var(--text-color)}body,#container,#upload-button{display:flex;flex-direction:column;justify-content:center;align-items:center}h1,h4{text-align:center}h1 a,h4 a{color:var(--primary-color);text-decoration:none}h1 a:hover,h4 a:hover{text-decoration:underline}h4{margin-top:.5rem}#container{position:relative;width:720px;height:480px;max-width:100%;max-height:100%;border:2px dashed var(--border-color);border-radius:.75rem;overflow:hidden;margin-top:1rem;background-size:100% 100%;background-position:center;background-repeat:no-repeat;transition:border-color .3s,border-style .3s}#container.drag-over{border-color:var(--drag-border-color);border-style:solid;box-shadow:0 0 10px #3b82f680}#upload-button{gap:.4rem;font-size:18px;cursor:pointer;color:var(--text-color)}#upload-button svg path{fill:var(--text-color)}#upload{display:none}svg{pointer-events:none}#example{font-size:14px;text-decoration:underline;cursor:pointer}#example:hover{color:var(--link-hover-color)}canvas{position:absolute;width:100%;height:100%}.button-group{display:flex;gap:16px;margin-top:16px}#status{min-height:16px;margin:8px 0}#download-button,#delete-button{padding:8px 16px;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:16px;transition:background-color .3s}#download-button{background-color:var(--primary-color)}#download-button:hover:not([disabled]){background-color:var(--primary-hover-color)}#download-button:disabled{background-color:var(--primary-disabled-color);cursor:not-allowed}#delete-button{background-color:var(--delete-color)}#delete-button:hover:not([disabled]){background-color:var(--delete-hover-color)}#delete-button:disabled{background-color:var(--delete-disabled-color);cursor:not-allowed}.drag-hint{margin-top:8px;font-size:14px;opacity:.8}