.wtc-ba-tool{--wtc-bg:#f2f5f6;--wtc-card:#ffffff;--wtc-border:#dde6e9;--wtc-ink:#16232a;--wtc-muted:#5d6f77;--wtc-track:#e4edef;--wtc-track-ink:#43565e;--wtc-brand:#12a4b4;--wtc-brand-dark:#0d8290;--wtc-chip-bg:rgba(10,22,27,0.72);--wtc-chip-ink:#ffffff;--wtc-shadow:0 18px 45px rgba(18,42,51,0.12),0 3px 10px rgba(18,42,51,0.07);--wtc-btn-border:#cfdde1;--wtc-btn-bg:#ffffff;--wtc-btn-bg-hover:#eef5f6;box-sizing:border-box;font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.wtc-ba-tool *,.wtc-ba-tool *::before,.wtc-ba-tool *::after{box-sizing:border-box}.wtc-ba-tool .wtc-tool{width:100%;max-width:480px;margin:0 auto;background:var(--wtc-card);border:1px solid var(--wtc-border);border-radius:16px;box-shadow:var(--wtc-shadow);padding:16px 16px 14px;color:var(--wtc-ink)}.wtc-ba-tool .wtc-tool-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.wtc-ba-tool .wtc-tool-title{font-size:17px;font-weight:800;letter-spacing:-0.01em;margin:0}.wtc-ba-tool .wtc-hint{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--wtc-muted);white-space:nowrap}.wtc-ba-tool .wtc-hint svg{flex:none}.wtc-ba-tool .wtc-compare{position:relative;aspect-ratio:3 / 2;border-radius:12px;overflow:hidden;background:#0a1518;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize;--wtc-pos:50%}.wtc-ba-tool .wtc-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.wtc-ba-tool .wtc-after-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--wtc-pos))}.wtc-ba-tool .wtc-after-layer img{position:absolute}.wtc-ba-tool .wtc-tag{position:absolute;top:10px;z-index:4;padding:5px 10px;border-radius:999px;background:var(--wtc-chip-bg);color:var(--wtc-chip-ink);font-size:10.5px;font-weight:800;letter-spacing:0.12em;pointer-events:none;transition:opacity 0.25s ease;backdrop-filter:blur(3px)}.wtc-ba-tool .wtc-tag-before{left:10px}.wtc-ba-tool .wtc-tag-after{right:10px}.wtc-ba-tool .wtc-handle{position:absolute;top:0;bottom:0;left:var(--wtc-pos);width:0;z-index:5}.wtc-ba-tool .wtc-handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#ffffff;box-shadow:0 0 0 1px rgba(8,25,31,0.18),0 0 14px rgba(0,0,0,0.35)}.wtc-ba-tool .wtc-handle-btn{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:none;background:#ffffff;color:#17323b;display:flex;align-items:center;justify-content:center;gap:1px;cursor:ew-resize;box-shadow:0 4px 16px rgba(0,0,0,0.35),0 0 0 1px rgba(8,25,31,0.12);padding:0}.wtc-ba-tool .wtc-handle-btn:focus-visible{outline:3px solid var(--wtc-brand);outline-offset:2px}.wtc-ba-tool .wtc-handle-btn svg{display:block}.wtc-ba-tool .wtc-toggle{display:flex;background:var(--wtc-track);border-radius:999px;padding:3px;margin-top:14px}.wtc-ba-tool .wtc-toggle button{flex:1;border:none;background:transparent;color:var(--wtc-track-ink);font-family:inherit;font-size:14px;font-weight:700;padding:8px 0;border-radius:999px;cursor:pointer;transition:background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease}.wtc-ba-tool .wtc-toggle button.wtc-active{background:var(--wtc-brand);color:#ffffff;box-shadow:0 3px 10px rgba(18,164,180,0.35)}.wtc-ba-tool .wtc-toggle button:focus-visible{outline:3px solid var(--wtc-brand);outline-offset:2px}.wtc-ba-tool .wtc-caption{margin:10px 4px 0;text-align:center;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--wtc-muted);min-height:2.9em;display:flex;align-items:flex-start;justify-content:center;transition:opacity 0.18s ease}.wtc-ba-tool .wtc-caption.wtc-fading{opacity:0}.wtc-ba-tool .wtc-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px;padding-top:12px;border-top:1px solid var(--wtc-border)}.wtc-ba-tool .wtc-controls button{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:700;color:var(--wtc-ink);background:var(--wtc-btn-bg);border:1px solid var(--wtc-btn-border);border-radius:8px;padding:6px 10px;cursor:pointer;transition:background 0.15s ease}.wtc-ba-tool .wtc-controls button:hover{background:var(--wtc-btn-bg-hover)}.wtc-ba-tool .wtc-controls button:focus-visible{outline:3px solid var(--wtc-brand);outline-offset:2px}.wtc-ba-tool .wtc-controls button svg{color:var(--wtc-brand-dark);flex:none}@media (max-width:480px){.wtc-ba-tool .wtc-tool{padding:13px 12px 12px;border-radius:14px}.wtc-ba-tool .wtc-tool-title{font-size:16px}.wtc-ba-tool .wtc-hint span{display:none}.wtc-ba-tool .wtc-handle-btn{width:36px;height:36px}.wtc-ba-tool .wtc-caption{font-size:13px}}@media (prefers-reduced-motion:reduce){.wtc-ba-tool .wtc-tag,.wtc-ba-tool .wtc-caption,.wtc-ba-tool .wtc-toggle button{transition:none}}