html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;padding:0}:root{--bg:#111;--panel:#1c1c1e;--text:#f5f5f7;--muted:#9a9aa0;--accent:#10a37f;--accent-press:#0d8a6c;--secondary:#3a3a3c;--secondary-press:#4a4a4c;--danger:#ff453a}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}.app{max-width:640px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;gap:16px;min-height:100vh;margin:0 auto;display:flex}.header h1{letter-spacing:.02em;margin:0;font-size:20px;font-weight:600}.meta{background:var(--panel);border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.meta-row{justify-content:space-between;font-size:14px;display:flex}.meta-label{color:var(--muted)}.meta-value{font-variant-numeric:tabular-nums}.preview{background:var(--panel);border-radius:12px;flex:1;min-height:200px;padding:12px 16px;overflow:auto}.preview-body{white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}.preview-more{color:var(--muted);text-align:center;margin-top:8px;font-size:12px}.preview-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:14px}.actions{flex-direction:column;gap:10px;padding-bottom:4px;display:flex}.btn{appearance:none;cursor:pointer;color:var(--text);border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:background .12s,opacity .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent)}.btn-primary:not(:disabled):active{background:var(--accent-press)}.btn-secondary{background:var(--secondary)}.btn-secondary:not(:disabled):active{background:var(--secondary-press)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0006}.toast-ok{background:var(--accent);color:#fff}.toast-error{background:var(--danger);color:#fff}