/* SAM1337 TOOLS — Dork Builder v38 */

.dork-wrap { max-width:1200px; margin:auto; padding:92px 28px 80px; }

.dork-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:32px; animation:dorkHeroIn .65s cubic-bezier(.4,0,.2,1) both; }
@keyframes dorkHeroIn { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }
.dork-hero > div:first-child { max-width:780px; }
.dork-hero .eyebrow { margin-bottom:18px; }
.dork-hero h1 { font-size:clamp(2.4rem,5.5vw,4.8rem); line-height:1.01; letter-spacing:-.055em; margin:0 0 18px; }
.dork-hero > div > p:last-child { max-width:700px; color:#7e8a84; line-height:1.75; font-size:15px; }

.safe-search {
  width:230px; flex:none;
  border:1px solid rgba(125,255,170,.14); border-radius:18px; padding:20px;
  background:rgba(8,14,11,.78); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  transition:border-color .25s, box-shadow .25s;
}
.safe-search:hover { border-color:rgba(125,255,170,.28); box-shadow:0 8px 32px rgba(0,0,0,.3); }
.safe-search > span { font:700 .62rem 'JetBrains Mono',monospace; color:#60c87a; letter-spacing:.14em; text-transform:uppercase; }
.safe-search b { display:block; margin:18px 0 7px; font-size:.9rem; letter-spacing:-.02em; }
.safe-search p { margin:0; color:#6e7872; font-size:.76rem; line-height:1.6; }

.builder-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; animation:dorkHeroIn .65s .12s cubic-bezier(.4,0,.2,1) both; }

.builder-card {
  border:1px solid rgba(125,255,170,.12); border-radius:22px; overflow:hidden;
  background:linear-gradient(148deg,rgba(12,18,14,.97),rgba(6,10,8,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.35); position:relative;
  transition:border-color .3s, box-shadow .3s;
}
.builder-card:hover { border-color:rgba(125,255,170,.22); box-shadow:0 28px 80px rgba(0,0,0,.4), 0 0 0 1px rgba(125,255,170,.07); }
.builder-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,255,170,.4),transparent);
  animation:shimmerLine 4s ease-in-out infinite;
}
@keyframes shimmerLine { 0%,100%{opacity:.4} 50%{opacity:1} }

