.wpick-native-tools{background:linear-gradient(180deg,rgba(184,255,61,.035),transparent)}
.wpick-native-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wpick-native-card{position:relative;display:block;min-height:250px;padding:24px;border:1px solid var(--wp-line);border-radius:18px;background:#0f141b;color:var(--wp-text)!important;text-decoration:none!important;transition:.2s ease}
.wpick-native-card:hover{transform:translateY(-4px);border-color:rgba(184,255,61,.5);box-shadow:0 18px 44px rgba(0,0,0,.26)}
.wpick-native-card>span{display:grid;width:48px;height:48px;place-items:center;margin-bottom:30px;border-radius:14px;background:rgba(184,255,61,.09);color:var(--wp-accent);font-weight:900}
.wpick-native-card small{color:var(--wp-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.wpick-native-card h2,.wpick-native-card h3{margin:8px 0;color:#f5f7fa;font-size:21px;letter-spacing:-.025em}
.wpick-native-card p{margin:0 0 22px;color:var(--wp-muted);font-size:14px;line-height:1.65}
.wpick-native-card b{position:absolute;bottom:22px;color:#dce4ec;font-size:13px}
.wpick-text-link{align-self:end;color:var(--wp-accent);font-weight:700;text-decoration:none}
.wpick-tools-main{min-height:70vh;background:radial-gradient(circle at 80% 0,rgba(184,255,61,.07),transparent 27%),#080b10}
.wpick-tools-hero{padding:96px 0 38px;text-align:center}
.wpick-tools-hero h1{max-width:900px;margin:15px auto 18px;color:#f5f7fa;font-size:clamp(42px,6.5vw,82px);line-height:1.05;letter-spacing:-.055em}
.wpick-tools-hero h1 em{color:var(--wp-accent);font-style:normal}
.wpick-tools-hero p{max-width:690px;margin:auto;color:var(--wp-muted);font-size:18px;line-height:1.7}
.wpick-tools-hub-grid{margin-top:10px}
.wpick-tool-page{padding:42px 0 90px}
.wpick-tool-head{max-width:780px;margin:34px 0 28px}
.wpick-tool-head h1{margin:10px 0 12px;color:#f5f7fa;font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:-.045em}
.wpick-tool-head p{color:var(--wp-muted);font-size:17px;line-height:1.7}
.wpick-tool-app{padding:clamp(20px,4vw,38px);border:1px solid var(--wp-line);border-radius:24px;background:#0e131a;box-shadow:0 30px 80px rgba(0,0,0,.23)}
.wpick-tool-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px}
.wpick-tool-panel{padding:22px;border:1px solid #27313d;border-radius:18px;background:#0a0f15}
.wpick-file-drop{display:grid;min-height:270px;place-items:center;align-content:center;gap:9px;padding:25px;border:1px dashed #4a596b;border-radius:16px;text-align:center;cursor:pointer;transition:.18s}
.wpick-file-drop:hover,.wpick-file-drop.is-dragging{border-color:var(--wp-accent);background:rgba(184,255,61,.045)}
.wpick-file-drop input{position:absolute;width:1px;height:1px;opacity:0}
.wpick-file-drop strong{color:#edf2f7;font-size:18px}.wpick-file-drop span{color:var(--wp-muted);font-size:13px}
.wpick-tool-options{display:grid;align-content:start;gap:19px}
.wpick-tool-options label,.wpick-editor-label{display:grid;gap:8px;color:#dce4ec;font-size:14px;font-weight:700}
.wpick-tool-app input,.wpick-tool-app select,.wpick-tool-app textarea{box-sizing:border-box;width:100%;border:1px solid #374351;border-radius:12px;background:#080d13;color:#eef3f7;font:inherit;outline:none}
.wpick-tool-app input,.wpick-tool-app select{min-height:48px;padding:10px 13px}
.wpick-tool-app textarea{min-height:280px;padding:17px;resize:vertical;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.wpick-tool-app input:focus,.wpick-tool-app select:focus,.wpick-tool-app textarea:focus{border-color:var(--wp-accent);box-shadow:0 0 0 3px rgba(184,255,61,.09)}
.wpick-tool-app input[type=range]{min-height:20px;padding:0;accent-color:var(--wp-accent)}
.wpick-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wpick-tool-run{width:100%;margin-top:5px;border:0}
.wpick-tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.wpick-tool-actions button,.wpick-regex-layout button{min-height:44px;padding:9px 15px;border:1px solid #35414f;border-radius:11px;background:#141b24;color:#e7edf3;font-weight:700;cursor:pointer}
.wpick-tool-actions .wpick-button{border-color:var(--wp-accent);background:var(--wp-accent);color:#091006}
.wpick-tool-status{min-height:24px;margin:14px 0;color:var(--wp-muted);font-size:14px}
.wpick-tool-status.success{color:var(--wp-accent)}.wpick-tool-status.error{color:#ff9aa4}
.wpick-mini-list,.wpick-result-list{display:grid;gap:8px;margin-top:14px}
.wpick-mini-item,.wpick-result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #283340;border-radius:11px;background:#101720;color:#dce4ec;font-size:13px}
.wpick-mini-item span,.wpick-result-item span{color:var(--wp-muted)}
.wpick-result-item a{flex:none;padding:7px 10px;border-radius:8px;background:var(--wp-accent);color:#091006;font-weight:800;text-decoration:none}
.wpick-regex-row{display:grid;grid-template-columns:auto 1fr auto 100px;align-items:center;gap:10px;margin-bottom:18px;color:var(--wp-accent);font:700 23px ui-monospace,monospace}
.wpick-regex-row input{font:16px ui-monospace,monospace}
.wpick-regex-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.wpick-regex-layout h2{color:#f0f4f8;font-size:17px}
.wpick-highlight{min-height:180px;margin:0;padding:16px;overflow:auto;border:1px solid #2d3845;border-radius:13px;background:#080d13;color:#dce4ec;white-space:pre-wrap;word-break:break-word;font:14px/1.65 ui-monospace,monospace}
.wpick-highlight mark{padding:1px 2px;border-radius:3px;background:#b8ff3d;color:#101606}
.wpick-compare-editors{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wpick-diff-result{max-height:650px;overflow:auto;border:1px solid #2d3845;border-radius:13px;background:#080d13;font:13px/1.6 ui-monospace,monospace}
.wpick-diff-line{display:grid;grid-template-columns:42px 1fr;min-height:25px;border-bottom:1px solid rgba(255,255,255,.025)}
.wpick-diff-line b{padding:3px 8px;color:#718092;text-align:right;user-select:none}.wpick-diff-line code{padding:3px 10px;white-space:pre-wrap;word-break:break-word;color:#cfd8e2}
.wpick-diff-line.add{background:rgba(61,198,107,.12)}.wpick-diff-line.add code{color:#baf4cc}.wpick-diff-line.remove{background:rgba(244,82,98,.12)}.wpick-diff-line.remove code{color:#ffbdc4}
.wpick-tool-guide{max-width:820px;margin:42px 0 0;color:var(--wp-muted);line-height:1.75}.wpick-tool-guide h2{margin:30px 0 8px;color:#edf2f7;font-size:22px}
@media(max-width:980px){.wpick-native-grid{grid-template-columns:repeat(2,1fr)}.wpick-tool-grid{grid-template-columns:1fr}.wpick-regex-layout{grid-template-columns:1fr}}
@media(max-width:680px){.wpick-native-grid{grid-template-columns:1fr}.wpick-native-card{min-height:225px}.wpick-tools-hero{padding:65px 0 25px}.wpick-tool-page{padding:26px 0 60px}.wpick-tool-app{padding:16px;border-radius:18px}.wpick-compare-editors{grid-template-columns:1fr}.wpick-regex-row{grid-template-columns:auto 1fr auto 65px}.wpick-two{grid-template-columns:1fr}.wpick-section-head .wpick-text-link{display:none}}