*{box-sizing:border-box}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,sans-serif;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}button,select,input,textarea{font-family:inherit;font-size:inherit}.app-container{--radius:8px;--gap:12px;--gap-sm:4px;--mono:"Consolas", "Monaco", "Courier New", monospace;--accent:#2563eb;--accent-light:#2563eb14;--accent-border:#2563eb33;--success:#16a34a;--success-light:#16a34a0f;--success-border:#16a34a33;--error:#dc2626;--error-light:#dc26260f;--error-border:#dc262633;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--surface:#fff;--surface-dim:#f0f0f0;--border:#0000001a;--border-light:#0000000f;background:var(--surface-dim);min-height:100vh;color:var(--text);flex-direction:column;font-size:12px;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);padding:16px 0}.header-content{max-width:960px;margin:0 auto;padding:0 16px}.header-title-row{margin-bottom:var(--gap-sm);justify-content:space-between;align-items:center;display:flex}.app-header h1{color:var(--text);margin:0;font-size:20px;font-weight:600}.subtitle{margin:0 0 var(--gap-sm) 0;color:var(--text-secondary)}.description{margin:0 0 var(--gap-sm) 0;color:var(--text-secondary);white-space:pre-line;font-style:italic}.copyright{color:var(--text-muted);white-space:pre-line;margin:0;font-size:10px}.copyright a{color:inherit;text-decoration:underline}.app-main{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;width:100%;max-width:960px;margin:0 auto;padding:16px 16px 256px;display:flex}.instruction{color:var(--text-secondary);margin:0}.command-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--accent);-webkit-user-select:all;user-select:all;padding:8px;display:block}.commit-input,.prefix-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--mono);resize:vertical;padding:6px 8px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.commit-input:focus,.prefix-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #2563eb26}.commit-input:disabled,.prefix-input:disabled{opacity:.6;cursor:not-allowed}.commit-input{white-space:pre;min-height:200px;overflow-x:auto}.prefix-input{box-sizing:border-box;width:100%}.hint{color:var(--text-muted);margin:0;font-size:10px}.loading-overlay{background:var(--surface-dim);color:var(--text-muted);z-index:1000;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;inset:0}.settings-grid{gap:var(--gap-sm) 16px;background:var(--surface);padding:var(--gap);border-radius:var(--radius);border:1px solid var(--border-light);grid-template-columns:1fr 3fr;align-items:center;display:grid}.settings-grid>label{color:var(--text-secondary);white-space:nowrap}.preview-section{padding:var(--gap);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--radius)}.preview-grid{gap:var(--gap-sm) 16px;grid-template-columns:1fr 3fr;display:grid}.preview-grid>span:nth-child(odd){color:var(--text-secondary);white-space:nowrap}.preview-grid>span:nth-child(2n){color:var(--text);font-family:var(--mono)}.form-section{display:contents}.form-section.locked>*{opacity:.333;pointer-events:none}.control-section{flex-direction:column;gap:8px;display:flex}.button-group{flex-wrap:wrap;gap:8px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:var(--gap-sm);border:none;flex-direction:column;padding:6px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#3b82f6;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-dim)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444}.progress-display{background:var(--accent-light);border-radius:var(--radius);border:1px solid var(--accent-border);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px;display:flex}.progress-label{color:var(--accent);font-weight:500}.progress-value{color:var(--text);font-family:var(--mono);font-size:14px}.error-message{background:var(--error-light);border:1px solid var(--error-border);border-radius:var(--radius);color:var(--error);flex-direction:column;align-items:flex-start;gap:8px;padding:8px;display:flex}.result-section h2{color:var(--success);margin:0 0 8px;font-size:16px}.result-card{gap:var(--gap-sm) 16px;background:var(--success-light);border:1px solid var(--success-border);border-radius:var(--radius);padding:var(--gap);grid-template-columns:1fr 3fr;align-items:center;display:grid}.result-row{display:contents}.result-label{color:var(--text-secondary);white-space:nowrap;font-weight:500}.result-hash{font-family:var(--mono);color:var(--success);word-break:break-all;background:#16a34a14;border-radius:2px;padding:2px 4px}.result-value{color:var(--text);font-family:var(--mono)}.result-command{background:var(--surface-dim);border-radius:var(--radius);font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;margin:0;padding:8px;font-size:10px;overflow-x:auto}@media (width<=640px){.app-header{padding:12px 0}.header-content{padding:0 8px}.app-header h1{font-size:16px}.app-main{padding:8px 8px 320px}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}}.locale-select{background:var(--surface-dim);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:9999px;outline:none;padding:2px 4px;font-size:10px;font-weight:600}.settings-grid select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;padding:6px 8px}.settings-grid select:focus{border-color:var(--accent);outline:none}.stat-row{justify-content:space-between;width:100%;display:flex}.stat-row.secondary{margin-top:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px dashed var(--border)}.stat-row.secondary .progress-label{color:var(--text-muted)}.stat-row.secondary .progress-value{color:var(--text-muted);font-size:12px}.dev-test-panel{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin:16px 0;padding:8px}.dev-test-header h3{color:var(--text-muted);font-size:12px;font-weight:500}.dev-test-table{border-collapse:collapse;width:100%}.dev-test-table th{color:var(--text-muted);padding:var(--gap-sm) 8px;border-bottom:1px solid var(--border);font-weight:500}.dev-test-table td{padding:var(--gap-sm) 8px;border-bottom:1px solid var(--border-light);font-family:SF Mono,Cascadia Code,monospace}@media (width<=480px){.settings-grid,.preview-grid,.result-card{grid-template-columns:1fr}}