.h512256-wrap{margin-bottom:2rem;}
.h512256-card{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.04);overflow:hidden;}
.h512256-input-zone{padding:1rem;border-bottom:1px solid var(--border,#e5e7eb);}
.h512256-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-muted,#6b7280);letter-spacing:0.02em;margin-bottom:0.5rem;}
.h512256-textarea{width:100%;min-height:120px;padding:0.875rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-main,#111827);background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box;}
.h512256-textarea::placeholder{color:var(--text-muted,#9ca3af);}
.h512256-textarea:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,0.12);}
.h512256-file-bar{display:flex;align-items:center;gap:0.5rem;margin-top:0.75rem;padding:0.625rem 0.875rem;border:2px dashed var(--border,#e5e7eb);border-radius:10px;background:var(--surface-muted,#f9fafb);cursor:pointer;transition:border-color 0.2s,background 0.2s;}
.h512256-file-bar:hover,.h512256-file-bar:focus{border-color:var(--primary,#2563eb);background:rgba(37,99,235,0.04);}
.h512256-file-bar.h512256-dragover{border-color:var(--primary,#2563eb);background:rgba(37,99,235,0.08);}
.h512256-file-icon{color:var(--text-muted,#9ca3af);flex-shrink:0;}
.h512256-file-bar:hover .h512256-file-icon,.h512256-file-bar:focus .h512256-file-icon{color:var(--primary,#2563eb);}
.h512256-file-text{font-size:0.875rem;font-weight:500;color:var(--text-muted,#6b7280);}
.h512256-file-input{position:absolute;width:0.1px;height:0.1px;opacity:0;overflow:hidden;z-index:-1;}
.h512256-output-zone{padding:1rem;background:var(--surface-muted,#f8fafc);display:flex;flex-direction:column;gap:0.5rem;}
.h512256-output-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;}
.h512256-output-head .h512256-label{margin-bottom:0;}
.h512256-copy{padding:0.5rem 0.875rem;font-size:0.8125rem;font-weight:600;color:#fff;background:var(--primary,#2563eb);border:none;border-radius:8px;cursor:pointer;transition:background 0.2s,opacity 0.2s;}
.h512256-copy:hover:not(:disabled){background:var(--primary-dark,#1d4ed8);}
.h512256-copy:disabled{opacity:0.5;cursor:not-allowed;}
.h512256-copy.h512256-copied{background:#059669;}
.h512256-output{font-family:ui-monospace,monospace;font-size:0.875rem;line-height:1.6;color:var(--text-main,#111827);word-break:break-all;min-height:2.5rem;}
.h512256-output .h512256-placeholder{color:var(--text-muted,#9ca3af);}
.h512256-output.h512256-has-value .h512256-placeholder{display:none;}
.h512256-output.h512256-has-value{color:var(--primary-dark,#1d4ed8);font-weight:500;}
.h512256-about{margin-top:2rem;padding:1.25rem;background:var(--surface-muted,#f9fafb);border-radius:12px;border:1px solid var(--border,#e5e7eb);}
.h512256-about-title{font-size:1.125rem;font-weight:600;color:var(--text-main,#111827);margin:0 0 0.5rem 0;}
.h512256-about-p{font-size:0.9375rem;line-height:1.6;color:var(--text-muted,#6b7280);margin:0;}
@media (min-width:640px){.h512256-input-zone,.h512256-output-zone{padding:1.25rem;}.h512256-textarea{min-height:140px;padding:1rem 1.25rem;}.h512256-file-bar{margin-top:1rem;padding:0.75rem 1rem;}.h512256-output{font-size:0.9375rem;}}
@media (min-width:768px){.h512256-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}.h512256-input-zone{grid-column:1;grid-row:1 / -1;border-bottom:none;border-right:1px solid var(--border,#e5e7eb);padding:1.5rem;}.h512256-output-zone{grid-column:2;grid-row:1 / -1;padding:1.5rem;justify-content:center;}.h512256-textarea{min-height:180px;}}