.web-logo{width:38px;height:38px;border-radius:12px;object-fit:contain}.manual-lab{padding:30px 0 80px;background:linear-gradient(145deg,#eef8f5,#fff1fa)}.lab-grid{display:grid;grid-template-columns:330px minmax(360px,1fr);gap:34px;align-items:start}.tour-panel{position:sticky;top:100px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.tour-panel h2{font-size:28px;margin:8px 0}.tour-choice{width:100%;display:grid;gap:3px;text-align:left;padding:13px;margin:7px 0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}.tour-choice span{font-size:11px;color:var(--muted)}.tour-choice.active{background:var(--mint);border-color:var(--teal)}.tour-progress{height:6px;background:var(--line);border-radius:8px;margin:18px 0;overflow:hidden}.tour-progress div{height:100%;background:var(--teal);transition:width .3s}.tour-controls{display:flex;justify-content:space-between}.simulator-stage{position:relative;min-height:720px;display:grid;place-items:start center}.extension-shell{width:430px;min-height:680px;background:#fffdf8;border:1px solid #a9d1cc;border-radius:24px;box-shadow:0 30px 80px rgba(18,74,78,.18);overflow:hidden;position:relative;padding-bottom:68px}.sim-header{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sim-brand{display:flex;align-items:center;gap:9px;font-weight:800}.sim-brand img{width:36px;height:36px;border-radius:11px}.sim-avatar{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:var(--coral)}.sim-screen{padding:20px}.sim-nav{position:absolute;bottom:0;left:0;right:0;height:66px;border-top:1px solid var(--line);background:#fff;display:flex}.sim-nav button{width:20%;border:0;background:none;color:var(--muted);font-size:9px;display:grid;place-content:center;gap:2px}.sim-nav button span{font-size:18px}.sim-nav button.active{color:var(--teal)}.sim-search{padding:14px;border:1.5px solid #78b8bd;border-radius:14px;background:white;color:var(--muted)}.sim-card{padding:13px;margin-top:9px;border-radius:13px;border:1px solid;border-left-width:4px}.sim-card.sf{background:var(--sky);border-color:#39a9c5;color:#16677b}.sim-card.js{background:var(--yellow);border-color:#e5b92f;color:#70550a}.sim-card.rx{background:var(--pink);border-color:#c978a9;color:#7b3e64}.sim-code{padding:14px;background:#12373b;color:#dff6ef;border-radius:12px;font:12px/1.6 monospace;white-space:pre-wrap}.sim-actions{display:flex;gap:5px;margin:12px -20px 0;padding:10px 15px;border-block:1px solid var(--line)}.sim-actions button{flex:1;border:0;background:none;color:var(--teal);font-size:10px}.sim-field{margin:10px 0}.sim-field label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.sim-field input,.sim-field textarea,.sim-field select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.sim-button{padding:9px 12px;border:0;border-radius:10px;background:var(--teal);color:white;font-weight:700}.sim-callout{position:absolute;z-index:5;width:260px;padding:14px;border-radius:14px;background:#173d40;color:#fff;font-size:12px;line-height:1.5;box-shadow:var(--shadow);left:0;top:40px;transform:translateX(-35%);transition:top .3s}.sim-callout:after{content:"";position:absolute;right:-10px;top:28px;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #173d40}.tour-highlight{animation:pulse 1s infinite;outline:3px solid rgba(0,96,128,.35);outline-offset:3px}@keyframes pulse{50%{transform:scale(1.025)}}.sim-toast{padding:9px;background:#173d40;color:#fff;border-radius:9px;text-align:center;margin-top:10px}.sim-table{width:100%;border-collapse:collapse;font-size:10px}.sim-table td,.sim-table th{padding:7px;border:1px solid var(--line)}@media(max-width:950px){.lab-grid{grid-template-columns:1fr}.tour-panel{position:static}.sim-callout{position:static;transform:none;width:min(430px,100%);margin:0 auto 12px}.sim-callout:after{display:none}}@media(max-width:500px){.extension-shell{width:100%}.simulator-stage{display:block}}