.dork-card-head { display:flex; gap:15px; align-items:center; padding:22px 24px; border-bottom:1px solid rgba(125,255,170,.09); background:rgba(125,255,170,.018); }
.dork-card-head h2, .dork-card-head p { margin:0; }
.dork-card-head h2 { font-size:1.1rem; letter-spacing:-.03em; }
.dork-card-head p { margin-top:4px; color:#6e7a74; font-size:.8rem; }

.dork-icon {
  width:44px; height:44px; flex-shrink:0; display:grid; place-items:center;
  border:1px solid rgba(125,255,170,.2); border-radius:13px; background:rgba(82,222,128,.09);
  transition:background .2s, box-shadow .2s;
}
.builder-card:hover .dork-icon { background:rgba(82,222,128,.15); box-shadow:0 0 18px rgba(125,255,170,.2); }
.dork-icon svg { width:19px; height:19px; color:#7dffaa; }

.builder-card form { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:24px; }
.field.wide { grid-column:1/-1; }
.field label { display:block; margin-bottom:8px; color:#6e7872; font-size:.62rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.field input, .field select {
  width:100%; height:48px; box-sizing:border-box;
  border:1px solid rgba(125,255,170,.13); border-radius:12px;
  background:rgba(4,8,6,.9); color:#e0ebe2; padding:0 14px;
  font:inherit; font-size:13px; outline:none;
  transition:border-color .22s, box-shadow .22s, background .22s;
  -webkit-appearance:none; appearance:none;
}
.field input:focus, .field select:focus { border-color:rgba(125,255,170,.5); box-shadow:0 0 0 4px rgba(125,255,170,.07), inset 0 1px rgba(125,255,170,.04); background:rgba(4,8,6,.98); }
.field input::placeholder { color:#343c39; }
.field select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a7470' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; background-size:16px; padding-right:32px; cursor:pointer; }

.chips { display:flex; flex-wrap:wrap; gap:8px; }
.chips button {
  border:1px solid rgba(125,255,170,.11); border-radius:999px;
  background:rgba(255,255,255,.022); color:#82908a; padding:8px 13px;
  cursor:pointer; font-size:.72rem; font-family:inherit;
  transition:border-color .2s, color .2s, background .2s, transform .15s, box-shadow .2s;
}
.chips button:hover { border-color:rgba(125,255,170,.35); color:#b8e8cc; background:rgba(125,255,170,.06); transform:translateY(-1px); box-shadow:0 4px 14px rgba(125,255,170,.12); }

.query-output {
  margin:0 24px; border:1px solid rgba(125,255,170,.13); border-radius:15px;
  background:rgba(2,6,4,.95); overflow:hidden; transition:border-color .25s, box-shadow .25s;
}
.query-output:focus-within { border-color:rgba(125,255,170,.28); box-shadow:0 0 0 2px rgba(125,255,170,.05), 0 6px 24px rgba(0,0,0,.25); }
.query-output > div { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-bottom:1px solid rgba(125,255,170,.09); color:#627068; font-size:.6rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; background:rgba(125,255,170,.018); }
.query-output button { border:1px solid rgba(125,255,170,.18); border-radius:7px; background:rgba(125,255,170,.06); color:#80d8a0; cursor:pointer; padding:4px 10px; font:10px 'DM Sans',sans-serif; transition:background .2s, border-color .2s, color .2s; }
.query-output button:hover { background:rgba(125,255,170,.14); border-color:rgba(125,255,170,.36); color:#cdfce0; }
.query-output code { display:block; min-height:66px; padding:16px; color:#b4eec8; font-family:'JetBrains Mono',monospace; font-size:.78rem; white-space:normal; overflow-wrap:anywhere; line-height:1.7; }

.builder-actions { display:flex; justify-content:flex-end; gap:10px; padding:18px 24px; }
.builder-actions button { height:46px; border-radius:12px; padding:0 20px; font-weight:700; font-family:inherit; font-size:13px; cursor:pointer; transition:transform .18s, box-shadow .18s, background .2s, border-color .2s; }
.builder-actions .secondary-action { border:1px solid rgba(125,255,170,.14); background:rgba(15,22,18,.9); color:#9aaba4; height:46px; }
.builder-actions .secondary-action:hover { border-color:rgba(125,255,170,.3); color:#cde8d5; background:rgba(125,255,170,.05); }

.google-btn {
  display:flex; align-items:center; justify-content:center; gap:9px;
  border:0; background:linear-gradient(135deg,#7dffaa,#52de80); color:#041008;
  box-shadow:0 4px 20px rgba(125,255,170,.32); position:relative; overflow:hidden;
}
.google-btn::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.2),transparent); opacity:0; transition:opacity .2s; }
.google-btn:hover::after { opacity:1; }
.google-btn:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(125,255,170,.48); }
.google-btn:disabled { opacity:.4; cursor:not-allowed; transform:none; box-shadow:none; }
.google-btn svg { width:17px; height:17px; }
.dork-note { margin:0; padding:0 24px 22px; color:#5e6a64; font-size:.72rem; line-height:1.7; }

.builder-side { display:flex; flex-direction:column; gap:13px; }
.side-card {
  border:1px solid rgba(125,255,170,.12); border-radius:18px; padding:18px;
  background:linear-gradient(148deg,rgba(12,18,14,.97),rgba(6,10,8,.96));
  box-shadow:0 14px 40px rgba(0,0,0,.25); transition:border-color .25s, box-shadow .25s;
}
.side-card:hover { border-color:rgba(125,255,170,.22); box-shadow:0 18px 50px rgba(0,0,0,.3); }
.side-card h3 { margin:0 0 9px; font-size:.9rem; letter-spacing:-.025em; }
.side-card > p { margin:0; color:#6e7872; font-size:.76rem; line-height:1.65; }

.side-icon { width:32px; height:32px; display:grid; place-items:center; margin-bottom:18px; border-radius:10px; border:1px solid rgba(125,255,170,.18); background:rgba(125,255,170,.08); color:#88e4ae; transition:background .2s, box-shadow .2s; }
.side-card:hover .side-icon { background:rgba(125,255,170,.14); box-shadow:0 0 14px rgba(125,255,170,.2); }

.human-card { border-color:rgba(125,255,170,.18); }
.human-flow { display:flex; align-items:center; justify-content:space-between; gap:5px; margin-top:16px; }
.human-flow span { padding:6px 10px; border:1px solid rgba(125,255,170,.14); border-radius:8px; background:rgba(125,255,170,.05); color:#80c89a; font-size:.68rem; font-weight:700; letter-spacing:.06em; }
.human-flow i { color:#3c524a; font-style:normal; font-size:.7rem; }

.template { display:block; width:100%; text-align:left; border:1px solid rgba(125,255,170,.09); border-radius:12px; background:rgba(255,255,255,.016); padding:12px 13px; margin-top:8px; color:#c4d0c8; cursor:pointer; font-family:inherit; transition:border-color .2s, background .2s, transform .15s; }
.template:hover { border-color:rgba(125,255,170,.3); background:rgba(125,255,170,.05); transform:translateX(3px); }
.template b { display:block; font-size:.75rem; font-weight:700; }
.template code { display:block; margin-top:4px; color:#5e7068; font-family:'JetBrains Mono',monospace; font-size:.64rem; }

.limit-card > div { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
#cooldownState { padding:4px 9px; border-radius:7px; background:rgba(125,255,170,.08); border:1px solid rgba(125,255,170,.18); color:#86d8a0; font-size:.62rem; font-family:'JetBrains Mono',monospace; letter-spacing:.06em; }

.dork-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; animation:dorkHeroIn .6s .22s both; }
.dork-grid article {
  border:1px solid rgba(125,255,170,.1); border-radius:17px; padding:22px;
  background:rgba(8,13,10,.7); transition:border-color .22s, background .22s, transform .22s, box-shadow .22s;
  position:relative; overflow:hidden;
}
.dork-grid article::before { content:''; position:absolute; top:-30px; left:-30px; width:100px; height:100px; border-radius:50%; background:radial-gradient(circle,rgba(125,255,170,.1),transparent 70%); opacity:0; transition:opacity .3s; pointer-events:none; }
.dork-grid article:hover::before { opacity:1; }
.dork-grid article:hover { border-color:rgba(125,255,170,.22); background:rgba(125,255,170,.02); transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,0,0,.3); }
.dork-grid article > span { display:inline-block; color:#58b872; font:700 .65rem 'JetBrains Mono',monospace; padding:4px 8px; border:1px solid rgba(88,184,114,.2); border-radius:6px; background:rgba(88,184,114,.06); }
.dork-grid h3 { margin:24px 0 8px; font-size:.92rem; letter-spacing:-.025em; }
.dork-grid p { margin:0; color:#6e7872; font-size:.76rem; line-height:1.65; }

@media(max-width:900px) { .dork-hero{display:block} .safe-search{width:auto;margin-top:20px} .builder-layout{grid-template-columns:1fr} .builder-side{display:grid;grid-template-columns:1fr 1fr} .limit-card{grid-column:1/-1} .dork-grid{grid-template-columns:1fr} }
@media(max-width:720px) { .dork-wrap{padding:28px 0 40px;width:calc(100% - 20px)!important} .dork-hero h1{font-size:clamp(2rem,9vw,3rem)} .builder-card form{grid-template-columns:1fr;padding:18px} .field.wide{grid-column:auto} .query-output{margin:0 18px} .builder-actions{padding:14px 18px} .builder-actions button{flex:1} .dork-note{padding:0 18px 18px} .builder-side{grid-template-columns:1fr} }
@media(max-width:480px) { .dork-wrap{padding:20px 0 30px} .builder-card{border-radius:16px} .dork-card-head{padding:16px 18px} }

/* White theme compatibility layer v41 */
.dashboard-head,.scanner-shell,.results,.trust-row,.live-history,.faq-section,.how-section,.tool-directory,
.dork-shell,.dork-card,.dork-results,.dork-panel,.dork-search,.dork-table{
  color:#111827;
}
.dashboard-head span,.dashboard-head p,.scanner-top p,.trust-row span,.live-history p,.topic-note,
.dork-shell p,.dork-card p,.dork-results p{color:#6b7280!important}
.scanner-shell,.results,.trust-row,.dork-card,.dork-results,.dork-panel{
  background:#fff!important;border-color:#e5e7eb!important;
  box-shadow:0 18px 55px rgba(15,23,42,.06)!important;
}
.result-head,.result-row,.live-history-row,.dork-result,.dork-row{border-color:#eef0f2!important}
.result-row code,.live-history-domain,.dork-result code,.dork-result a{color:#374151!important}
.result-row span,.live-history-meta,.dork-result span{color:#6b7280!important}
.scan-row .domain-input,.scan-row input,.dork-search input,.dork-search textarea{
  background:#fff!important;color:#111827!important;border-color:#dfe3e8!important;
}
.examples button,.results .actions button,.pager button,.dork-search button,.dork-actions button{
  background:#fff!important;color:#374151!important;border-color:#e5e7eb!important;
}
.examples button:hover,.results .actions button:hover,.pager button:hover,.dork-actions button:hover{
  background:#f8fafc!important;color:#111827!important;border-color:#cbd5e1!important;
}
@media(max-width:720px){
  .scanner-shell,.results,.trust-row,.dork-card,.dork-results,.dork-panel{box-shadow:0 12px 35px rgba(15,23,42,.05)!important}
}