:root{--bg:#fff;--fg:#111;--desc:#555;--input-bg:#fff;--input-border:#333;--preview-border:#ddd}@media (prefers-color-scheme:dark){:root{--bg:#111;--fg:#eee;--desc:#999;--input-bg:#1a1a1a;--input-border:#555;--preview-border:#333}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;gap:16px;margin-left:auto;margin-right:auto;padding:24px;display:flex}@media (width>=720px){.app{max-width:600px}}.title{font-size:32px;font-weight:400}.desc{color:var(--desc);font-size:14px;line-height:1.5}.btn{background:var(--fg);width:100%;color:var(--bg);cursor:pointer;text-align:center;border:none;border-radius:0;padding:12px 0;font-size:15px}.btn:disabled{opacity:.4;cursor:default}.btn:hover:not(:disabled){opacity:.85}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:13px;font-weight:600}.field-input{border:2px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--fg);border-radius:0;outline:none;padding:10px 12px;font-size:17px}.field-input:focus{border-color:var(--fg)}.preview-img{border:1px solid var(--preview-border);height:auto}.btns{flex-direction:row;gap:12px;display:flex}.loading-text{color:var(--desc);justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;inset:0}