/* Outils : page d'accueil (/tools) et seed viewer (/tools/seed). */

.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}
.crumbs a:hover{color:var(--text)}

/* ---------- Accueil des outils ---------- */
.tools-hero{position:relative;margin-top:-65px;padding:calc(65px + clamp(48px,7vw,88px)) 0 clamp(170px,22vw,300px)}
.tools-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.035em;font-weight:750;margin:14px 0 18px;max-width:760px}
.tools-hero .sub{color:var(--muted);font-size:clamp(16px,1.6vw,18px);max-width:620px}

.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding-bottom:clamp(48px,6vw,80px)}
.tool{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s,background .2s}
a.tool:hover{border-color:rgba(111,156,255,.5);background:var(--panel-2);transform:translateY(-3px)}
.tool .ico{display:grid;place-items:center;width:42px;height:42px;background:rgba(111,156,255,.14);color:var(--accent)}
.tool .ico .ic{width:21px;height:21px}
.tool h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px;font-weight:650}
.tool p{font-size:14.5px;color:var(--muted);flex:1}
.tool .go{font-size:14px;font-weight:600;color:var(--accent)}
.tool.soon{opacity:.7}
.tool .badge{font-family:var(--pix);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;background:rgba(255,255,255,.08);color:var(--muted)}

/* ---------- Seed viewer ---------- */
.seed-head{padding-top:32px}
.seed-head h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.03em;font-weight:750;margin:12px 0 8px}
.seed-head .sub{color:var(--muted);max-width:680px}
.seed-app{display:flex;flex-direction:column;gap:12px;padding-top:22px;padding-bottom:clamp(40px,6vw,72px)}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seed-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.seed-input{flex:1 1 260px;display:flex;padding:9px 12px;background:var(--panel);border:1px solid var(--line-2);}
.seed-input:focus-within{border-color:var(--accent-strong)}
.seed-input input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:15px}
.seed-input input::placeholder{color:var(--dim)}
.seed-select{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.seed-select select{font:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--line-2);padding:8px 10px;cursor:pointer}

.seed-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.seed-dims{display:flex;padding:3px;background:var(--panel);border:1px solid var(--line)}
.seed-dims button{border:0;background:none;cursor:pointer;font-size:13.5px;padding:6px 12px;color:var(--muted)}
.seed-dims button:hover:not(:disabled){color:var(--text)}
.seed-dims button[aria-pressed="true"]{background:var(--accent-strong);color:#fff}
.seed-dims button:disabled{opacity:.35;cursor:not-allowed}
.seed-structs{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:5px 10px;background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;user-select:none;transition:border-color .15s,color .15s,opacity .15s}
.chip:hover{color:var(--text);border-color:var(--line-2)}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip:has(input:not(:checked)){opacity:.45}
.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.chip[hidden]{display:none}
.chip .sw{width:10px;height:10px;background:var(--c,#888);box-shadow:0 0 0 1px rgba(0,0,0,.4)}

.seed-map{position:relative;height:min(68vh,720px);min-height:360px;overflow:hidden;background:#05080f;border:1px solid var(--line-2);touch-action:none;cursor:grab}
.seed-map.drag{cursor:grabbing}
.seed-map canvas{display:block;width:100%;height:100%}
.seed-tools{position:absolute;top:10px;right:10px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 20px)}
.seed-tools button{border:1px solid var(--line-2);background:rgba(10,15,29,.85);backdrop-filter:blur(6px);color:var(--text);font-size:13px;padding:6px 10px;cursor:pointer;min-width:34px}
.seed-tools button:hover{background:var(--panel-2)}
.seed-note{position:absolute;left:50%;top:12px;transform:translateX(-50%);font-size:13px;padding:6px 12px;background:rgba(10,15,29,.85);border:1px solid var(--line-2);color:var(--muted);pointer-events:none;white-space:nowrap}
.seed-status{position:absolute;left:10px;bottom:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.seed-status span{font-size:13px;padding:5px 10px;background:rgba(10,15,29,.85);border:1px solid var(--line);color:var(--text)}
.seed-status #seed-coords{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--muted)}
.seed-foot{font-size:13px;color:var(--dim)}

@media (max-width:600px){
  .seed-bar .btn{flex:1}
  .seed-select{flex:1 1 100%}
  .seed-select select{flex:1}
  .seed-note{white-space:normal;width:max-content;max-width:calc(100% - 20px);text-align:center;top:auto;bottom:52px}
  .seed-tools{top:8px;right:8px}
}