:root{color-scheme:light dark;font-family:-apple-system,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;background:#f4f4f5;color:#111}@media (prefers-color-scheme: dark){body{background:#0f0f10;color:#e7e7e9}}.app{max-width:600px;margin:0 auto;padding:16px}h1{font-size:20px;font-weight:600;margin:8px 0 16px}.section{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d}@media (prefers-color-scheme: dark){.section{background:#1c1c1e;box-shadow:0 1px 3px #0000004d}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:14px 18px;font-size:17px;font-weight:500;cursor:pointer;width:100%;-webkit-tap-highlight-color:transparent}.btn-primary{background:#007aff;color:#fff}.btn-secondary{background:transparent;color:#007aff;border:1.5px solid #007aff}.btn-small{width:auto;padding:10px 14px;font-size:15px}.btn:disabled{opacity:.4}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn-row .btn{flex:1 1 30%;min-width:90px}.preview{width:100%;border-radius:10px;margin-bottom:12px;background:#000}.text-area{width:100%;min-height:200px;padding:12px;font:inherit;font-size:17px;line-height:1.5;border:1px solid #ccc;border-radius:8px;background:#f4f4f5;color:inherit;resize:vertical}@media (prefers-color-scheme: dark){.text-area{background:#2a2a2c;border-color:#444}}.row{display:flex;gap:12px;align-items:center;margin:12px 0}.row label{font-size:13px;color:#666;min-width:70px}@media (prefers-color-scheme: dark){.row label{color:#999}}select,input[type=range]{flex:1;padding:8px;font:inherit;border-radius:6px;border:1px solid #ccc;background:inherit;color:inherit}@media (prefers-color-scheme: dark){select{background:#2a2a2c;border-color:#444}}.rate-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.status{font-size:14px;color:#666;margin:8px 0}@media (prefers-color-scheme: dark){.status{color:#999}}.status.error{color:#d00}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}input[type=file]{display:none}