.whp-tool{margin-bottom:2rem;}
.whp-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;}
.whp-tabs{display:flex;gap:0;border-bottom:2px solid var(--border,#e2e8f0);padding:0 .5rem;background:var(--surface-muted,#f8fafc);}
.whp-tab{flex:1;max-width:140px;padding:.75rem 1rem;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:.9375rem;font-weight:600;color:var(--text-muted,#64748b);background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s;-webkit-tap-highlight-color:transparent;}
.whp-tab:hover{color:var(--text-main,#111);}
.whp-tab.whp-tab-active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb);background:var(--surface,#fff);}
.whp-panels{padding:1.25rem 1.25rem 0;}
.whp-panel{display:none;animation:whp-fadeIn .2s ease;}
.whp-panel.whp-panel-visible{display:block;}
@keyframes whp-fadeIn{from{opacity:0;}to{opacity:1;}}
.whp-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main,#111);margin-bottom:.5rem;}
.whp-textarea{width:100%;min-height:100px;padding:.875rem 1rem;border:2px solid var(--border,#e2e8f0);border-radius:12px;font-size:1rem;line-height:1.5;resize:vertical;background:var(--surface,#fff);color:var(--text-main,#111);transition:border-color .2s,box-shadow .2s;box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.whp-textarea:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.12);}
.whp-textarea::placeholder{color:var(--text-muted,#64748b);}
.whp-file-zone{display:flex;align-items:center;justify-content:center;min-height:120px;padding:1.5rem 1rem;border:2px dashed var(--border,#e2e8f0);border-radius:12px;background:var(--surface-muted,#f8fafc);cursor:pointer;transition:border-color .2s,background .2s;}
.whp-file-zone:hover,.whp-file-zone.whp-dragover{border-color:var(--primary,#2563eb);background:rgba(37,99,235,.06);}
.whp-file-txt{font-size:.875rem;color:var(--text-muted,#64748b);pointer-events:none;}
.whp-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.whp-actions{padding:1rem 1.25rem;}
.whp-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--primary,#2563eb);color:#fff;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent;}
.whp-btn:hover{background:var(--primary-dark,#1d4ed8);}
.whp-btn:active{transform:scale(.98);}
.whp-result{padding:0 1.25rem 1.25rem;}
.whp-result-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;}
.whp-result-label{font-size:.875rem;font-weight:600;color:var(--text-main,#111);}
.whp-copy{padding:.5rem 1rem;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;background:var(--primary,#2563eb);color:#fff;border:none;transition:background .2s,opacity .2s;}
.whp-copy:hover:not(:disabled){background:var(--primary-dark,#1d4ed8);}
.whp-copy:disabled{opacity:.5;cursor:not-allowed;}
.whp-copy.whp-copied{background:#059669;}
.whp-output{display:block;min-height:88px;padding:1rem;border-radius:12px;background:#0f172a;border:2px solid #1e293b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:#34d399;word-break:break-all;white-space:pre-wrap;}
.whp-output[data-empty="true"]{color:var(--text-muted,#64748b);font-style:italic;}
.whp-about{margin-bottom:2rem;}
.whp-about-title{font-size:1.25rem;font-weight:700;color:var(--text-main,#111);margin:0 0 .75rem;}
.whp-about-p{font-size:1rem;line-height:1.65;color:var(--text-muted,#64748b);margin:0 0 .75rem;}
.whp-about-p:last-child{margin-bottom:0;}
.whp-about-p a{color:var(--primary,#2563eb);text-decoration:underline;}
.whp-about-p a:hover{text-decoration:none;}
@media (min-width:768px){.whp-card{border-radius:20px;}.whp-panels,.whp-actions,.whp-result{padding:1.5rem 1.75rem;}.whp-panels{padding-bottom:0;}.whp-actions{padding-top:1.25rem;}.whp-result{padding:0 1.75rem 1.5rem;}.whp-textarea{min-height:120px;}.whp-output{min-height:100px;font-size:.875rem;}.whp-btn{max-width:240px;}.whp-tabs{padding:0 1rem;}}
@media (max-width:480px){.whp-panels,.whp-actions,.whp-result{padding:1rem;}.whp-textarea{min-height:88px;}.whp-copy{padding:.4rem .75rem;font-size:.75rem;}.whp-tab{max-width:none;}}