.tool--extract{width:100%;max-width:1200px;margin:0 auto;padding:18px}.extractTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.extractKicker{font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--muted)}.extractSmall{margin-top:6px;font-weight:750;font-size:13px;line-height:1.5}.extractTop__right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.extractGrid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 920px){.extractGrid{grid-template-columns:1fr 1fr;align-items:stretch}}.extractCard{border:1px solid var(--border);border-radius:18px;padding:14px;background:radial-gradient(900px 260px at 0% 0%,color-mix(in srgb,var(--p4) 14%,transparent),transparent),color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--shadow);display:grid;gap:12px;min-width:0;overflow:hidden}.extractCard--right{display:flex;flex-direction:column;gap:12px}.previewHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.previewTitle{font-weight:950}.previewBody{display:grid;place-items:center;min-height:320px}.previewFrame{width:100%;max-width:360px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 92%,transparent);position:relative;box-shadow:var(--shadow)}.previewImg{width:100%;height:auto;display:block}.previewOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0c1447;font-weight:900;color:var(--text)}.previewPh{width:100%;max-width:360px;height:320px;border-radius:16px;border:1px dashed var(--border);display:grid;place-items:center;color:var(--muted);font-weight:900;background:color-mix(in srgb,var(--p4) 14%,transparent)}.previewNav{display:flex;justify-content:space-between;gap:10px}.miniTips{border:1px dashed var(--border);border-radius:16px;padding:10px 12px;background:color-mix(in srgb,var(--card) 94%,transparent);display:grid;gap:8px}.miniTip{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-weight:800;font-size:13px;line-height:1.45;min-width:0}.miniDot{width:10px;height:10px;border-radius:999px;margin-top:4px;background:linear-gradient(135deg,var(--p1),var(--p5));flex:0 0 auto}.field{display:grid;gap:8px;min-width:0}.field__label{font-weight:950;line-height:1.2;font-size:14px}.tool--extract .input{width:100%;min-width:0;box-sizing:border-box;border-radius:14px}.extractActions{margin-top:auto;display:flex;justify-content:flex-end}.extractActions .btn{min-height:46px;padding:12px 18px;border-radius:16px}@media (max-width: 520px){.tool--extract{padding:14px}.extractTop__right{width:100%}.extractTop__right .btn{width:100%;justify-content:center;min-height:44px}.previewBody{min-height:280px}.previewPh{height:280px}.extractActions{justify-content:stretch}.extractActions .btn{width:100%;justify-content:center}.previewNav .btn{flex:1;justify-content:center}}.gotoWrap{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--shadow)}.gotoLabel{font-weight:850;font-size:12px}.gotoInput{width:76px;min-width:64px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 20%,var(--card));color:var(--text);font-weight:950;outline:none;text-align:center}.gotoInput:focus{border-color:color-mix(in srgb,var(--p1) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--p1) 15%,transparent)}.gotoSlash,.gotoTotal{font-weight:850;font-size:12px;white-space:nowrap}.gotoBtn{padding:8px 12px;border-radius:999px}@media (max-width: 520px){.previewNav{flex-wrap:wrap;justify-content:center}.gotoWrap{width:100%;justify-content:center;order:3}}