/* Starter Walkthrough — compact, clean, Photoshop-density */
.walkthrough{padding:16px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.wt-header{text-align:center;padding:8px 0}
.wt-title{font-size:1.3em;font-weight:700;color:#e0e6ed}
.wt-sub{font-size:.78em;color:#8a9bb5;margin-top:6px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.4}

.wt-steps{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.wt-step{display:flex;align-items:center;gap:6px;font-size:.7em;color:#8a9bb5;background:rgba(255,255,255,.04);border:1px solid #2d3e52;border-radius:999px;padding:4px 10px}
.wt-num{width:18px;height:18px;border-radius:50%;background:#5BA4E6;color:#fff;font-weight:700;font-size:.72em;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.wt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;flex:1}
.wt-card{border:1px solid #2d3e52;border-radius:10px;background:rgba(255,255,255,.03);padding:12px;cursor:pointer;transition:border-color .15s,transform .15s}
.wt-card:hover{border-color:rgba(91,164,230,.4);transform:translateY(-1px)}
.wt-card-icon{font-size:1.4em;margin-bottom:6px}
.wt-card-name{font-weight:700;font-size:.82em;color:#e0e6ed}
.wt-card-desc{font-size:.68em;color:#8a9bb5;margin-top:4px;line-height:1.35}
.wt-card-mods{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}
.wt-mod{font-size:.58em;padding:2px 6px;border-radius:999px;background:rgba(91,164,230,.12);color:#a8d4ff;border:1px solid rgba(91,164,230,.2)}

.wt-create{text-align:center;padding:8px 0}
.wt-create-btn{background:rgba(91,164,230,.14);border:1px solid rgba(91,164,230,.3);color:#a8d4ff;border-radius:10px;padding:8px 20px;font-size:.8em;font-weight:700;cursor:pointer}
.wt-create-btn:hover{background:rgba(91,164,230,.22)}