#engine-explorer{--ee-navy:#14273b;--ee-gold:#f4c644;--ee-border:#e0e7ef;color:var(--ee-navy);padding-bottom:45px}#engine-explorer *{box-sizing:border-box}.ee-crumb{display:flex;gap:12px;margin:20px 0;color:#6b7b8d;font-size:13px}.ee-crumb a{color:inherit}.ee-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0 25px}.ee-eyebrow{color:#8c9aa9;font-size:11px;letter-spacing:1.4px;font-weight:800}.ee-head h1{font-size:32px;font-weight:800;color:var(--ee-navy);margin:4px 0}.ee-head p{margin:0;color:#66778a}.ee-controls{display:flex;align-items:center;gap:8px;white-space:nowrap}.ee-controls button{background:white;border:1px solid var(--ee-border);border-radius:9px;color:var(--ee-navy);padding:9px 14px;font-weight:700;cursor:pointer}.ee-controls span{font-size:12px;min-width:40px;text-align:center}.ee-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:22px}.ee-sidebar{border:1px solid var(--ee-border);border-radius:15px;overflow:hidden;align-self:start;background:white;box-shadow:0 5px 24px #14273b0b}.ee-sidebar h2{font-size:18px;color:white;background:var(--ee-navy);padding:20px;margin:0;font-weight:750}.ee-categories{padding:6px}.ee-category{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf0f4;background:white;color:var(--ee-navy);padding:12px 14px;cursor:pointer;font-size:13px;font-weight:650;transition:background .15s}.ee-category:last-child{border:0}.ee-category:hover,.ee-category.ee-active{background:#fff2c0}.ee-category span:last-child{font-size:21px}.ee-workspace{min-width:0;background:#fff;border:1px solid var(--ee-border);border-radius:15px;padding:12px;box-shadow:0 5px 24px #14273b08}.ee-canvas{height:560px;position:relative;overflow:hidden;touch-action:pan-y;border-radius:10px;background:#fff}.ee-stage{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .2s}.ee-engine{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.ee-hotspot{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);display:grid;place-items:center;border:0;border-radius:50%;background:#f4c64444;cursor:pointer;box-shadow:0 0 0 4px #f4c64424}.ee-dot{width:13px;height:13px;border-radius:50%;background:var(--ee-gold);border:2px solid #fff;box-shadow:0 0 0 2px var(--ee-navy)}.ee-hotspot:hover,.ee-hotspot.ee-active{background:#f4c644aa;box-shadow:0 0 0 9px #f4c64444}.ee-hotspot:hover .ee-dot,.ee-hotspot.ee-active .ee-dot{background:#fff}.ee-hint{color:#8190a0;text-align:center;font-size:12px;margin:10px 0 0}.ee-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;border:1px solid var(--ee-border);border-radius:15px;padding:24px;background:white}.ee-detail-overline{color:#8896a6;font-size:11px;font-weight:800;letter-spacing:1px}.ee-detail h2{color:var(--ee-navy);font-size:24px;margin:5px 0}.ee-detail p{color:#69798a;margin:0}.ee-open{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ee-gold);color:var(--ee-navy)!important;border-radius:10px;padding:15px 22px;font-weight:800;text-decoration:none!important}.ee-open.ee-disabled{background:#edf0f4;color:#8694a2!important;pointer-events:none}.ee-open span{font-size:23px}@media(max-width:850px){.ee-layout{grid-template-columns:1fr}.ee-workspace{grid-row:1}.ee-sidebar{grid-row:2}.ee-canvas{height:400px}.ee-head{align-items:start;flex-direction:column}.ee-detail{flex-direction:column;align-items:stretch}.ee-open{justify-content:center}}@media(max-width:480px){.ee-head h1{font-size:26px}.ee-canvas{height:300px}.ee-category{font-size:14px}.ee-controls{align-self:flex-end}}
